//funcion para interaccion con los label en pantallas de bienvenida
	function welcome(){
		$("input:checked").removeAttr("checked");
		//$("input:submit").attr("disabled", "disabled");
		$("label").click(function(){
			
			$(this).each(function(){
				//alert ("llego");
			$(this).closest("div").siblings().find("input").removeAttr("checked");
				if($(this).hasClass("active")){ 
					$(this).removeClass("active");
					$(this).siblings("input").removeAttr("checked");
					Inicio($(this).siblings("input").attr("id"),"quitar")
					$(this).closest("p").siblings().find("input:submit").removeAttr("disabled").addClass("active");	
				}
				else {
					if ($(this).closest("div").siblings().find("input").hasClass("active")==true){
						Inicio($(this).siblings("input").attr("id"),"anadir",1)
					}else{
						Inicio($(this).siblings("input").attr("id"),"anadir","")
					}
					//alert ()
					$(this).addClass("active"); // anade clase active al label
					$(this).siblings("input").attr("checked", "checked"); //marca el input como checked
					//$(this).siblings("input").attr("checked", "checked");
				
					$(this).closest("p").siblings().find("input:submit").removeAttr("disabled").addClass("active"); //pone active el submit de esta capa
					
					$(this).closest("div").siblings().find("input").removeAttr("checked"); //desmarca todos los input de la otra capa
					$(this).closest("div").siblings().find("label").removeClass("active"); //elimina todos los active en los label de la otra capa 
					$(this).closest("div").siblings().find("input:submit").attr("disabled", "disabled").removeClass("active"); //pone disable el submit de la otra capa 
					
				}
			})
		})
	};
//funcion para anadir o quitar clases dependiendo del tamano pantalla
function tamano(){
	/*var bodyW = $("body").width();
    if(bodyW<= 1360) {
    	
    	$("#works > li:nth-child(4n)").removeClass("last");
    	$("#works > li:nth-child(3n)").addClass("last");
    }
    else {
 		
    	$("#works > li:nth-child(3n)").removeClass("last");
    	$("#works > li:nth-child(4n)").addClass("last");
    };
    */
    var headH = $("#head").innerHeight(); 
    if ($("#wrapperDescription").length) {
    	$("#wrapperDescription").css("padding-top",headH); 
    }
    else {
    	if ($(".expandible").length > 0){	
    		//nothing
    	}
    	else {
    	$("#wrapperContent").css("padding-top",headH);
    	}
    }
};
//altura sidebar
	function alturaSidebar () {
	   	var sidebarH = $('#main-content').height();
	   	$('#sidebar').css('height', sidebarH);
	}
$(window).resize(tamano); //ejecuta funcion tamano al redimensiona pantalla
$(window).resize(alturaSidebar);
$(document).ready(tamano); //ejecuta funcion tamano al cargar documento
$(document).ready(alturaSidebar);
$(document).ready(welcome); //ejecuta funcion bienvenida

