// Gutierrez Quintero
// Kike Valdenebro
// 2009.03.01
//
// Libreria basica de funciones para la dinamica de interfaz.
// Hace uso del framework "jquery-1.3.2.min.js"
var t1, t2, t3, t4 = 0;

	function closeSelpais() {
		$(".sel_pais .ul_home_sel").unbind();
		$(".sel_pais .ul_home_sel").hide();
		$(".sel_pais .a_home_sel").removeClass('activo');
		clearTimeout(t3);
	}
	function closeSelciudad() {
		$(".sel_ciudad .ul_home_sel").unbind();
		$(".sel_ciudad .ul_home_sel").hide();
		$(".sel_ciudad .a_home_sel").removeClass('activo');
		clearTimeout(t4);
	}

	
$(document).ready(function(){

	// Ocultacion de elementos clase "js_hide"
	$(".js_hide").hide();
	


	// Capas de "Selecciona pais" y "Selecciona producto"
	$(".sel_pais .a_home_sel").click(function(e) {
		if($(this).hasClass('activo')) {
			e.preventDefault();
			closeSelpais();
		} else {
			e.preventDefault();
			$(this).addClass('activo');
			$(this).blur();
			$(this).parent().children('.ul_home_sel').show();
			$(this).parent().bind("mouseleave",
				function(event){
					t3=setTimeout("closeSelpais()",200);
				}
			).bind("mouseenter",
				function(event){
					clearTimeout(t4);
				}
			)
		}
	});
	
	$(".sel_pais .ul_home_sel li a").click(function(e) {
		e.preventDefault();
		$(this).parents('.sel_pais').children('.a_home_sel').text($(this).text());
		closeSelpais();
		var ref = $(this).attr('href');
		$('.sel_ciudad').css('display','none');
		$(ref).css('display','block');
	});
			
	$(".sel_ciudad .a_home_sel").click(function(e) {
		if($(this).hasClass('activo')) {
			e.preventDefault();
			closeSelciudad();
		} else {
			e.preventDefault();
			$(this).addClass('activo');
			$(this).blur();
			$(this).parent().children('.ul_home_sel').show();
			$(this).parent().bind("mouseleave",
				function(event){
					t4=setTimeout("closeSelciudad()",200);
				}
			).bind("mouseenter",
				function(event){
					clearTimeout(t4);
				}
			);
		}
	});
	
	$(".sel_ciudad .ul_home_sel li a").click(function(e) {
		$(this).parents('.sel_ciudad').children('.a_home_sel').text($(this).text());
		closeSelciudad();
		var ref = $(this).attr('href');
		$('.lay_ciudad').css('display','none');
		$(ref).css('display','block');
		quitarSifr();
		ponerSifr();
		
	});



	// Galeria
	$(".galeria .miniaturas a:first").addClass('activo');	
	$(".galeria .contvisor .visor").hide();
	$(".galeria .contvisor .visor:first").show();
	$(".galeria .miniaturas a").click(function(e) {
		var href = $(this).attr('href');
		e.preventDefault();
		$(".galeria .miniaturas a").removeClass('activo');
		$(this).addClass('activo');
		$(".galeria .contvisor .visor").hide();
		$(href).fadeIn('slow');
		
	});
	if ($(".galeria .miniaturas a").length>6) {
		$(".galeria .controles").css("display","block");
	}
	
	
	$(".galeria .controles .siguientes").click(function(e) {
		e.preventDefault();
		$(".galeria .miniaturas .carro").stop();
		$(".galeria .miniaturas .carro").animate({ 
        top: "-49px"
			}, 200, '', function() {
				$(".galeria .miniaturas .carro a:first").remove().appendTo(".galeria .miniaturas .carro").click(function(e) {
					$(".galeria .miniaturas a").removeClass('activo');
						var href = $(this).attr('href');
						e.preventDefault();
						$(".galeria .miniaturas a").removeClass('activo');
						$(this).addClass('activo');
						$(".galeria .contvisor .visor").hide();
						$(href).fadeIn('slow');
				});
				$(".galeria .miniaturas .carro").css("top","0px");
			}
		);
	});

	$(".galeria .controles .anteriores").click(function(e) {
		e.preventDefault();
		$(".galeria .miniaturas .carro").stop();
		$(".galeria .miniaturas .carro a:last").remove().prependTo(".galeria .miniaturas .carro").click(function(e) {
				var href = $(this).attr('href');
				e.preventDefault();
				$(".galeria .miniaturas a").removeClass('activo');
				$(this).addClass('activo');
				$(".galeria .contvisor .visor").hide();
				$(href).fadeIn('slow');
		});;
		$(".galeria .miniaturas .carro").css("top","-49px");
		$(".galeria .miniaturas .carro").animate({ 
        top: "0"
      }, 200);
	});
	

});
