$(document).ready(function (){

    var aSTATE = ["MAIN","MOSAICO","EPIDERMIS","EMOCIONES","ABANDONOS","INGRAVIDOS"];
    var sEpidermis = ["epidermis1","epidermis2","emocion1","emocion2","abandono1","abandono2","muertelenta"];
    var EpidermisLayers = [14,7,13,13,6,9,0];
    var sState = aSTATE[0];
    var count = 1;
    var lupa = false;
    var bmosaico = false;
    var bVideo = false;
    var playing = true;
    //var interrupted = false;
    //var displace = false;
    //var displaceUnbind = false;

	var abandonos = new imgObject("ABANDONOS", "img/abandonos/","img/abandonos/cartela/","img/abandonos/thumb/",16);
	var emociones = new  imgObject("EMOCIONES","img/emociones/","img/emociones/cartela/","img/emociones/thumb/",15);
	var ingravidos = new imgObject("INGRAVIDOS","img/ingravidos/","img/ingravidos/cartela/","img/ingravidos/thumb/",10);
	var epidermis = new imgObject("EPIDERMIS","img/epidermis/","img/epidermis/cartela/","img/epidermis/thumb/",7);
	
	var img = new Image();
	var img2 = new Image();
	
	$("div.inicio").delay(2000).fadeTo(0,1);
	$('#palacios').delay(3000).fadeIn(2000);
	
		$('#palacios').delay(2000).fadeOut(500);
		$('#works').delay(7500).fadeTo(1000,1);
		$('#about').delay(7500).fadeTo(1000,1);



		

// 							A B O U T 


	$('#about').click(function( event ) {
		event.preventDefault();	
		
		$('#intro').hide();
		
		$('div.menu').hide();
		$('#mosaico').hide();
		$('#works').show();
		$('#works').css("cursor","pointer");
		
		$('#about').hide();
		
		$('#prev').hide();
		$('#next').hide();
		$('#marco').hide();
		clearEpidermis();
		if (lupa) {
		
		$('#lupabox').hide();
		lupa = false;
		$('#marcoimg').unbind('mousemove');
		}

		
		$('#text').show();

		$('#intro').attr('src','img/Intro_.jpg');
		$('#intro').css('top','-200px');
		$('#intro').css('opacity','0.2');

		
		
		
		
		$('#es').hide();
		$('#firmaes').hide();
		$('#en').fadeIn(700);
		$('#firmaen').fadeIn(700);
		$('#Sidioma').fadeIn(700);
		
		$('#esicon').click(function( event ) {
			$('#en').hide();
			$('#firmaen').hide();
			$('#es').fadeIn(700);
			$('#firmaes').fadeIn(700);
		});
		$('#enicon').click(function( event ) {
			$('#es').hide();
			$('#firmaes').hide();
			$('#en').fadeIn(700);
			$('#firmaen').fadeIn(700);
		});
		$('#firmaemail').show();
		$('#intro').show();
	});

//						W O R K S

	$('#works').click(function( event ) {
			event.preventDefault();		
				
				sState = aSTATE[0];
				if (bVideo) {$('#epiimg').bind('click',handler);}
				
				$('#text').hide();
				
				$('#intro').hide();
				$('#intro').css('opacity','1');
				$('#intro').attr('src','img/Intro.jpg');
				$('#intro').css('top',"");

				$("div.menu").show().css("display","inline-block");
				$('#emoimg').css("opacity","1");
				$('#ingimg').css("opacity","1");
				$('#epiimg').css("opacity","1");
				$('#abanimg').css("opacity","1");
				
				
				$('#works').css("cursor","default");
				restorecssAbout();
				$('#about').css("cursor","pointer");
				
				// Init mosaic behaviour ***************
				$('#mosaico').hide();
				$('#mosaico').css("cursor","default");
				$('#marcoimg').css("opacity","1");
				$('#lupabox').css("opacity","1");
				$('#cartelaimg').css("opacity","1");
				$('#mosaicomenu').hide();
				$('#lupabox').hide();
				bmosaico = false;
				// *****************************************
				
				$('#marco').hide();
				$('#prev').hide();
				$('#next').hide();
				
				
				$('#intro').show();	
				
				clearEpidermis();
		
	});


		
		$('#mosaico').click(function() {
	
			
				
				
							bmosaico = true;
							if (lupa) {
							
							$('#lupabox').hide();
							lupa = false;
							$('#marcoimg').unbind('mousemove');
							}
							
							
							switch(sState) {
									
									case "MAIN":
										
										
										break;
									
									case "EPIDERMIS":
									
							
										break;
									
									case "EMOCIONES":
									
										
										var i = 1;
										
											resetMosaic();
											//thumb = new Image();
											for (i=1;i<=emociones.max;i++) {
				
												/*$('#'+i).attr("src","img/GIF/loading.gif");
												$(thumb).attr("src",emociones.thumb+i+".jpg");
												$(thumb).load(function() {*/
													$('#'+i).css("display", "inline-block");
													$('#'+i).attr("src",emociones.thumb+i+".jpg");
													$('#'+i).css("background","#CCC");
												//});
											}							
																				
										break;
									
									case "ABANDONOS":
										
										var i = 1;
											resetMosaic();
											for (i=1;i<=abandonos.max;i++){
											$('#'+i).css("display", "inline-block");
											$('#'+i).attr("src",abandonos.thumb+i+".jpg")
											$('#'+i).css("background","#CCC");
											}
											
										break;
									
									case "INGRAVIDOS":
										
										var i = 1;
											resetMosaic();
											for (i=1;i<=ingravidos.max;i++){
											$('#'+i).css("display", "inline-block");
											$('#'+i).attr("src",ingravidos.thumb+i+".jpg")
											$('#'+i).css("background","#CCC");
											}
											
										break;			
									}
									
								$('#marcoimg').css("opacity","0.2");
								$('#lupabox').css("opacity","0.2");
								$('#cartelaimg').css("opacity","0.2");				
								$('#mosaicomenu').show();
				
				
		
				$(".mosaic").mouseover( function() {
				
					$(this).css({
				
				    'opacity': '0.8',
				    
				   	
  		    
					});
					
					$(this).click(function(){
							
							
							switch(sState) {
										
										case "EPIDERMIS":
										
											
											break;
										
										case "EMOCIONES":
										
											
											emociones.count = parseInt( $(this).attr('id') );
											
											$('#cartelaimg').attr("src",emociones.cartela+emociones.count+".png");
											$('#marcoimg').attr("src", function() {
												
												$(this).attr("src",emociones.archivo+emociones.count+".jpg");
											
											});
											

											
											
											$('#marcoimg').css("opacity","1");
											$('#lupabox').css("opacity","1");
											$('#cartelaimg').css("opacity","1");				
											$('#mosaicomenu').hide();	
											GetSelector(emociones);	
											break;
										
										case "ABANDONOS":
											
											abandonos.count = parseInt($(this).attr('id'));
											
											$('#cartelaimg').attr("src",abandonos.cartela+abandonos.count+".png");
											$('#marcoimg').attr("src", function() {
												
												$(this).attr("src",abandonos.archivo+abandonos.count+".jpg");
											
											});
											

											
											
											$('#marcoimg').css("opacity","1");
											$('#lupabox').css("opacity","1");
											$('#cartelaimg').css("opacity","1");				
											$('#mosaicomenu').hide();	
											GetSelector(abandonos);	
											break;
										
										case "INGRAVIDOS":
											
											ingravidos.count = parseInt($(this).attr('id'));
											
											$('#cartelaimg').attr("src",ingravidos.cartela+ingravidos.count+".png");
											$('#marcoimg').attr("src", function() {
												
												$(this).attr("src",ingravidos.archivo+ingravidos.count+".jpg");
											
											});
											

											
											
											$('#marcoimg').css("opacity","1");
											$('#lupabox').css("opacity","1");
											$('#cartelaimg').css("opacity","1");				
											$('#mosaicomenu').hide();	
											GetSelector(ingravidos);	
											break;			
										}
					});
			}).mouseout(function() {
					
					$(this).css({
				
				    'opacity': '1',
				    
					});
				
				});

				
				$('#mosaicomenu').bind("mouseleave", function() {
				
				
					$('#marcoimg').css("opacity","1");
					$('#lupabox').css("opacity","1");
					$('#cartelaimg').css("opacity","1");				
					$('#mosaicomenu').hide();		
					bmosaico = false;				
				});
				
						
				

				
				
		});	

//					C L I C K I N G     S E L E C T O R S


$('.selektor').click( function(event) {
	
			
			if (lupa) {
			
			$('#lupabox').hide();
			lupa = false;
			$('#marcoimg').unbind('mousemove');
			}
			switch(sState) {
						
						case "EPIDERMIS":
						
							
							break;
						
						case "EMOCIONES":
						
							
							//$('#'+emociones.count+'s').attr("src","img/png/select.png");
							emociones.count = parseInt( $(this).attr('id').split('e',1) );
							
							$('#cartelaimg').attr("src",emociones.cartela+emociones.count+".png");
							
							GetSelector(emociones);
							//$('#'+emociones.count+'s').attr("src","img/png/selected.png");
							
							$(img).attr("src",emociones.archivo+emociones.count+".jpg");
							
							
							$(img).load( function(event) {
								
								
								$('#marcoimg').attr({
									
									"src": $(this).attr("src"),
									
								
								});
							}); 
							
							break;
						
						case "ABANDONOS":
							
							
							//$('#'+abandonos.count+'s').attr("src","img/png/select.png");
							abandonos.count = parseInt( $(this).attr('id').split('e',1) );
							
							$('#cartelaimg').attr("src",abandonos.cartela+abandonos.count+".png");
							
							GetSelector(abandonos);
							//$('#'+abandonos.count+'s').attr("src","img/png/selected.png");
							
							$(img).attr("src",abandonos.archivo+abandonos.count+".jpg");
							
							
							$(img).load( function(event) {
								
								
								$('#marcoimg').attr({
									
									"src": $(this).attr("src"),
									
								
								});
							}); 
							
							break;
						
						case "INGRAVIDOS":
							
							
							//$('#'+ingravidos.count+'s').attr("src","img/png/select.png");
							ingravidos.count = parseInt( $(this).attr('id').split('e',1) );
							
							$('#cartelaimg').attr("src",ingravidos.cartela+ingravidos.count+".png");
							
							GetSelector(ingravidos);
							//$('#'+ingravidos.count+'s').attr("src","img/png/selected.png");
							
							$(img).attr("src",ingravidos.archivo+ingravidos.count+".jpg");
							
							
							$(img).load( function(event) {
								
								
								$('#marcoimg').attr({
									
									"src": $(this).attr("src"),
									
								
								});
							}); 
							
							break;			
						}
	


});
	
		
	

//							e m o c i o n e s


	$('#emoimg').hover( function() {
    	   
       	$(this).attr("src", "img/png/Emociones_.png");
     	}, function() {
       	
       		$(this).attr("src", "img/png/Emociones.png");
     	}
   	);
   	

	$('#emoimg').click(function( event ) {
				event.preventDefault();		
				
				sState = aSTATE[3];
				
				$('#epiimg').bind('click',handler);
				
				$('#text').hide();
				$('#intro').css('opacity','1');
				$('div.works').show();
				$('#works').css("cursor","default");
				restorecssAbout();
				$('#about').css("cursor","pointer");
								
				
				$('#mosaico').fadeTo(200,1);
				$('#mosaico').css("cursor","pointer");
				// Init mosaic behaviour ***************
				$('#marcoimg').css("opacity","1");
				$('#lupabox').css("opacity","1");
				$('#cartelaimg').css("opacity","1");
				$('#mosaicomenu').hide();
				$('#lupabox').hide();
				bmosaico = false;
				// *****************************************
				$('#prev').show();
				$('#next').show();
				
				$('#emoimg').css("opacity","1");
				$('#ingimg').css("opacity","0.6");
				$('#epiimg').css("opacity","0.6");
				$('#abanimg').css("opacity","0.6");
				
				
				$('#intro').hide();
				clearEpidermis();
				
				$('#cartelaimg').attr("src",emociones.cartela+emociones.count+".png");
				$('#marcoimg').attr("src", function() {
					
					$(this).attr("src",emociones.archivo+emociones.count+".jpg");
							
				});

				$('#marco').show();
				resetSelektor();
				applySelektor(emociones.max);
				GetSelector(emociones);
				$('#selector').show();
				if (lupa) {
				
					$('#lupabox').hide();
					lupa = false;
					$('#marcoimg').unbind('mousemove');
				}
				if (bmosaico) {
								switch(sState) {
										
										case "EPIDERMIS":
										
								
											break;
										
										case "EMOCIONES":
										
											
											var i = 1;
											
												resetMosaic();
												//thumb = new Image();
												for (i=1;i<=emociones.max;i++) {
					
													/*$('#'+i).attr("src","img/GIF/loading.gif");
													$(thumb).attr("src",emociones.thumb+i+".jpg");
													$(thumb).load(function() {*/
														$('#'+i).attr("src",emociones.thumb+i+".jpg");
														$('#'+i).css("background","#CCC");
													//});
												}							
												
											
											break;
										
										case "ABANDONOS":
											
											var i = 1;
												resetMosaic();
												for (i=1;i<=abandonos.max;i++){
												$('#'+i).attr("src",abandonos.thumb+i+".jpg")
												$('#'+i).css("background","#CCC");
												}
											
											break;
										
										case "INGRAVIDOS":
											
											var i = 1;
												resetMosaic();
												for (i=1;i<=ingravidos.max;i++){
												$('#'+i).attr("src",ingravidos.thumb+i+".jpg")
												$('#'+i).css("background","#CCC");
												}
												
											break;			
										}
										
									$('#marcoimg').css("opacity","0.2");
									$('#lupabox').css("opacity","0.2");
									$('#cartelaimg').css("opacity","0.2");
													
									$('#mosaicomenu').show();
									
				
				}

								
	});
	
	$('#marcoimg').click(function() {
		
		
		if (!lupa) {	
			
			lupa = true;		
			$('#lupabox').show();
			
 			var imgwidth = img2.width;
 			var imgheight = img2.height;

 			
 			
			switch(sState) {
						
						case "EPIDERMIS":
						
							
							break;
						
						case "EMOCIONES":
						
							$(img2).attr("src", "img/emociones/src/"+emociones.count+".jpg");
							$('#lupabox').css({
							    // Get Thumbnail Image path // Create Full Image path from Thumbnail
							    backgroundImage: 'url(' + $(img2).attr("src") + ')',
							    backgroundRepeat: 'no-repeat',
							  	backgroundPosition: '50% 50%',	    
							});	
							
							
							
							break;
						
						case "ABANDONOS":
						
							$(img2).attr("src", "img/abandonos/src/"+abandonos.count+".jpg");	
							$('#lupabox').css({
							    // Get Thumbnail Image path // Create Full Image path from Thumbnail
							    backgroundImage: 'url(' + $(img2).attr("src") + ')',
							    backgroundRepeat: 'no-repeat',
							  	backgroundPosition: '50% 50%',	    
							});	
	
							break;
						
						case "INGRAVIDOS":
							
							$(img2).attr("src", "img/ingravidos/src/"+ingravidos.count+".jpg");
							$('#lupabox').css({
							    // Get Thumbnail Image path // Create Full Image path from Thumbnail
							    backgroundImage: 'url(' + $(img2).attr("src") + ')',
							    backgroundRepeat: 'no-repeat',
							  	backgroundPosition: '50% 50%',	    
							});	
							break;			
						}

			//alert(event.pageX+' '+event.pageY);
			//La lupa está diseñada para que top,left de la imagen = (0,0)
			
			$('#marcoimg').bind( 'mousemove',function(event) {
			
				//TOP & LEFT + 8 := BORDER = 8px

				pos = $('#marcoimg').offset();
				
				var top = 8 + parseInt( pos.top );
				var left = 8 + parseInt( pos.left );
				
				
				var Incwidth = img2.width / parseInt($('#marcoimg').css("width"));
				var Incheight = img2.height / parseInt($('#marcoimg').css("height"));
  
				
				var bgx = -1*(event.pageX - left - (100/Incwidth))*Incwidth;
				var bgy = -1*(event.pageY - top - (100/Incheight))*Incheight; 
				
				
				
				
				if (event.pageX >= left + parseInt($('#marcoimg').css("width")) - 200/(2*Incwidth) ) {
				
					bgx = -1*(img2.width - 200);
					
				}
				
				if (bgx >= 0) bgx = 0;
				if (bgy >= 0) bgy = 0;	
				
				if (event.pageY >= top + parseInt($('#marcoimg').css("height")) - 200/(2*Incheight) )  {
				
					bgy = -1*(img2.height - 200);
					
				}

			 
				$('#lupabox').css("backgroundPosition", bgx + 'px' + ' ' + bgy + 'px');
				
			 	}
				);
			

		}
		else {
				
			$('#lupabox').hide();
			lupa = false;
			$('#marcoimg').unbind('mousemove');
			
		}
	});			
	


// 						a b a n d o n o s

	
	$('#abanimg').hover( function() {
		   
	   	$(this).attr("src", "img/png/Abandonos_.png");
	 	}, function() {
	   	
	   		$(this).attr("src", "img/png/Abandonos.png");
	 	}
		);
		
//	$('#abanimg').bind("mouseover", function() {
	   
//   		$(this).attr("src", "img/png/Abandonos_.png");

//		});
		
			
	$('#abanimg').click(function(event) {
	
				event.preventDefault();	
								
				sState = aSTATE[4];
				
				$('#epiimg').bind('click',handler);
				
				$('#text').hide();
				$('#intro').css('opacity','1');
				$('div.works').show();
				$('#works').css("cursor","default");
				restorecssAbout();
				$('#about').css("cursor","pointer");
				$('#mosaico').fadeTo(200,1);
				$('#mosaico').css("cursor","pointer");
				// Init mosaic behaviour ***************
				$('#marcoimg').css("opacity","1");
				$('#lupabox').css("opacity","1");
				$('#cartelaimg').css("opacity","1");
				$('#mosaicomenu').hide();
				$('#lupabox').hide();
				bmosaico = false;
				// *****************************************
				$('#prev').show();
				$('#next').show();
				
				$('#abanimg').css("opacity","1");
				$('#epiimg').css("opacity","0.6");
				$('#emoimg').css("opacity","0.6");
				$('#ingimg').css("opacity","0.6");
				
				$('#intro').hide();
				clearEpidermis();
			 	
			 	$('#cartelaimg').attr("src",abandonos.cartela+abandonos.count+".png");
				$('#marcoimg').attr("src",abandonos.archivo+abandonos.count+".jpg");
			
				
				$('#marco').show();
				resetSelektor();
				applySelektor(abandonos.max);
				GetSelector(abandonos);
				if (lupa) {
				
				$('#lupabox').hide();
				lupa = false;
				$('#marcoimg').unbind('mousemove');
				}
				if (bmosaico) {
								switch(sState) {
										
										case "EPIDERMIS":
										
								
											break;
										
										case "EMOCIONES":
										
											
											var i = 1;
											
												resetMosaic();
												//thumb = new Image();
												for (i=1;i<=emociones.max;i++) {
					
													/*$('#'+i).attr("src","img/GIF/loading.gif");
													$(thumb).attr("src",emociones.thumb+i+".jpg");
													$(thumb).load(function() {*/
														$('#'+i).attr("src",emociones.thumb+i+".jpg");
														$('#'+i).css("background","#CCC");
													//});
												}							
												
											
											break;
										
										case "ABANDONOS":
											
											var i = 1;
												resetMosaic();
												for (i=1;i<=abandonos.max;i++){
												$('#'+i).attr("src",abandonos.thumb+i+".jpg")
												$('#'+i).css("background","#CCC");
												}
											
											break;
										
										case "INGRAVIDOS":
											
											var i = 1;
												resetMosaic();
												for (i=1;i<=ingravidos.max;i++){
												$('#'+i).attr("src",ingravidos.thumb+i+".jpg")
												$('#'+i).css("background","#CCC");
												}
												
											break;			
										}
										
									$('#marcoimg').css("opacity","0.2");
									$('#lupabox').css("opacity","0.2");
									$('#cartelaimg').css("opacity","0.2");				
									$('#mosaicomenu').show();
									
				
				}
				
				
				


	});
	

//						i n g r a v i d o s

	$('#ingimg').hover( function() {
		   
	   	$(this).attr("src", "img/png/Ingravidos_.png");
	 	}, function() {
	   	
	   		$(this).attr("src", "img/png/Ingravidos.png");
		});
	
	$('#ingimg').click(function( event ) {
	
				event.preventDefault();		
				
				$('#epiimg').bind('click',handler);
				
				sState = aSTATE[5];
				
				$('#text').hide();
				$('#intro').css('opacity','1');
				$('div.works').show();
				$('#works').css("cursor","default");
				restorecssAbout();
				$('#about').css("cursor","pointer");
				$('#mosaico').fadeTo(200,1);
				$('#mosaico').css("cursor","pointer");
				// Init mosaic behaviour ***************
				$('#marcoimg').css("opacity","1");
				$('#lupabox').css("opacity","1");
				$('#cartelaimg').css("opacity","1");
				$('#mosaicomenu').hide();
				$('#lupabox').hide();
				bmosaico = false;
				// *****************************************
				clearEpidermis();
				
				$('#prev').show();
				$('#next').show();
							
				$('#ingimg').css("opacity","1");
				$('#epiimg').css("opacity","0.6");
				$('#emoimg').css("opacity","0.6");
				$('#abanimg').css("opacity","0.6");
				
				$('#intro').hide();
				$('#video').hide();
				
				$('#cartelaimg').attr("src",ingravidos.cartela+ingravidos.count+".png");
			 	$('#marcoimg').attr("src",ingravidos.archivo+ingravidos.count+".jpg");
			 	$('#marco').show();
			 	resetSelektor();
			 	applySelektor(ingravidos.max);
			 	GetSelector(ingravidos);
			 	if (lupa) {
			 	
			 	$('#lupabox').hide();
			 	lupa = false;
			 	$('#marcoimg').unbind('mousemove');
			 	}
				if (bmosaico) {
								switch(sState) {
										
										case "EPIDERMIS":
										
								
											break;
										
										case "EMOCIONES":
										
											
											var i = 1;
											
												resetMosaic();
												//thumb = new Image();
												for (i=1;i<=emociones.max;i++) {
					
													/*$('#'+i).attr("src","img/GIF/loading.gif");
													$(thumb).attr("src",emociones.thumb+i+".jpg");
													$(thumb).load(function() {*/
														$('#'+i).attr("src",emociones.thumb+i+".jpg");
														$('#'+i).css("background","#CCC");
													//});
												}							
												
											
											break;
										
										case "ABANDONOS":
											
											var i = 1;
												resetMosaic();
												for (i=1;i<=abandonos.max;i++){
												$('#'+i).attr("src",abandonos.thumb+i+".jpg")
												$('#'+i).css("background","#CCC");
												}
											
											break;
										
										case "INGRAVIDOS":
											
											var i = 1;
												resetMosaic();
												for (i=1;i<=ingravidos.max;i++){
												$('#'+i).attr("src",ingravidos.thumb+i+".jpg")
												$('#'+i).css("background","#CCC");
												}
												
											break;			
									}
										
									$('#marcoimg').css("opacity","0.2");
									$('#lupabox').css("opacity","0.2");
									$('#cartelaimg').css("opacity","0.2");				
									$('#mosaicomenu').show();
									
				
				}
							 	
				

	
	});
	
// 						e p i d e r m i s

	$('#epiimg').hover( function() {
		   
	   	$(this).attr("src", "img/png/Epidermis_.png");
	 	}, function() {
	   	
	   		$(this).attr("src", "img/png/Epidermis.png");
	 	}
		);
		
var handler = function() {
							
					
					sState = aSTATE[2];
					$('#epiimg').unbind('click',handler);
					
					
					$('#text').hide();
					$('#intro').css('opacity','1');
					$('div.works').show();
					$('#works').css("cursor","default");
					$('#about').css("cursor","pointer");
					$('#about').hide();
					cssAbout();
					$('#mosaico').hide();
					$('#videopng').css("opacity","0");
					$('#videopng').fadeTo(200,1);
					$('#prev').hide();
					$('#next').hide();
					$('#marco').hide();
					$('#intro').hide();
					
	
					
					
					$('#epiimg').css("opacity","1");
					$('#ingimg').css("opacity","0.6");
					$('#emoimg').css("opacity","0.6");
					$('#abanimg').css("opacity","0.6");
	
					
					
					if (lupa) {
					
					$('#lupabox').hide();
					lupa = false;
					$('#marcoimg').unbind('mousemove');
					}
					if (bmosaico) {
										
						$('#marcoimg').css("opacity","1");
						$('#lupabox').css("opacity","1");
						$('#cartelaimg').css("opacity","1");				
						$('#mosaicomenu').hide();		
								
						bmosaico = false;	
					}
					
					$('#x').click(function( event ) {
							jwplayer("video").stop();
							$('#video').hide();
							$('#cierre').fadeOut(700);
							$('#epidermisframe').delay(800).fadeTo(700,1);
							$('#carousel').delay(800).fadeTo(700,1);
							$('#prev').delay(800).fadeTo(700,1);
							$('#next').delay(800).fadeTo(700,1);
							$('#controls').delay(800).fadeTo(700,1);
							$('#controlright').delay(800).fadeTo(700,1);
							$('#transparencia').delay(800).fadeTo(700,1);
							$('#tituloycartela').delay(800).fadeTo(0,1);
							displayEpidermis(epidermis,sEpidermis[epidermis.count-1],EpidermisLayers[epidermis.count-1]);
							$('#about').delay(800).fadeTo(700,1);
							bVideo = true;
					});
					
					if (!bVideo) {
						
						
						$('#video').show();
						$('#cierre').show();
						jwplayer("video").setup({
							autostart: true,
							flashplayer: "js/jwplayer/player.swf",
							file: "Epidermis.flv",
							height: 270,
							width: 480,
							skin: "js/jwplayer/skins/simple/simple.zip",
							events: {
								onComplete: function(event) {
									jQuery('#video').hide();
									jQuery('#cierre').fadeOut(700);
									jQuery('#epidermisframe').delay(800).fadeTo(700,1);
									jQuery('#carousel').delay(800).fadeTo(700,1);
									jQuery('#prev').delay(800).fadeTo(700,1);
									jQuery('#next').delay(800).fadeTo(700,1);
									jQuery('#controls').delay(800).fadeTo(700,1);
									$('#controlright').delay(800).fadeTo(700,1);
									jQuery('#transparencia').delay(800).fadeTo(700,1);
									jQuery('#tituloycartela').delay(800).fadeTo(0,1);
									displayEpidermis(epidermis,sEpidermis[epidermis.count-1],EpidermisLayers[epidermis.count-1]);

									$('#about').delay(800).fadeTo(700,1);
									
									
								}
							}	
						});
						bVideo = true;
						
					}	
					else  {
					
						$('#epidermisframe').show();
						$('#carousel').show();
						$('#prev').show();
						$('#next').show();
						$('#controls').show();
						$('#controlright').show();
						$('#transparencia').show();
						$('#tituloycartela').show();
						displayEpidermis(epidermis,sEpidermis[epidermis.count-1],EpidermisLayers[epidermis.count-1]);
						$('#about').show();
						
					}	
	
								
					$('#controlplus').mouseover( function() {
					
					
							var reset = function() {
							
								$('#tirada').animate({'left':'-=10px'},'fast','linear', reset);
								
							};	
							
							reset();
	
					}).mouseout( function() {
					
							$('#tirada').stop();
					
					});
					
					$('#control-center').mouseover( function() {
					
						$('#tirada').animate({'left':'-200px'},'fast');
					
					});
					
					$('#controlplusright').mouseover( function() {
									
									
											var reset = function() {
											
												$('#tirada').animate({'left':'-=10px'},'fast','linear', reset);
												
											};	
											
											reset();
					
									}).mouseout( function() {
									
											$('#tirada').stop();
									
									});
	
									
					/*$('#tirada').mousedown ( function(event)  { 
					
						var c0 = event.pageX;
						var left = (isNaN( parseInt( $(this).css('left') ) )) ? 0 : parseInt( $(this).css('left') );
							
							$(this).bind('mousemove', function (event1) {
							
								//left avoids correct displace := 0 from initial starting point
								$(this).css('left', (event1.pageX - c0 + left )+'px');
									
							});	
							
			
					}).bind('mouseup mouseleave', function() {
					
						$(this).unbind('mousemove');
					
					});*/
	
					$('.carouselimgs').hover( function() {
						
								$(this).css({
							
							    	'opacity': '0.8',
							    	
								});
								var thumbid = $(this).attr('id').split('e',1);
								displayEpidermisLayer(epidermis,sEpidermis[epidermis.count - 1],thumbid);
										
						}, function() {
						
								$(this).css({
							
							    	'opacity': '1',
							    	
								});				
									
									
					});
					$('#carousel').bind('mouseleave',function() {
					
						displayEpidermisFrame(epidermis,sEpidermis[epidermis.count - 1]);
					});
					
					
					$('#videopng').click(function( event ) {
							
							
							$('#transparencia').fadeTo(0,0);
							$('#tituloycartela').fadeTo(0,0);
							
							$('#prev').fadeTo(0,0);
							$('#next').fadeTo(0,0);
							$('#about').hide();
							$('#video').show();
	
							$('#cierre').fadeIn();
							jwplayer("video").play();
							$('#about').show();
					
					});		

}
		
	$('#epiimg').bind('click',handler);
	
	
// G E S T I O N   N E X T  &  P R E V ********************	


$('#previmg').hover( function() {
					   
		$(this).attr("src", "img/png/prev_.png");
		}, function() {
				   	
			$(this).attr("src", "img/png/prev.png");
		}
);
					

				
$('#nextimg').hover( function() {
					   
		$(this).attr("src", "img/png/next_.png");
		}, function() {				   	
			$(this).attr("src", "img/png/next.png");
		});
					
$('#nextimg').click(function( event ) {
			event.preventDefault();	

			switch(sState) {
			
			case "EPIDERMIS":
				
				
				resetEpidermisThumbs();
				epidermis.count++;				
				if (epidermis.count>epidermis.max) epidermis.count = (epidermis.count % epidermis.max);				
				displayEpidermis(epidermis,sEpidermis[epidermis.count-1],EpidermisLayers[epidermis.count-1]);

				break;
			
			case "EMOCIONES":
			
				$(img).unbind("load");			
				emociones.count++;
				if (emociones.count>emociones.max) emociones.count = (emociones.count % emociones.max);
				$('#cartelaimg').attr("src",emociones.cartela+emociones.count+".png");
				
				
				GetSelector(emociones);
				//$('#'+emociones.count+'s').css("src","img/png/selected.png");
				
				$(img).attr("src",emociones.archivo+emociones.count+".jpg");
				
				
				$(img).load( function(event) {
					
					
					$('#marcoimg').attr({
						
						"src": $(this).attr("src"),
						
					
					});
				}); 
				if (lupa) {
				
				$('#lupabox').hide();
				lupa = false;
				$('#marcoimg').unbind('mousemove');
				}
				
				break;
			
			case "ABANDONOS":
				
				$(img).unbind("load");
				abandonos.count++;
				if (abandonos.count>abandonos.max) abandonos.count = (abandonos.count % abandonos.max);
				$('#cartelaimg').attr("src",abandonos.cartela+abandonos.count+".png");
				
				GetSelector(abandonos);
				//$('#'+abandonos.count+'s').attr("src","img/png/selected.png");
				
				$(img).attr("src",abandonos.archivo+abandonos.count+".jpg");

				
				$(img).load( function(event) {
					
					
					$('#marcoimg').attr({
						
						"src": $(this).attr("src"),
											
					});
				}); 
				
				if (lupa) {
				
				$('#lupabox').hide();
				lupa = false;
				$('#marcoimg').unbind('mousemove');
				}
				
				break;
			
			case "INGRAVIDOS":
				
				$(img).unbind("load");
				ingravidos.count++;
				if (ingravidos.count>ingravidos.max) ingravidos.count = (ingravidos.count % ingravidos.max);
				$('#cartelaimg').attr("src",ingravidos.cartela+ingravidos.count+".png");
				
				GetSelector(ingravidos);
				//$('#'+ingravidos.count+'s').attr("src","img/png/selected.png");
				
				$(img).attr("src",ingravidos.archivo+ingravidos.count+".jpg");
				
				$(img).load( function(event) {
					
					
					$('#marcoimg').attr({
						
						"src": $(this).attr("src"),
											
					});
				}); 
				
				if (lupa) {
				
				$('#lupabox').hide();
				lupa = false;
				$('#marcoimg').unbind('mousemove');
				}
				
				break;			
			}
});	

$('#previmg').click(function( event ) {
		event.preventDefault();	
		
		switch(sState) {
		
		case "EPIDERMIS":
		
			resetEpidermisThumbs();
			epidermis.count--;
			if (epidermis.count==0) epidermis.count = epidermis.max;
			displayEpidermis(epidermis,sEpidermis[epidermis.count-1],EpidermisLayers[epidermis.count-1]);

			break;
		
		case "EMOCIONES":
			
			emociones.count--;
			if (emociones.count==0) emociones.count = emociones.max;	
			$('#cartelaimg').attr("src",emociones.cartela+emociones.count+".png");	
			
			//resetSelektorColor(emociones.max);
			GetSelector(emociones);
			//$('#'+emociones.count+'s').attr("src","img/png/selected.png");
			
			$(img).attr("src",emociones.archivo+emociones.count+".jpg");
						
			$(img).load( function(event) {
				
				
				$('#marcoimg').attr({
					
					"src": $(this).attr("src"),
				
				});
			});
			
			if (lupa) {
			
			$('#lupabox').hide();
			lupa = false;
			$('#marcoimg').unbind('mousemove');
			}
			break;
		
		case "ABANDONOS":
			
			abandonos.count--;
			if (abandonos.count==0) abandonos.count = abandonos.max;
			$('#cartelaimg').attr("src",abandonos.cartela+abandonos.count+".png");			
			
			GetSelector(abandonos);
			//$('#'+abandonos.count+'s').attr("src","img/png/selected.png");
			
			$(img).attr("src",abandonos.archivo+abandonos.count+".jpg");
			
			$(img).load( function(event) {
				
				
				$('#marcoimg').attr({
					
					"src": $(this).attr("src"),
				
				});
			}); 
			
			if (lupa) {
			
			$('#lupabox').hide();
			lupa = false;
			$('#marcoimg').unbind('mousemove');
			}
			break;
		
		case "INGRAVIDOS":
			
			ingravidos.count--;
			if (ingravidos.count==0) ingravidos.count = ingravidos.max;		
			$('#cartelaimg').attr("src",ingravidos.cartela+ingravidos.count+".png");	
			
			GetSelector(ingravidos);
			//$('#'+ingravidos.count+'s').attr("src","img/png/selected.png");
			
			$(img).attr("src",ingravidos.archivo+ingravidos.count+".jpg");
			
			$(img).load( function(event) {
				
				
				$('#marcoimg').attr({
					
					"src": $(this).attr("src"),
				
				});
			}); 
			
			if (lupa) {
			
			$('#lupabox').hide();
			lupa = false;
			$('#marcoimg').unbind('mousemove');
			}
			break;			
		}						
});	
			
});  //From $(document).ready