$(document).ready(function() { 
   	//hover para boton up
   	$('.up a').hover(
   		function(){
   			$(this).children('span').css("visibility","visible");
   		},
		function(){
   			$(this).children('span').css("visibility","hidden");
   		}   		
   	);
	//funciona para transicion de imagenes bn a color
	$("#works li a").hover(
		function(){
			$(this).children(".photo-bn").fadeOut(500);
		},
		function(){
			$(this).children(".photo-bn").fadeIn(500);
		}
	);
   	 //ejecuta scroll a cada detalle de trabajo
   	function scroll () {
   		$('#linkstowork li').removeClass("active");
   		$('.workitem li').removeClass("active");
   		$(this).parent("li").addClass("active");
   		var elementClicked = $(this).attr("href");
   		$(elementClicked).addClass("active");
   		var destination = $(elementClicked).offset().top;
   		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 500 );
   		return false;
   	};
   	$('#linkstowork li a').click(scroll);
   //ejecuta scroll animado prev-next
   	$('.workNav .prev').click(function() {		
   		if($("#linkstowork li:first").is(".active")){
   			$("#linkstowork li").removeClass("active");
   			$("#linkstowork li:last").addClass("active");
   			var elementClicked = $(".workitem li:last");
   			$(".workitem li").removeClass("active");
   			$(elementClicked).addClass("active");
   			var destination = $(elementClicked).offset().top;
   			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 500 );
   			return false;
   		}
   		else {
   			var activelink = $("#linkstowork li.active").prev("li");
   			$("#linkstowork li").removeClass("active");
   			$(activelink).addClass("active");
   			var elementClicked = $(".workitem .active").prev("li");
   			$(".workitem li").removeClass("active");
   			$(elementClicked).addClass("active");
   			var destination = $(elementClicked).offset().top;
   			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 500 );
   			return false;
   		}
   });
   $('.workNav .next').click(function() {
   		if($("#linkstowork li:last").is(".active")){
   			$("#linkstowork li").removeClass("active");
   			$("#linkstowork li:first").addClass("active");
   			var elementClicked = $(".workitem li:first");
   			$(".workitem li").removeClass("active");
   			$(elementClicked).addClass("active");
   			var destination = $(elementClicked).offset().top;
   			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 500 );
   			return false;
   		}
   		else {
   			var activelink = $("#linkstowork li.active").next("li");
   			$("#linkstowork li").removeClass("active");
   			$(activelink).addClass("active");
   			var elementClicked = $(".workitem .active").next("li");
   			$(".workitem li").removeClass("active");
   			$(elementClicked).addClass("active");
   			var destination = $(elementClicked).offset().top;
   			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 500 );
   			return false;
   		}
   });
   	//ejecuta scroll animado
   	$('.up a').click(function() {
   		var elementClicked = $(this).attr("href");
   		var destination = $(elementClicked).offset().top;
   		var headH = $("#head").innerHeight(); 
   		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-headH}, 500 );
   		return false;
   });
   //oculta cabecera de trabajos al hacer scroll
   $(window).scroll(function(){
   		topper = $(window).scrollTop();
   		if (topper > 0){
   			$('#wrapperHeadSombra').stop().animate({opacity: 0}, 250, function(){$(this).css('display', 'none').removeClass('visible')});	
   		}
   		else {
   			$('#wrapperHeadSombra').stop().animate({opacity: 1}, 250).addClass('visible');	
   		};
   	});
   //ejecuta scroll animado
   	$('.up a.to_first').click(function() {
   		$("#linkstowork li").removeClass("active");
   		$("#linkstowork li:first").addClass("active");
   		$(".workitem li").removeClass("active");
   		$(".workitem li:first").addClass("active");
   		var elementClicked = $(this).attr("href");
   		var destination = $(elementClicked).offset().top;
   		var headH = $("#head").innerHeight(); 
   		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-headH}, 500 );
   		return false;
   });
    //busca el mayor width del enlace en navCategories y se lo pasa al resto de enlaces
    var max = 0;
    $(".navCategories li a").each(function(){
        if ($(this).width() > max)
            max = $(this).width();   
    });
    $(".navCategories li a").width(max);
    
    //dispara el lightbox
    $("a.facebox").facebox();
    
    //expandir informacion trabajos
    $("#wrapperHeadSombra.expandible").css("width", "210px");
    var tamano=$("body").width();
    $(".nav a.expandir").click(
    	function () {
    		if($('#wrapperHeadSombra.expandible').hasClass('open')) {
    			$("#wrapperHeadSombra.expandible").stop().animate({width: "210px"},1500).removeClass('visible open');
    		} 
    		else {
    			$("#wrapperHeadSombra.expandible").stop().animate({width: tamano-78},1500).addClass('visible open');
    		}
    		return(false); 
    	});
     $("#linkstowork a.expandir").click(
    	function(){
    		if($('#wrapperHeadSombra.expandible').hasClass('visible')){
    			$("#wrapperHeadSombra.expandible").stop().animate({width: "210px", opacity:1},500).removeClass('visible open');	
    		}
    		else {
    			$("#wrapperHeadSombra.expandible").stop().animate({width: tamano-78, opacity: 1},800).addClass('visible open');
    		}
    		return(false);
     	}
     );
});
//ejecuta la funcion para los label despues de cargar el lightbox
$(document).bind('reveal.facebox', welcome);
//después de cargar facebox pone la capa fija
$(document).bind('reveal.facebox', function(){
	//en explorer la deja absoluta
	if ($.browser.msie && $.browser.version.substr(0,1)<7) {}
  	else {
  		$("#facebox").css({"position": "fixed", "top":"50px"});
  	}
});