// JavaScript Document
// MENU PESTAÑAS Y GUINO DE GOOGLE

$(document).ready(function(){ //inicio JQuery
var anterior = 0;
var evento = 0;

	var cssPesTxtOver = {
		'font-weight' : 'bold',
		'color' : '#e62a7b'
	};
	var cssPesTxtOff = {
		'font-weight' : 'normal',
		'color' : '#000'
	};
	var cssPesTxtOn = {
		'font-weight' : 'bold',
		'color' : '#fff'
	};




//PESTAÑA1

		//pes1
		$("#pes1").hover(
		function(){	
			if (actual!=1){
				if (evento==0){
				$("#pestxt1").css(cssPesTxtOver);	
				}
			}
		},
		function(){
			if (actual!=1){
				if (evento==0){
				$("#pestxt1").css(cssPesTxtOff);	
				}
			}
		});
		
		$("#pes1").click (function(){
			actual=1;
			stopFlow();
			hideFlow();
			//tratamiento de pestañas
					$("#menu").css('background-image','url(common_imgs/p1_on.jpg)');
					$("#pestxt1").css(cssPesTxtOn);	
					$("#pestxt2").css(cssPesTxtOff);	
					$("#pestxt3").css(cssPesTxtOff);	
					$("#pestxt4").css(cssPesTxtOff);	
					$("#pestxt5").css(cssPesTxtOff);
			if (anterior != 0){
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
					}
			}
			if (actual != activa){
				if (anterior != 0){
					$("#cuerpo"+anterior).css("z-index","1");
					$("#cuerpo"+actual).css("z-index","2");
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}
				}else{
					$("#cuerpo"+actual).css("z-index","2");
					$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
					anterior = actual;
				}
			}
		});



//PESTAÑA2

		//pes2
		$("#pes2").hover(
		function(){	
			if (actual!=2){
				if (evento==0){
				$("#pestxt2").css(cssPesTxtOver);	
				}
			}
		},
		function(){
			if (actual!=2){
				if (evento==0){
				$("#pestxt2").css(cssPesTxtOff);	
				}
			}
		});
		
		$("#pes2").click (function(){
			actual=2;
			stopFlow();
			hideFlow();
			//tratamiento de pestañas
					$("#menu").css('background-image','url(common_imgs/p2_on.jpg)');
					$("#pestxt1").css(cssPesTxtOff);	
					$("#pestxt2").css(cssPesTxtOn);	
					$("#pestxt3").css(cssPesTxtOff);	
					$("#pestxt4").css(cssPesTxtOff);	
					$("#pestxt5").css(cssPesTxtOff);
			if (anterior != 0){
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
					}
			}
			if (actual != activa){
				if (anterior != 0){
					$("#cuerpo"+anterior).css("z-index","1");
					$("#cuerpo"+actual).css("z-index","2");
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}
				}else{
					$("#cuerpo"+actual).css("z-index","2");
					$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
					anterior = actual;
				}
			}
		});
		
		

//PESTAÑA3

		//pes3
		$("#pes3").hover(
		function(){	
			if (actual!=3){
				if (evento==0){
				$("#pestxt3").css(cssPesTxtOver);	
				}
			}
		},
		function(){
			if (actual!=3){
				if (evento==0){
				$("#pestxt3").css(cssPesTxtOff);	
				}
			}
		});
		
		$("#pes3").click (function(){
			actual=3;
			stopFlow();
			hideFlow();
			//tratamiento de pestañas
					$("#menu").css('background-image','url(common_imgs/p3_on.jpg)');
					$("#pestxt1").css(cssPesTxtOff);	
					$("#pestxt2").css(cssPesTxtOff);	
					$("#pestxt3").css(cssPesTxtOn);	
					$("#pestxt4").css(cssPesTxtOff);	
					$("#pestxt5").css(cssPesTxtOff);
			if (anterior != 0){
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
					}
			}
			if (actual != activa){
				if (anterior != 0){
					$("#cuerpo"+anterior).css("z-index","1");
					$("#cuerpo"+actual).css("z-index","2");
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}
				}else{
					$("#cuerpo"+actual).css("z-index","2");
					$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
					anterior = actual;

				}
			}
		});




