/*Get Element By Id*/
function a(b) {return document.getElementById(b);}

function transferencia(){
	return pepe.devuelve();
	}
var pepe = {
	nombre:'standar',
	cambia:function (name){
			if( name != this.nombre && name ){
				this.nombre = name;
			}
		},
	
	devuelve:function nombreBien(name){
			return this.nombre;
		}
};
//Onload
$(document).ready(function(){
    
    $("#btn1").click(function(){
		$(this).addClass('Act2');
		$("#btn2").removeClass('Act3');
		$("#btn3").removeClass('Act4');
		$("#btn4").removeClass('Act6');
		$("#submenu").addClass('submenuObra');
		$("#submenu").removeClass('submenuAtelier');
		$("#submenu").removeClass('submenuBodegon');
		$("#submenu").removeClass('submenuCatalogo');
		if(estado == 0){
			estado = 1;
			estado2 = 0;
			estado3 = 0;
			estado4 = 0;
			abrir();
			$(".pp").fadeIn();
			$(".pp2").hide();
			$(".pp3").hide();
			$(".pp4").hide();
			ulopen();
		}else{
			$(this).removeClass('Act2');
			estado = 0;
			estado2 = 0;
			estado3 = 0;
			estado4 = 0;
			cerrar();	
			ulclose();
		} 
		
    });
	
	 $("#btn2").click(function(){
		$(this).addClass('Act3');
		$("#btn1").removeClass('Act2');
		$("#btn3").removeClass('Act4');
		$("#btn4").removeClass('Act6');
		$("#submenu").addClass('submenuAtelier');
		$("#submenu").removeClass('submenuObra');
		$("#submenu").removeClass('submenuBodegon');
		$("#submenu").removeClass('submenuCatalogo');
		if(estado2 == 0){
			estado = 0;
			estado2 = 1;
			estado3 = 0;
			estado4 = 0;
			abrir();
			ulopen();
			$(".pp2").fadeIn();
			$(".pp").hide();
			$(".pp3").hide();
			$(".pp4").hide();
		}else{
			$(this).removeClass('Act3');
			estado = 0;
			estado2 = 0;
			estado3 = 0;
			estado4 = 0;
			cerrar();
			ulclose();
		} 	
    });

	 $("#btn3").click(function(){
		$(this).addClass('Act4');
		$("#btn1").removeClass('Act2');
		$("#btn2").removeClass('Act3');
		$("#btn4").removeClass('Act6');
		$("#submenu").removeClass('submenuObra');
		$("#submenu").removeClass('submenuAtelier');
		$("#submenu").removeClass('submenuBodegon');
		$("#submenu").addClass('submenuCatalogo');
		if(estado3 == 0){
			estado = 0;
			estado2 = 0;
			estado3 = 1;
			estado4 = 0;
			abrir();
			ulopen();
			$(".pp3").fadeIn();
			$(".pp").hide();
			$(".pp2").hide();
			$(".pp4").hide();
		}else{
			$(this).removeClass('Act4');
			estado = 0;
			estado2 = 0;
			estado3 = 0;
			estado4 = 0;
			cerrar();	
			ulclose();
		} 	
    });
	 
	$("#btn4").click(function(){
		$(this).addClass('Act6');
		$("#btn1").removeClass('Act2');
		$("#btn2").removeClass('Act3');
		$("#btn3").removeClass('Act4');
		$("#submenu").removeClass('submenuObra');
		$("#submenu").removeClass('submenuAtelier');
		$("#submenu").removeClass('submenuCatalogo');
		$("#submenu").addClass('submenuBodegon');
		if(estado4 == 0){
			estado = 0;
			estado2 = 0;
			estado3 = 0;
			estado4 = 1;
			abrir();
			ulopen();
			$(".pp4").fadeIn();
			$(".pp2").hide();
			$(".pp3").hide();
			$(".pp").hide();
		}else{
			$(this).removeClass('Act6');
			estado = 0;
			estado2 = 0;
			estado3 = 0;
			estado4 = 0;
			cerrar();
			ulclose();
		} 
		
    });
	
	$("#btn6").click(function () {
		elementClick = $(this).attr("href")
		destination = $(elementClick).offset().top;
		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination }, 1000 );
		return false;
	})
	
	
	//Abrir Popup
	$(".popUno").click(function(){  
		centerPopup();  
		loadPopup();  
		$("#contUno").show();
		$("#contDos").hide();
		$("#contTres").hide();
		$("#contCuatro").hide();
		$("#contCinco").hide();
		$("#contSeis").hide();
		
		//Img default
		$("#imgPrincipal").attr({ src: 'http://www.regazzoniarts.com/wp-content/uploads/2010/07/img_25.jpg' });
		$("#infoImagen p").text('Escultura | Carlos Regazzoni | París 2001 | 170 x 110 x 100 cm');
		countClick = 8;
		$('#ant').css('display','none');
		$('#btnInacAnt').css('display','block');
		$('#sig').css('display','block');
		$('#btnInacSig').css('display','none');
	}); 
	
	$(".popDos").click(function(){  
		centerPopup();  
		loadPopup(); 
		$("#contUno").hide();
		$("#contDos").show();
		$("#contTres").hide();
		$("#contCuatro").hide();
		$("#contCinco").hide();
		$("#contSeis").hide();
		
		//Img default
		$("#imgPrincipal2").attr({ src:'http://www.regazzoniarts.com/wp-content/uploads/2010/07/img_201.jpg'});
		$("#infoImagen2 p").text('Pintura | Carlos Regazzoni | Oleo sobre tela | 200 x 200 cm');
		countClick2 = 8;
		$('#ant2').css('display','none');
		$('#btnInacAnt2').css('display','block');
		$('#sig2').css('display','block');
		$('#btnInacSig2').css('display','none');
	}); 
	
	$(".popTres").click(function(){  
		centerPopup();  
		loadPopup(); 
		$("#contUno").hide();
		$("#contDos").hide();
		$("#contTres").show();
		$("#contCuatro").hide();
		$("#contCinco").hide();
		$("#contSeis").hide();
		
		//Img default
		$("#imgPrincipal3").attr({ src:'http://www.regazzoniarts.com/wp-content/uploads/2010/07/img_143.jpg'});
		$("#infoImagen3 p").text('Intervención | Carlos Regazzoni | Santa Cruz 1997 | Bridasaurio');
		countClick3 = 8;
		$('#ant3').css('display','none');
		$('#btnInacAnt3').css('display','block');
		$('#sig3').css('display','block');
		$('#btnInacSig3').css('display','none');
	}); 

	$(".popCuatro").click(function(){  
		centerPopup();  
		loadPopup(); 
		$("#contUno").hide();
		$("#contDos").hide();
		$("#contTres").hide();
		$("#contCuatro").show();
		$("#contCinco").hide();
		$("#contSeis").hide();
		
		//Img default
		$("#imgPrincipal4").attr({ src:'http://www.regazzoniarts.com/wp-content/uploads/2010/07/img_85.jpg'});
		$("#infoImagen4 p").text('Atelier | Retiro | Carlos Regazzoni');
		countClick4 = 8;
	}); 
	
	$(".popCinco").click(function(){  
		centerPopup();  
		loadPopup(); 
		$("#contUno").hide();
		$("#contDos").hide();
		$("#contTres").hide();
		$("#contCuatro").hide();
		$("#contCinco").show();
		$("#contSeis").hide();
		
		//Img default
		$("#imgPrincipal5").attr({ src:'http://www.regazzoniarts.com/wp-content/uploads/2010/07/img_83.jpg'});
		$("#infoImagen5 p").text('Atelier | Azul | Carlos Regazzoni');
		countClick5 = 8;
	}); 
	
	$(".popSeis").click(function(){  
		centerPopup();  
		loadPopup(); 
		$("#contUno").hide();
		$("#contDos").hide();
		$("#contTres").hide();
		$("#contCuatro").hide();
		$("#contCinco").hide();
		$("#contSeis").show();
		
		//Img default
		$("#imgPrincipal6").attr({ src:'http://www.regazzoniarts.com/wp-content/uploads/2010/07/img_84.jpg'});
		$("#infoImagen6 p").text('Atelier | París | Carlos Regazzoni');
		countClick6 = 8;
	}); 


 	//Popup Btn Slider
	$(".hover").hover(function(){
         $(this).fadeTo("fast", 0);
      },function(){
          $(this).fadeTo("slow", 1);
     });
		
});

