      function cambia(name,img, background_name, background_image){ 
           document.getElementById(name).style.background ='url(' + img + ')'; 
           document.getElementById(background_name).style.background ='url(' + background_image + ') no-repeat'; 
           document.getElementById(background_name).style.backgroundColor='#ffffff';
           document.getElementById(background_name).style.backgroundPosition='right'; 
           document.getElementById(background_name).style.width='100%'; 
           document.getElementById(background_name).style.height='100%'; 

      }
      
      function vuelve(name, background_name){ 
         document.getElementById(name).style.background="#ff1479";
      }

      $(document).ready(function(){
      $("#panel1").mouseenter(function(evento){
      $("#background1").css("display", "block");
      });
      $("#panel1").mouseleave(function(evento){
      $("#background1").css("display", "none");
      });
      })
      
      $(document).ready(function(){
      $("#panel2").mouseenter(function(evento){
      $("#background2").css("display", "block");
      });
      $("#panel2").mouseleave(function(evento){
      $("#background2").css("display", "none");
      });
      })

      $(document).ready(function(){
      $("#panel3").mouseenter(function(evento){ 
      $("#background3").css("display", "block");
      });
      $("#panel3").mouseleave(function(evento){
      $("#background3").css("display", "none");
      });
      })

      $(document).ready(function(){
      $("#panel4").mouseenter(function(evento){
      $("#background4").css("display", "block");
      });
      $("#panel4").mouseleave(function(evento){
      $("#background4").css("display", "none");
      });
      })

      $(document).ready(function(){
      $("#panel5").mouseenter(function(evento){
      $("#background5").css("display", "block");
      });
      $("#panel5").mouseleave(function(evento){
      $("#background5").css("display", "none");
      });
      })

      $(document).ready(function(){
      $("#panel6").mouseenter(function(evento){
      $("#background6").css("display", "block");
      });
      $("#panel6").mouseleave(function(evento){
      $("#background6").css("display", "none");
      });
      })
     	
      $(document).ready(function(){
      $("#panel7").mouseenter(function(evento){
      $("#background7").css("display", "block");
      });
      $("#panel7").mouseleave(function(evento){
      $("#background7").css("display", "none");
      });
      })
  
      $(document).ready(function(){
      $("#panel8").mouseenter(function(evento){
      $("#background8").css("display", "block");
      });
      $("#panel8").mouseleave(function(evento){
      $("#background8").css("display", "none");
      });
      })
 
      $(document).ready(function(){
      $("#panel9").mouseenter(function(evento){
      $("#background9").css("display", "block");
      });
      $("#panel9").mouseleave(function(evento){
      $("#background9").css("display", "none");
      });
      })
      
 
      $(document).ready(function(){
        $("#menu1").mouseover(function(){  
          $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
          $("#menu_fijo").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
        });
     
        $("#menu1").mouseout(function(){  
          $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
          $("#menu_fijo").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
        });
      })
      
      $(document).ready(function() {
          $('#item1').hide();
          $('#item2').hide();
          $('#item3').hide();
          $('#item4').hide();
       		  
       $("#menu2").mouseover(function(){  
          $(this).stop().animate({height:'80px'},{queue:false, duration:400, easing: 'jswing'})  
          $('#item1').show();
          $('#item2').show();
          $('#item3').show();
          $('#item4').show();
       });  
       
       $("#menu2").mouseout(function(){  
          $(this).stop().animate({height:'15px'},{queue:false, duration:400, easing: 'jswing'}) 
          $('#item1').hide(); 
          $('#item2').hide();
       	  $('#item3').hide();
       	  $('#item4').hide();
       });  
       })      
      
       $(document).ready(function(){
         $("#menu3").mouseover(function(){  
           $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
           $("#menu_fijo_3").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
         });
      
         $("#menu3").mouseout(function(){  
           $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
           $("#menu_fijo_3").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
         });
       })
      
      $(document).ready(function(){
         $("#menu4").mouseover(function(){  
           $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
           $("#menu_fijo_4").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
         });
      
         $("#menu4").mouseout(function(){  
           $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
           $("#menu_fijo_4").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
         });
       })
       
       $(document).ready(function(){
          $("#menu5").mouseover(function(){  
            $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
            $("#menu_fijo_5").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
          });
       
          $("#menu5").mouseout(function(){  
            $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
            $("#menu_fijo_5").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
          });
        })
        
        $(document).ready(function(){
           $("#menu6").mouseover(function(){  
             $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
             $("#menu_fijo_6").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
           });
        
           $("#menu6").mouseout(function(){  
             $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
             $("#menu_fijo_6").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
           });
         })
         
         $(document).ready(function(){
            $("#menu7").mouseover(function(){  
              $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
              $("#menu_fijo_7").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
            });
         
            $("#menu7").mouseout(function(){  
              $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
              $("#menu_fijo_7").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
            });
          })
          
          $(document).ready(function(){
             $("#menu8").mouseover(function(){  
               $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
               $("#menu_fijo_8").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
             });
          
             $("#menu8").mouseout(function(){  
               $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
               $("#menu_fijo_8").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
             });
           })
           
           $(document).ready(function(){
              $("#menu9").mouseover(function(){  
                $(this).stop().animate({height:'40px'},{queue:false, duration:200, easing: 'jswing'})  
                $("#menu_fijo_9").animate({height: "40px",marginTop:"20px"}, {queue:false, duration:200, easing: 'jswing'}) 
              });
           
              $("#menu9").mouseout(function(){  
                $(this).stop().animate({height:'15px'},{queue:false, duration:200, easing: 'jswing'})  
                $("#menu_fijo_9").animate({height: "15px",marginTop:"0px"}, {queue:false, duration:200, easing: 'jswing'}) 
              });
            })
