$(document).ready(inicia);


function inicia() {
	
	$(".bloque").css("top","41px");
	
   
  	menu();
   
   //acordeon
	/*$("#accordion li").click(muestraLista);
	$("#accordion2 li").click(muestraLista2);
	$("#accordion3 li").click(muestraLista3);*/
	$("#accordion h4").click(muestraLista);
    $("#accordion2 h4").click(muestraLista2);
    $("#accordion3 h4").click(muestraLista3);
 	$("#accordion_sup h4").click(muestraLista4);
	

}


/*
function muestraLista(){
	//Retail
	$("#accordion div").slideUp();
	$("#accordion a").css({color:"#848484"});
	$("#accordion a").css({background:"transparent"});
	$("a", this).css({color:"#FFFFFF"});
	$("a", this).css({background:"#CC0468 url(images/submenu1.jpg) repeat-x scroll center top"});
	$("div.sel a").css({color:"#848484"});
	$("div.sel a").css({background:"transparent"});
	$(this).next().stop().slideDown();
	
}
function muestraLista2(){

	//Accesos
	$("#accordion2 div").slideUp();
	$("#accordion2 a").css({color:"#848484"});
	$("#accordion2 a").css({background:"transparent"});
	$("a", this).css({color:"#FFFFFF"});
	$("a", this).css({background:"#A2B015 url(images/submenu2.jpg) repeat-x scroll center top"});
	$("div.sel a").css({color:"#848484"});
	$("div.sel a").css({background:"transparent"});
	$(this).next().stop().slideDown();
	
}
function muestraLista3(){

	//Accesos
	$("#accordion3 div").slideUp();
	$("#accordion3 a").css({color:"#848484"});
	$("#accordion3 a").css({background:"transparent"});
	$("a", this).css({color:"#FFFFFF"});
	$("a", this).css({background:"#2B63AD url(images/submenu3.jpg) repeat-x scroll center top"});
	$("div.sel a").css({color:"#848484"});
	$("div.sel a").css({background:"transparent"});
	$(this).next().stop().slideDown();
	
}

*/
function muestraLista(){
    //Retail
    $("#accordion div").slideUp();
    /*$("#accordion a").css({color:"#848484"});
    $("#accordion a").css({background:"transparent"});
    $("a", this).css({color:"#FFFFFF"});
    $("a", this).css({background:"#CC0468 url(images/submenu1.jpg) repeat-x scroll center top"});
    $("div.sel a").css({color:"#848484"});
    $("div.sel a").css({background:"transparent"});*/
    $(this).next().stop().slideDown();
    
}
function muestraLista2(){

    //Accesos
    $("#accordion2 div").slideUp();
    /*$("#accordion2 a").css({color:"#848484"});
    $("#accordion2 a").css({background:"transparent"});
    $("a", this).css({color:"#FFFFFF"});
    $("a", this).css({background:"#A2B015 url(images/submenu2.jpg) repeat-x scroll center top"});
    $("div.sel a").css({color:"#848484"});
    $("div.sel a").css({background:"transparent"});*/
    $(this).next().stop().slideDown();
    
}
function muestraLista3(){

    //Accesos
    $("#accordion3 div").slideUp();
    /*$("#accordion3 a").css({color:"#848484"});
    $("#accordion3 a").css({background:"transparent"});
    $("a", this).css({color:"#FFFFFF"});
    $("a", this).css({background:"#2B63AD url(images/submenu3.jpg) repeat-x scroll center top"});
    $("div.sel a").css({color:"#848484"});
    $("div.sel a").css({background:"transparent"});*/
    $(this).next().stop().slideDown();
    
}

function muestraLista4(){

    //Accesos
    $("#accordion_sup div").slideUp();
    /*$("#accordion3 a").css({color:"#848484"});
    $("#accordion3 a").css({background:"transparent"});
    $("a", this).css({color:"#FFFFFF"});
    $("a", this).css({background:"#2B63AD url(images/submenu3.jpg) repeat-x scroll center top"});
    $("div.sel a").css({color:"#848484"});
    $("div.sel a").css({background:"transparent"});*/
    $(this).next().stop().slideDown();
    
}
function menu(){

 //menu
   
   $("#menu li").hover(
      function () {
		//$("a",this).css({color:"#FFFFFF"});
		$(".color", this).stop().animate({ top: "0px", opacity:".8"}, 200);
		$(".bloque").css("top","0px");
		
      }, 
      function () {
		//$("a",this).css({color:"#333333"});
        $(".color", this).stop().animate({ top: "52px", opacity:"0"}, 200);
		$(".bloque").css("top","0px");
      }
    );
   
   $("div.bloque").hover(
      function () {
		$("a",this).css({color:"#FFFFFF"});
		$(".producto", this).stop().animate({ top: "360px", opacity:"1"}, 250);//el bloque de color.encima
		$(".bloque").css("top","0px");
      }, 
      function () {
		$("a",this).css({color:"#333333"});
        $(".producto", this).stop().animate({ top: "315px", opacity:"1"}, 250);//el bloque de color.cuando sueltas
		$(".bloque").css("top","41px");
		
      }
    );
   
}