// DECLARING PUBLIC METHODS ** Constructor(el  objeto).prototype.method = function() {}

function imgObject(name,file,cartela, thumb, max) {

	this.name = name;
	this.archivo = file;
	this.cartela = cartela;
	this.thumb = thumb;
	this.count = 1;
	this.max = max;
}  

imgObject.prototype.get = function() {

	return (this.archivo);
}



function GetimgValue(img,dim) {

	switch (dim) {
	
		case "width":
			
			return img.width;
			break;
			
		case "height":
		
			return img.height;	
			break;
	}
}

function displayEpidermis(imgobj,index1,index2) {
	
		var i = 1;
		var img = new Image();

		
		
		for (i=1;i<=index2;i++){
			$('#'+i+'e').css("display","inline-block");
			$('#'+i+'e').attr("src",imgobj.thumb+"/"+index1+"/"+i+".jpg");
			
		}
		
		
		$(img).attr("src",imgobj.archivo+"/"+index1+"/"+index1+".jpg");
		$(img).unbind("load");
		$(img).load( function(event) {

			$('#epidermisimg').attr({
			
				"src": $(img).attr("src"),
	
			
			});
		$('#cartelaepiimg').attr("src",imgobj.cartela+index1+".png");				
		$('#titulo').attr("src",imgobj.archivo+index1+"/"+index1+".png");	
			
		});	
		
		if (index1 == "muertelenta") {
			
			$('#epidermisimg').css('border',"0px");
		}
		else {
			
			$('#epidermisimg').css('border','8px solid #CCC');
		}
		
				
}