//PESTAÑA4

		//pes4
		$("#pes4").hover(
		function(){	
			if (actual!=4){
				if (evento==0){
				$("#pestxt4").css(cssPesTxtOver);	
				}
			}
		},
		function(){
			if (actual!=4){
				if (evento==0){
				$("#pestxt4").css(cssPesTxtOff);
				}
			}
		});

		$("#pes4").click (function(){
			actual=4;
			stopFlow();
			hideFlow();
			//tratamiento de pestañas
					$("#menu").css('background-image','url(common_imgs/p4_on.jpg)');
					$("#pestxt1").css(cssPesTxtOff);	
					$("#pestxt2").css(cssPesTxtOff);	
					$("#pestxt3").css(cssPesTxtOff);	
					$("#pestxt4").css(cssPesTxtOn);	
					$("#pestxt5").css(cssPesTxtOff);
			if (anterior != 0){
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
					}
			}
			if (actual != activa){
				if (anterior != 0){
					$("#cuerpo"+anterior).css("z-index","1");
					$("#cuerpo"+actual).css("z-index","2");
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
						anterior = actual;
					}
				}else{
					$("#cuerpo"+actual).css("z-index","2");
					$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
						});
					anterior = actual;
				}
			}
		});


//PESTAÑA5

		//pes5
		$("#pes5").hover(
		function(){	
			if (actual!=5){
				if (evento==0){
				$("#pestxt5").css(cssPesTxtOver);
				}
			}
		},
		function(){
			if (actual!=5){
				if (evento==0){
				$("#pestxt5").css(cssPesTxtOff);	
				}
			}
		});

		$("#pes5").click (function(){
			actual=5;
			//tratamiento de pestañas
					$("#menu").css('background-image','url(common_imgs/p5_on.jpg)');
					$("#pestxt1").css(cssPesTxtOff);	
					$("#pestxt2").css(cssPesTxtOff);	
					$("#pestxt3").css(cssPesTxtOff);	
					$("#pestxt4").css(cssPesTxtOff);	
					$("#pestxt5").css(cssPesTxtOn);
			if (anterior != 0){
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000, function(){
							topVideo = parseInt($("#cuerpo5").css("top"));
							if (topVideo == 0){
								showFlow();
							}
						});
					}
			}
			if (actual != activa){
				if (anterior != 0){
					$("#cuerpo"+anterior).css("z-index","1");
					$("#cuerpo"+actual).css("z-index","2");
					topAnterior = parseInt($("#cuerpo"+anterior).css("top"));
					if (topAnterior == 0){
						$("#cuerpo"+activa).css("top","-632px");
						$("#cuerpo"+activa).css("z-index","1");
						$("#cuerpo"+anterior).css("z-index","0");
						$("#cuerpo"+anterior).css("top","0px");
						activa = anterior;
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
							showFlow();
						});
						anterior = actual;
					}else{
						$("#cuerpo"+anterior).stop().animate({"top":"-632px"},1000);
						$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
							showFlow();
						});
						anterior = actual;
					}

				}else{
					$("#cuerpo"+actual).css("z-index","2");
					$("#cuerpo"+actual).stop().animate({"top":"0px"},1500,function(){
							$("#img"+activa).fadeOut(500);
							$("#img"+anterior).fadeIn(500);
							showFlow();
						});
					anterior = actual;
				}
			}
		});

	var x=0;
	$("#pes6abrir").click(function(){
		stopFlow();
		hideFlow();
		topIzquierdo = parseInt($("#cuerpo6").css("left"));
		if (topIzquierdo==-600){
			$("#cuerpo6").stop().animate({"left":"0px"},2500,function(){
				x=x+1;
				if(x==1)cambio(1,1);
				$("#pes6cerrar").stop().animate({"left":"561px"},1000);
			});
		}
	});

	$("#pes6cerrar").click (function(){
		$("#pes6cerrar").stop().animate({"left":"600px"},1000,function(){
			$("#cuerpo6").stop().animate({"left":"-600px"},2500,function(){
			topIzquierdo = parseInt($("#cuerpo6").css("left"));
			topVideo = parseInt($("#cuerpo5").css("top"));
			if (topIzquierdo==-600){
				var valor='imgs/1.jpg';
				var src_img_div ='url('+valor+')';
				$("#cuerpo6creatividades").css('background-image',src_img_div);
				$("#cuerpo6creatividades").css('display','block');
				x=0;
				cambio(1,2);
			}
				if (topVideo == 0){
					showFlow();
				}
			});
		});
	});
	
	

}); //fin JQuery