$(document).ready(function(){
	$('.desaparece').hover(
	function(){
		$(this).stop().fadeTo(200,0.1);
	},
	function(){
		$(this).stop().fadeTo(100,1);
	});
	

	$("#firstpane p.menu_head").click(function()
    {
		$("#firstpane div.menu_body a").siblings().css({backgroundColor:"#ffffff", color:"#92979d"}); //quitamos los "hijos" seleccionados en azul
		$("#firstpane div.menu_body a").siblings().css({backgroundImage:"url(img/productos/left.gif)"}); //quitamos las flechas blancas
		$(this).css({backgroundImage:"url(img/productos/down.gif)"}).next("div.menu_body").slideToggle(300, function(){
				if($("#firstpane").height()>400){	//si el tamaño de la lista ampliada es mayor a 400px hacemos más grande el fondo																							 
					$("#content_minifooter").animate({height:$("#firstpane").height()+150}); //cambiamos el height del fondo ajustandolo al tamaño de la lista con 150px más de altura
				}
				}).siblings("div.menu_body").slideUp(100); //le damos movimiento y cambiamos la imagen de la flecha
		$(this).css({backgroundColor:"#71aeec", color:"#ffffff"}); //le damos color al seleccionado
       	$(this).siblings().css({backgroundImage:"url(img/productos/left.gif)", backgroundRepeat:"no-repeat", backgroundPosition:"center right"}); //cambiamos los otros
		$(this).siblings().css({backgroundColor:"#ffffff", color:"#92979d"}); //cambiamos el color de los otros
		$("#content_minifooter").css({backgroundImage:""});

		
	});
	
	$("#firstpane div.menu_body a").click(function()
    {
		$("#content_minifooter").css({backgroundImage:""});
		$(this).css({backgroundColor:"#71aeec", color:"#ffffff"}); //cambiamos el color de fondo
		$(this).siblings().css({backgroundColor:"#ffffff", color:"#92979d"}); //cambiamos el color de los demas
		$(this).css({backgroundImage:"url(img/productos/left2.gif)"}); //cambiamos la imagen
		$(this).siblings().css({backgroundImage:"url(img/productos/left.gif)"}); //cambiamos la imagen
		
	});
	
	$("#secondpane div.sub_producto_head").click(function()
    {	
		$(this).next("div.sub_producto_body").slideDown(300).siblings("div.sub_producto_body").slideUp(100);
	});
	
	
	
	
	$("#content_minifooter ul.cosmetica_submenu li").hover(
		function(){ //al pasar el mouse miramos si tiene o no la clase selected, en caso de tenerla, estamos dentro de su seccion con lo que no hacemos rollover
			if ($(this).is (".cosmetica_unselected")) {
			   $(this).css({backgroundColor:"#999999"}); //cambiamos el color de fondo
			   $(this).siblings(".cosmetica_unselected").css({backgroundColor:"#666666"}); //cambiamos el color de los que tienen la clase "cosmetica_unselected"
			}
			if ($(this).is (".cosmetica_selected")) {
			  
			}
		},
		function(){
			if ($(this).is (".cosmetica_unselected")) {
			$(this).css({backgroundColor:"#666666"}); //al hacer mouseout le devolvemos el color de fondo para hacer el efecto rollover rollout
			}
		}
	);
	
 		$(".forgot_pass").colorbox({iframe:true, innerWidth:450, innerHeight:200});
		
		$(".inicie_sesion").colorbox({iframe:true, innerWidth:450, innerHeight:200});
		
		
		
		

});