$(document).ready(function(){

	Cufon.replace('.vag', {fontFamily: 'Vag-round'});
	Cufon.replace('.meta', {fontFamily: 'Meta', hover: true});
	Cufon.replace('.vagthin', {fontFamily: 'Vag-thing', hover: true});
	
	
	$(".boton").wrapInner("<span></span>");

	
	$('li.mega').hover(
		function(){$(this).addClass("hover");$(this).find('div').show(100);},
		function(){$(this).removeClass("hover");$(this).find('div').hide(100);}
	);
	
/* 	Funcion que muestra y oculta texto de buscar*/	
	$("#buscar").focus(function(){
		if ( $(this).val() == $(this).attr("class") ){
			$(this).val('');
		}
	});
	$("#buscar").blur(function(){
		if ( $(this).val() == '' ){
			$(this).val('Busca tu producto');
		}
	});
/* 	Funcion que muestra y oculta texto de buscar*/		

	
	$('.oculta').hide();
	
	$('.up').hover(
		function(){
			$(this).animate({marginTop: '-3px'}, 300);
		},
		function(){
			$(this).animate({marginTop: '0'}, 500);
		}
	);
	

	
	$("ul.nav").tabs(".cont > .lista"); 
	
	var api = $("#chained").scrollable({
			hoverClass: 'hover' 
		}).autoscroll({ 
			autoplay: true,
			interval: 2000 
		}).circular({ 
			steps: 5,
			clickable: true,
			api: true
		});
	
	
	$("#chained2").scrollable({hoverClass: 'hover'}).navigator({
		steps: 5
	});
	
	$("#chained3").scrollable({hoverClass: 'hover'}).navigator({
		steps: 5
	});
		
	$(".items li").hover(function(){
		$(this).animate({opacity:1}, 500);	
	}, function(){
		$(this).animate({opacity:0.6}, 200);	
	});

/* 	Funcion que destaca el elemento */
	$(".items li").click(function(){
		$(".tooltip").fadeOut();
		$(".items li").animate({width:"150px", marginTop:"20px"},300);
		api.stop();
		$(this).animate({opacity:1, width:"150px", marginTop:"0"},300, function(){		
			var tultip = $(this).find("div").html();	
			var ubicate = $(this).parent().position();
			var elemento = $(this).position();
			var tuleft = ubicate.left + elemento.left - 55;
			$(".tooltip").fadeIn();
			$(".tooltip").html(tultip);
			$(".tooltip").css({"left":tuleft})
			
			$("span.cerrar").click(function(){
				$(".tooltip").fadeOut();
				$(".items li").animate({width:"150px", marginTop:"20px"},300);
				api.play();
			});	
			
		});
	});
/* 	Funcion que destaca el elemento */
	
	$("#coverFlow").mouseenter(function(){
		$(".items li").animate({opacity:0.6}, 300 );
	});
	
	$("#coverFlow").mouseleave(function(){
		$(".tooltip").fadeOut();
		$(".items li").animate({opacity:1, width:"150px", marginTop:"20px"},300);
		api.play();
	});
	

	$("a[rel='mail']").click(function(){  				// esto se implementará luego sólo hay que dejar el boton linkeando a vtrmail.
		var clase = $("#vtrmail").attr("class");
		if( clase == "open" ){
			$("#vtrmail").removeClass("open");
			$("#vtrmail").fadeOut();
			$(this).removeClass("sel");
		}
		else{
			$(this).addClass("sel");
			$("#vtrmail").fadeIn();	
			$("#vtrmail").addClass("open");
		}
	});
	
	$("a[rel='cerrar']").click(function(){
		$("#vtrmail").fadeOut();
		$("#vtrmail").removeClass("open");
		$("a[rel='mail']").removeClass("sel");
	});



$("#modGale li").mouseenter(
					function(){
						var papito = $(this);
						$("#modGale li").removeClass("hover");	
						$("#modGale li").animate({width:"121px"}, 0, function(){
								papito.animate({width:"242px"}, 0, function(){
								papito.addClass("hover");
							});
						});
					});


		$("#galprev").animate({opacity:"0.5"}, 0);
	$("#galnext").click(function(){
		$("#modGale").animate({left:"-485px"},500);
		$(this).animate({opacity:"0.5"}, 0);
		$("#galprev").animate({opacity:"1"}, 0);
		return false;
	});
	$("#galprev").click(function(){
		$("#modGale").animate({left:"40px"},500);
		$(this).animate({opacity:"0.5"}, 0);
		$("#galnext").animate({opacity:"1"}, 0);
		return false;
	});


});