var velocidad=500;
var posicion;
var listado=[];
var ulti;
var itemsarray=[];
var itemsarrayFotos=[];
var itemsarrayImg=[];
var itemsarrayColor=[];
var itemsarrayBloque=[];
var posicionImg=[];
var varblink=0;
var n=0;
var anterior;
var anteriorFotos;
var anteriorImg;
var anteriorBloque;
var anteriorColor;
var bandera=0;

function inicializarEventos(){

 $("html:not(:animated),body:not(:animated)").animate({ scrollTop: 0}, 500 );
   



     $(".ficha").each(function () {
		   itemsarray.push($(this));
		    posicion=$(this).position();
			posicionImg.push(posicion+20);
 });

	 $(".foto").each(function () {
	
		   itemsarrayFotos.push($(this));
	      });

	 $(".gris").each(function () {

		   itemsarrayImg.push($(this));

	      });

	 $(".encolor").each(function () {

		   itemsarrayColor.push($(this));

	      });

	$(".bloqueContenido").each(function () {

		   itemsarrayBloque.push($(this));

	      });

	$(".ir").each(function () {
			
		   $(this).click(function(){bandera=0;
		  // alert("oo");
		   });

	      });










$(".ficha").click(function() {	


if(bandera==0){
var mivalor=$(this).attr('value');
//bandera=1;



n=0;
do{


	if(n==mivalor){


		if(anterior){
		if(anterior!=itemsarray[n]){
		var falso=n;
		
		anteriorColor.animate({opacity:0},velocidad,function(){
		anteriorColor.css("margin-left",2600);
		$("#fondoRayado").animate({left:440}, velocidad);
		anteriorFotos.animate({width:380,height:260}, velocidad);
		anteriorBloque.animate({height:260}, velocidad);
		anteriorImg.animate({width:360,height:240}, velocidad);
		
		

		anteriorImg.attr('src', anteriorImg.attr('engris')); 
		anterior.animate({"padding-bottom":"0px"}, velocidad,function(){
		
		anterior=itemsarray[falso];
		anteriorFotos=itemsarrayFotos[falso];
		anteriorImg=itemsarrayImg[falso];
		
		anteriorColor=itemsarrayColor[falso];
		anteriorColor.css("margin-left",10);
		anteriorBloque=itemsarrayBloque[falso];
		
		

		itemsarrayFotos[falso].animate({width:500,height:342}, velocidad);
		anteriorBloque.animate({height:342}, velocidad);
		

		


		itemsarray[falso].animate({"padding-bottom":"70px"}, velocidad)
			$("#fondoRayado").animate({left:560}, velocidad);
		itemsarrayColor[falso].css('left',2600);
		anteriorImg.animate({width:480,height:320}, velocidad,function(){
		itemsarrayColor[falso].css('top',posicionImg[falso]);
		itemsarrayColor[falso].css('left',60);
		itemsarrayColor[falso].css("width",480);
		itemsarrayColor[falso].css("height",320);
		
		itemsarrayColor[falso].animate({opacity:1},velocidad,function(){bandera=0;});
		});
		
		
		;});
					});									
	
																 
						 } }
						 
						 
		if(!anterior){
		var falso2=n;
		anterior=itemsarray[falso2];
		anteriorFotos=itemsarrayFotos[falso2];
		anteriorImg=itemsarrayImg[falso2];
		anteriorBloque=itemsarrayBloque[falso2];
		anteriorColor=itemsarrayColor[falso2];
		anteriorColor.css("margin-left",10);
		itemsarray[falso2].animate({"padding-bottom":"70px"}, velocidad); 
		itemsarrayFotos[falso2].animate({width:500,height:342}, velocidad);
		anteriorBloque.animate({height:342}, velocidad);
		$("#fondoRayado").animate({left:560}, velocidad);
		itemsarrayColor[falso2].css('left',2600);
		itemsarrayImg[falso2].animate({width:480,height:320}, velocidad,function(){
		
		//itemsarrayImg[falso2].attr('src', itemsarrayImg[falso2].attr('encolor')); 
		//itemsarrayImg[falso2].load(prueba($(this)));
		itemsarrayColor[falso2].css('top',posicionImg[falso2]);
		
		itemsarrayColor[falso2].css('left',60);
		itemsarrayColor[falso2].css("width",480);
		itemsarrayColor[falso2].css("height",320);
		itemsarrayColor[falso2].animate({opacity:1},velocidad,function(){bandera=0;});
		});


						 }




			}
	


n++;




}while(itemsarray[n]);
//var posixion = $(this).position();
//$("html:not(:animated),body:not(:animated)").animate({ scrollTop: posixion.top}, velocidad*6 );

}
});
//bandera=0;

}




