$.preloadImages = function()
{
       for(var i = 0; i<arguments.length; i++)
       {
               $("<img />").attr("src", arguments[i]);
//$("div.pie").append("<img />").attr("src", arguments[i]);

       }
}


$(document).ready(
function(){ 


       $.preloadImages("images/item1.jpg","images/item2.jpg","images/item3.jpg","images/item4.jpg");


    $abierto=0;
    $elemento=$(".ayuda");
    $emergente=$(".emergente");
    $cerrar=$(".cerrar");
    $cerrar.ocultar_capa();
    $elemento.mostrar_capa();
    $menu_item1=$(".item1");
    $menu_item_sel1=$(".item1_sel");
    $menu_item2=$(".item2");
    $menu_item_sel2=$(".item2_sel");
    $menu_item3=$(".item3");
    $menu_item_sel3=$(".item3_sel");
    $menu_item4=$(".item4");
    $menu_item_sel4=$(".item4_sel");
    $zona_submenu=$(".submenu");
    $("a.selec").mouseover(
        function(){
            $("a.selec").css({"background-color":"#ef1011","color":"#fff"});
        }
    );
    $(".noselec").mouseover(
        function(){
            
            $("a.selec").css({"background-color":"#fff","color":"#000"});
            
        }//function
    );
    $(".noselec").mouseleave(
        function(){
            $("a.selec").css({"background-color":"#ef1011","color":"#fff"});
        }//function
    ); 
    $("a.selec").css({"background-color":"#ef1011","color":"#fff"});

    $zona_submenu.empty();
        $item1_sel=$(".item1_sel");
        $item2_sel=$(".item2_sel");
        $item3_sel=$(".item3_sel");
        $item4_sel=$(".item4_sel");
        $item_sel=false;
        if($item1_sel.length>0){
            $item_sel=$item1_sel;
        }else if($item2_sel.length>0){
            $item_sel=$item2_sel;
        }else if($item3_sel.length>0){
            $item_sel=$item3_sel;
        }else if($item4_sel.length>0){
            $item_sel=$item4_sel;
        }

        if($item_sel.length>0){
            $submenu=$item_sel.children("ul").clone(true);
            $zona_submenu.empty();
            $zona_submenu.append($submenu);
        }
    $menu_item1.menu($zona_submenu);
    $menu_item_sel1.menu($zona_submenu);
    $menu_item2.menu($zona_submenu);
    $menu_item_sel2.menu($zona_submenu);
    $menu_item3.menu($zona_submenu);
    $menu_item_sel3.menu($zona_submenu);
    $menu_item4.menu($zona_submenu);
    $menu_item_sel4.menu($zona_submenu);
}
);
jQuery.fn.menu=function($zona_submenu){
    
    $(this).mouseover(function(){
    $nombre_clase=this.className;

    if($nombre_clase.length<=5){
        $(this).css({"background-image":"url(/images/"+$nombre_clase+".jpg)","color":"#fff"});
        $(this).children("a").css({"color":"#fff"});
        $(".item1_sel").css({"background-image":"none","color":"#000"});
        $(".item1_sel").children("a").css({"color":"#000"});
    }else{
        $subcadena=$nombre_clase.substr(0,5);
        $(this).css({"background-image":"url(/images/"+$subcadena+".jpg)","color":"#fff"});
        $(this).children("a").css({"color":"#fff"});
    }
    $submenu=$(this).children("ul").clone(true);
    $zona_submenu.empty();
    $zona_submenu.append($submenu);
    });
    $(this).mouseout(function(){
    $nombre_clase=this.className;
    if($nombre_clase.length<=5){
    $(this).css({"background-image":"none","color":"#000"});
    $(this).children("a").css({"color":"#000"});
    }
    });
    
    $menu=$(".menu");
    $menu.mouseleave(
    function(){
        $zona_submenu.empty();
        $item1_sel=$(".item1_sel");
        $item2_sel=$(".item2_sel");
        $item3_sel=$(".item3_sel");
        $item4_sel=$(".item4_sel");
        $item_sel=false;
        if($item1_sel.length>0){
            $item_sel=$item1_sel;
        }else if($item2_sel.length>0){
            $item_sel=$item2_sel;
        }else if($item3_sel.length>0){
            $item_sel=$item3_sel;
        }else if($item4_sel.length>0){
            $item_sel=$item4_sel;
        }

        if($item_sel.length>0){
            $submenu=$item_sel.children("ul").clone(true);
            $nombre=$item_sel.attr("class");
            $nombre_imagen=$nombre.substr(0,5);
            $item_sel.css({"background-image":"url(/images/"+$nombre_imagen+".jpg)","color":"#fff"});
            $item_sel.children("a").css({"color":"#fff"});
            $zona_submenu.empty();
            $zona_submenu.append($submenu);
        }
    }
    );
    
}
jQuery.fn.mostrar_capa=function(){
    this.click(
    function(){
    if($abierto!=1){
        $('.emergente').fadeOut();
        $hijo2=$(this).children('.emergente');
        $hijo2.fadeIn();
        $abierto=1;
    } else {
        $('.emergente').fadeOut();
        $abierto=0;
    }
    }
    );
}
jQuery.fn.ocultar_capa=function(){
    this.click(
    function(){
        $padre=$(this).parent();
        $padre.fadeOut();
    }
    );
}