<div class="palm-scene palm-dark back-tutorial">
	<div id="tutorialframe" class="back f0">
		
		<div id="images" class="images">
			
			<div class="black f0"></div>
			
			<div class="back-gesture-training-view f1 f2 f3 f4 f5 f6 f7 f8">
				<div class="description f1">Ahora que ya está configurado tu Prē, nos gustaría mostrarte una de las características más importantes del teléfono.</div>
				<div class="description f2">El gesto Atrás te ayudará a navegar por las pantallas del teléfono.</div>
				<div class="description f3">El área de gestos está debajo de la pantalla en el teléfono.</div>
				
				<div class="description f4 f5 f6">El gesto Atrás es un toque rápido de derecha a izquierda en el área debajo de la pantalla.</div>
			
				<div class="description f8">Sí, así. Sigamos.</div>
				<div id="buttons" class="buttons up">
					<div id="next_button" class="palm-button primary f1 f2 f8" x-mojo-tap-highlight="immediate">
						<div class="palm-button-wrapper">
							<span class="f1 f2 f8">Siguiente</span>
						</div>
					</div>					
				</div>
				
				<!-- Animation Divs -->
				
				<!-- Glowing gesture area in small device -->
				<div id="gesture_area_small_div" class="gesture-area-small">
					<img id="gesture_area_small_image" src="" />
				</div>
				
				<!-- Zoom from small device to big device in f4-->
				<div id="device_div" class="f1 f2 f3 f4 f5 f6 f7 f8">
					<img id="device_image" src="images/tutorial/phone.png" style="position:absolute; top:12px; left:92px; width:auto; height:226px;"/>
				</div>
				
				<!-- Glowing gesture area in big device -->
				<div id="gesture_area_big_div" class="gesture-area-big">
					<img id="gesture_area_big_image" src="" />
				</div>
				
				<!-- Finger (no glow) moving up to gesture area -->
				<div id="finger_div" class="finger-div">
					<img id="finger" src="images/tutorial/hand_00357.png" />
				</div>
				
				<!-- Ripple when finger touches device -->
				<div id="ripple_div" class="ripple-div">
					<img id="ripple_image" src="" />
				</div>
				
				<!-- Finger swipe -->
				<div id="swipe_div" class="swipe-div f4">
					<img id="finger_with_glow_image" src="images/tutorial/handglow_00359.png" />
				</div>
				
				<!-- Orb --> 
				<div id="orb_div" class="orb-div">
					<img id="orb_image" src="images/tutorial/orb_00357.png" />
				</div>
				
				<!-- Back Gesture success glow -->
				<div id="glow_div" class="glow-div">
					<img id="glow_image" src="images/tutorial/glow_00510.png" />
				</div>
				
				<!-- Zoom device transition between Part 1 (Training) and Part 2 (Photos)-->
				<div id="training_to_photos_div" class="f8" style="width:134px; height:227px;">
				</div>
				
			</div>
			
			<div class="photo-albums-view f9 f10 f15 f16 f21">
				<div class="photo-albums-default f9 f15 f21"></div>
				<div class="photo-albums-1-highlighted f10">
					<div id="photo-albums-3-row" class="album-row album-1-highlighted palm-row" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="photo-albums-2-highlighted f16">
					<div id="photo-albums-4-row" class="album-row album-2-highlighted palm-row" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="album-text all-images">Todas las imágenes</div>
				<div class="album-text messaging">Mensajería</div>
				<div class="album-text vacations">Vacaciones</div>
				<div class="album-text wallpapers">Imágenes de fondo</div>					
			</div>
			
			<div class="photo-album-1-view f11 f12 f13 f14">
				<div class="photo-album-1-default f11 f14"></div>
				<div class="photo-album-1-highlighted f12">
					<div id="photo-album-1-row-1-col-2" class="photo album-1-highlighted palm-row single" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="photo-album-1-photo-2 f13"></div>
			</div>
			
			<div class="photo-album-2-view f17 f18 f19 f20">
				<div class="photo-album-2-default f17 f20"></div>
				<div class="photo-album-2-highlighted f18">
					<div id="photo-album-1-row-2-col-1" class="photo album-2-highlighted palm-row single" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="photo-album-2-photo-4 f19"></div>
			</div>

			<div class="final-view f22">
				<div id = "lastscene" class="description">Descubrirás más gestos a medida que explores el Prē. Te mostraremos algunos más mientras el teléfono se prepara para reiniciar.</div>
			</div>
			
			<div id="instructions" class="instructions down">
				<div class="instructions-wrapper">
					<div class="photos-1-hierarchy-1 f10 f15"></div>
					<div class="photos-1-hierarchy-2 f12 f14"></div>
					<div class="photos-1-hierarchy-3 f13"></div>
					<div class="photos-2-hierarchy-1 f16"></div>
					<div class="photos-2-hierarchy-2 f18 f20"></div>
					<div class="photos-2-hierarchy-3 f19"></div>
					<div class="instruction">
						<!-- Back Gesture Training -->
						<span id="first-try-text" class="f5 centered">Adelante, inténtalo.</span>	
						<span id="second-try-text" class="f6 centered">Excelente. Inténtalo de nuevo.</span>
						<!-- Photos -->
						<span class="f10">Toca el álbum resaltado de arriba para mirarlo.</span>
						<span class="f12">Ahora, toca la foto resaltada para verla de más cerca.</span>
						<span class="f13">Usa el gesto Atrás para regresar a la pantalla de miniaturas.</span>
						<span class="f14">Realiza el gesto Atrás una vez más para ver los álbumes.</span>
						<span class="f16">Miremos otra foto. Adelante, abre el álbum resaltado.</span>
						<span class="f18">Selecciona foto resaltada, igual que antes.</span>
						<span class="f19">Ahora, regresemos a la página de miniaturas usando el gesto Atrás.</span>
						<span class="f20">Y de nuevo a los álbumes.</span>
						<span class="f21">Ya está. Ya aprendiste el gesto Atrás.</span>
						<div id="gesture_arrows_animation" style="display:none" ></div>
					</div>
					<div id="instruction_buttons" class="buttons up">
						<div id="instructions_next_button" class="palm-button primary f21 f22" x-mojo-tap-highlight="immediate">
							<div class="palm-button-wrapper">
								<span class="f21">Siguiente</span>
								<span class="f22">OK</span>
							</div>
						</div>		
					</div>			
				</div>
				</div>
			</div>		
		</div>
	<div id="notificationBar"></div>
</div>