//Estados
var estado = 0;
var estado2 = 0;
var estado3 = 0;
var estado4 = 0;

//Abrir SubMenu
function abrir(){
	$(".submenu").animate(
		{height:137 }, {duration:'1300',easing:'easeInOutQuart'
	});
}

//Cerrar SubMenu
function cerrar(){
	$(".submenu").animate(
		{height:0 }, {duration:'1300',easing:'easeInOutQuart'
	});
}

//ulClose
function ulopen(){
	$('.listaTrabajos').fadeIn();
};

//ulClose
function ulclose(){
	$('.listaTrabajos').fadeOut();
};

//POPUP
var popupStatus = 0;  

//Cargar Popup
function loadPopup(){
	if(popupStatus==0){
		$("#opacity").css({
			"opacity": "0.7"
		});
		$("#opacity").fadeIn("slow");
		$("#popup").fadeIn("slow");
		//pepe.cambia('nombreBien');
		//alert( pepe() );
		popupStatus = 1;
	}
}

//Deshabilitar Popup
function disablePopup(){
	if(popupStatus==1){
		$("#opacity").fadeOut("slow");
		$("#popup").fadeOut("slow");
		popupStatus = 0;
	}
}

//Centrar el Popup
function centerPopup(){
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popup").height();
	var popupWidth = $("#popup").width();
	
	$("#popup").css({
		"position": "fixed",
		"top": /*windowHeight/2-popupHeight/2*/20,
		"left": windowWidth/2-popupWidth/2
	});

	//Center por IE6
	$("#opacity").css({
		"height": windowHeight
	});
}

$(document).ready(function(){

     $(window).resize(function(){
 
          // aquí le pasamos la clase o id de nuestro div a centrar (en este caso "caja")
          $('.destTopCont').css({
               position:'absolute',
               left: ($(window).width() - $('.destTopCont').outerWidth())/2
          });
		  
		  $(".destContBox:last-child").addClass('last');
       
    });

// Ejecutamos la función
$(window).resize();
 
});