$(document).ready( function(){
	

	// Slideshow propio, ya funciona bien, con más de 3 elementos, es configurable y tiene bueno el controlador :D
	
	var duracion_intervalo = 6000;
	var duracion_mostrar = 500;
	var duracion_esconder = 500;
	var elementos = 3;

	$('.slide, .controla').addClass("inactivo");
	$("#slide1, #controla1").removeClass("inactivo");
	$("#slide1, #controla1").addClass("activo");
	$('.slide.inactivo').hide();

	function slides(){
		ee=ee+1;
			$('.slide, .controla').removeClass("activo");
			$('.slide, .controla').addClass("inactivo");
			$('#slide'+ee+", #controla"+ee).addClass("activo");
			$('#slide'+ee+", #controla"+ee).removeClass("inactivo");
		if(ee==elementos) ee=0;
	}

	var ee=0;
	slides();
	
	var focus_window = true;
	$(window).focus(function () { focus_window = true }).blur(function () { focus_window = false; });
	+function ()
	{
		if(focus_window)
		{
			slides();
			$('.slide.inactivo').fadeOut(duracion_esconder);
			$('.slide.activo').fadeIn(duracion_mostrar);
		}
		setTimeout(arguments.callee, duracion_intervalo);
	}();

	
	$(".controla.inactivo").live("click",function(){
		var u=$(this).attr("id").replace("controla","");
		$('.slide').fadeOut(duracion_esconder);
		$('#slide'+u).fadeIn(duracion_mostrar);		
		var ee=u-1;
		slides();
		$(".controla").removeClass("activo");
		$(this).addClass("activo");
	});
	

	
	// home, hover
	$(".cajita").hover(function(){
		$(this).addClass("activa");
		$(".cajita.activa .imagen").css("backgroundPosition","right -87px");
		$(".cajita.activa .enlace a").css("backgroundPosition","right 0");
		$(".cajita.activa h2 a").css("backgroundPosition","right -40px");
	},function(){
		$(this).removeClass("activa");
		$(".cajita .imagen").css("backgroundPosition","left -87px");
		$(".cajita .enlace a").css("backgroundPosition","left 0");
		$(".cajita h2 a").css("backgroundPosition","left -40px");
		});
	
	// FOTOTIPO
	
	$("#fototipopiel label.presionable, #fototipopiel label.presionable input").click(function(){
		$(this).addClass("presionado");
		$("#fototipopiel label").removeClass("presionable");
		$("h1").css("color","#999");
		$("#fototipopiel p").css("color","#999");
		setTimeout(function(){
			var enlace = $(".nav-next a").attr("href");
			if(enlace==undefined) var enlace = "/mi-fototipo-de-piel/";
			var variable1 = $("#fototipopiel input.presionado").attr("name").replace("fototipopiel-","");
			var variable2 = $("#fototipopiel input.presionado").attr("value");
			location.href = enlace+"?pregunta="+variable1+"&puntos="+variable2;
		},100);
	});
	
	// MAPA
	
	var lugares = new Array("estado-de-mexico","puebla","san-luis-potosi","distrito-federal","nuevo-leon","veracruz");
	var contar = lugares.length;

		$("area.salir").hover(function(){
		},function(){
			$("#mapadesplega .map").fadeOut("normal");
			for(i=0;i<=lugares.length;i++){
				$("#mapa img, .info ."+lugares[i]).removeClass(lugares[i]);
			}
		});
		$("area.salir").click(function(){
		},function(){
			$("#mapadesplega .map").fadeOut("normal");
			for(i=0;i<=lugares.length;i++){
				$("#mapa img, .info ."+lugares[i]).removeClass(lugares[i]);
			}
		});
		
		for(i=0;i<=lugares.length;i++){
			$("area."+lugares[i]).hover(function(){
				ir = $(this).attr("class");
				
				$("#mapa img, .info ."+ir).addClass(ir);

				for(e=0;e<=lugares.length;e++){
					if(lugares[e]!=ir){
						$("#mapadesplega ."+lugares[e]).fadeOut("normal");
						$("#mapa img."+lugares[e]).removeClass(lugares[e]);
					}else{
						$("#mapa img."+lugares[e]).addClass(lugares[e]);
					}
				}

				$("#mapadesplega div").removeClass("activo");
				$("#mapadesplega div."+ir).addClass("activo");
				$("#mapadesplega div.activo").fadeIn("normal");
			});
		}
		
		
	// TUMBLR
	
	$.get(Globales.template_url+'/tumblr/', function (d)
	{
		var data = $.parseJSON(d);
		
		var num = 1;
		
		var aleat = Math.floor(Math.random()*10+1);
		
		$.each(data.posts.slice(0,10), function(i, posts){
			if(this["type"] !== 'photo') return;
			
			var photo250 = this["photo-url-250"], photo500 = this["photo-url-500"];
			
			if(num==aleat){
				$('#tumblr').append('<a href="' + photo500 + '" rel="tumblr"><img src="' + photo250 + '" width="177" \/><\/a>');
			}else{
				$('#tumblr').append("<span class=\"displaynone\"><a href=\"" + photo500 + "\" rel=\"tumblr\">Foto" + num + "<\/a><\/span>"); 
			}
			
			num++;
		});
		
		$("#tumblr a").colorbox({ title:" ", height:"100%" });

	});
	
	
	/* BUSCAR */
	

	$("#busqueda-text").focus(function(){
		if($(this).attr("value")=="Buscar...") $(this).attr("value","");
	});
	$("#busqueda-text").blur(function(){
		if($(this).attr("value")=="") $(this).attr("value","Buscar...");
	});

	
	// FOOTER
            +function ()
            {
                var carousel  = document.getElementById('carousel'),
                    anterior  = document.getElementById('anterior'),
                    siguiente = document.getElementById('siguiente'),
                    ul 		  = carousel.getElementsByTagName('ul')[0],
                    total 	  = Math.ceil(ul.getElementsByTagName('li').length/4),
                    alto 	  = 168,
                    actual	  = 0,
                    esChafa   = !+'\v1';
                        
				// pre
                carousel.style.height = alto+'px';
                anterior.className = 'disabled';
                
                if(esChafa)
                {
                    anterior.attachEvent('onclick', common);
                    siguiente.attachEvent('onclick', common);
                } else
                {
                    anterior.addEventListener('click', common, false);
                    siguiente.addEventListener('click', common, false);
                }
                
                function common(e)
                {
                    var self = this;
                    
                    if(esChafa) 
                    {
                        self = window.event.srcElement;
                        window.event.returnValue = false;
                    } else
                        e.preventDefault();			
                    
                    if(self.className == 'disabled') return;
                    
                    if(self.id == 'anterior') actual--;
                    else actual++;
                    
                    ul.style.top = -(alto*actual)+'px';	
                    
                    if(actual == total-1)
                        siguiente.className = 'disabled';	
                    else
                        siguiente.className = '';	
                    
                    if(actual > 0)
                        anterior.className = '';
                    else
                        anterior.className = 'disabled';
                }
            }();	
	
});