function displayEpidermisLayer(imgobj,index1,thumbid) {

	$('#epidermisimg').attr("src",imgobj.archivo+"/"+index1+"/"+thumbid+".jpg");

}

function displayEpidermisFrame(imgobj,index1) {

	$('#epidermisimg').attr("src",imgobj.archivo+"/"+index1+"/"+index1+".jpg");

}

function resetEpidermisThumbs() {

	var i = 1;
	$('#tirada').hide();
	for (i=1;i<=14;i++) {
				
		$('#'+i+'e').css("display","none");
		
	}	
	$('#tirada').css('left','-200px');
	$('#tirada').fadeTo(1000,1);
}



function resetMosaic() {

	var i = 1;
	for (i=1;i<=16;i++){
		$('#'+i).css("display","none");
		$('#'+i).css("background","");
	}	
}


function resetSelektor() {

	var i = 1;
	for (i=1;i<=16;i++){
		$('#'+i+'s').css("display","none");
	
	}
}

function resetSelektorColor(index) {

	var i = 1;
	for (i=index;i<=1;i--){
		$('#'+i+'s').css("background-color","");
		//$('#'+i+'s').css("background","");
	}
}


function applySelektor(index) {

	var i = 1;
	for (i=1;i<=index;i++){
		$('#'+i+'s').css("display","inline-block");
	
	}
}

function GetSelector(obj) {

	var i = obj.max;
	for (i=obj.max;i>=1;i--){
	
		$('#'+i+'s').css("background-color","#FFF");
	
	}
	i=1;	
	for (i=1;i<=obj.count;i++){
	
		$('#'+i+'s').css("background-color","#CCC");
	
	}

}

function cssAbout() {

		$('#about').fadeTo(0,0);
		
		
		$('#about').css({
			'right':  '320px',
			'bottom': '0px'
		});
	
		

}


function restorecssAbout() {

	$('#about').fadeTo(0,0);
	
	
	$('#about').css({
		'right':  '0px',
		'bottom': '40px'
	});

	$('#about').fadeTo(0,1);

}

function clearEpidermis() {

	$('#videopng').hide();
	$('#transparencia').hide();
	$('#controls').hide();
	$('#video').hide();
	$('#cierre').hide();
	$('#tituloycartela').hide();

}