function prueba(peli){
//peli.css("opacity",0);
peli.hide().fadeIn(700,function(){bandera=0;});
//peli.animate({opacity:1}, velocidad,function(){bandera=0;});
}









function iniciaMenu(){

$("#boton1").click(function() {

if(lugar!=1){
lugar=1;
desmontaContenido(lugar);

}});

$("#boton2").click(function() {

if(lugar!=2){
lugar=2;
desmontaContenido(lugar);

}});

$("#boton3").click(function() {

if(lugar!=3){
lugar=3;
desmontaContenido(lugar);

}});


$("#boton4").click(function() {

if(lugar!=4){
lugar=4;
desmontaContenido(lugar);

}});

$("#boton5").click(function() {

if(lugar!=5){
lugar=5;
desmontaContenido(lugar);

}});

}


function desmontaContenido(lugar){
$("#fondoRayado").animate({left:440}, velocidad);
$("#boton1").removeClass("activo");
$("#boton2").removeClass("activo");
$("#boton3").removeClass("activo");
$("#boton4").removeClass("activo");
$("#boton5").removeClass("activo");

$("#contenedorFicha").animate({opacity:0}, 500,function() {
$("#cargando").css("left",60);
	paso2(lugar);

});



}


function paso2(lugar){

switch(lugar)
{
case 1:
	varblink=0;
	$("#boton1").addClass("activo");
	$("#contenedorFicha").css('opacity',0);
	$("#contenedorFicha").load('realizacion.htm', function() { 
		$("#cargando").css("left",2600);
		$("#contenedorFicha").animate({opacity:1}, velocidad);});


  break;

  case 2:
	  varblink=0;
	$("#boton2").addClass("activo");
	$("#contenedorFicha").css('opacity',0);
	$("#contenedorFicha").load('campa.htm', function() { 
		$("#cargando").css("left",2600);
		$("#contenedorFicha").animate({opacity:1}, velocidad);});
	
  break;


    case 3:
		varblink=0;
	$("#boton3").addClass("activo");
	$("#contenedorFicha").css('opacity',0);
	$("#contenedorFicha").load('web.htm', function() { 
		$("#cargando").css("left",2600);
		$("#contenedorFicha").animate({opacity:1}, velocidad);});
	
  break;


      case 4:
		  varblink=0;
	$("#boton4").addClass("activo");
	$("#contenedorFicha").css('opacity',0);
	$("#contenedorFicha").load('multimedia.htm', function() { 
		$("#cargando").css("left",2600);
		$("#contenedorFicha").animate({opacity:1}, velocidad);});
	
  break;

   case 5:
	   varblink=1;
	$("#boton5").addClass("activo");
	$("#contenedorFicha").css('opacity',0);
	$("#contenedorFicha").load('bio.htm', function() { 
		$("#cargando").css("left",2600);
		$("#contenedorFicha").animate({opacity:1}, velocidad);});
	
  break;


  
}



}





function blinquea2(){

$("#cargando").animate({opacity:0},500,"linear",function(){
  $(this).animate({opacity:1},500,function(){
	 
		  blinquea2();
	  
	  });
});

}



function blinquea(){

$("#contacto").animate({opacity:0.3},500,"linear",function(){
  $(this).animate({opacity:1},500,function(){
	  if (varblink==1)
	  {
		  blinquea();
	  }
	  });
});

}


function colocaTarugo(){
	var alto=$(window).height();
$("#cabecera").css("top",alto/2);
$("#cabecera").animate({opacity:1},1000).delay(1000).animate({top:0},2000,function(){
	
	varblink=0;
	$("#boton1").addClass("activo");
	$("#contenedorFicha").css('opacity',0);
	$("#cargando").css("left",60);
	$("#contenedorFicha").load('realizacion.htm', function() { 
	$("#cargando").css("left",2600);
	iniciaMenu();
	$("#contenedorFicha").animate({opacity:1}, velocidad);});
});


}