// HOVER A LOS BOTONES //

$(document).ready(function(){
    var media_url = "/fileadmin/templates/Nuevo/images/menu/";
    //1
    $(".btn_a").mouseenter(function(o){
    $(this).attr("src",media_url+"1_over.png");
    });
    $(".btn_a").mouseleave(function(o){
        $(this).attr("src",media_url+"1_off.png");
      });
    
  
     //2
 

    $(".btn_b").mouseenter(function(o){
        $(this).attr("src",media_url+"2_over.png");
    });
    $(".btn_b").mouseleave(function(o){
        $(this).attr("src",media_url+"2_off.png");
    });
        //3


    $(".btn_c").mouseenter(function(o){
        $(this).attr("src",media_url+"3_over.png");
    });
    $(".btn_c").mouseleave(function(o){
        $(this).attr("src",media_url+"3_off.png");
    });

      //4
    
    $(".btn_d").mouseenter(function(o){
        $(this).attr("src",media_url+"4_over.png");
    });
    $(".btn_d").mouseleave(function(o){
        $(this).attr("src",media_url+"4_off.png");
    });

     //5

    $(".btn_e").mouseenter(function(o){
        $(this).attr("src",media_url+"5_over.png");
    });
    $(".btn_e").mouseleave(function(o){
        $(this).attr("src",media_url+"5_off.png");
    });
     
     //6

    $(".btn_f").mouseenter(function(o){
        $(this).attr("src",media_url+"6_over.png");
    });
    $(".btn_f").mouseleave(function(o){
        $(this).attr("src",media_url+"6_off.png");
    });

//Dejar Fijado los Botones con un Click //   
  
//evento onclick btn 1
    
   $('#unico1').click(function () { 
      
  //aparecidos

    $(".btn1_on").css("display", "block");

    
    $(".btn_b").css("display", "block"); 
    $(".btn_c").css("display", "block"); 
    $(".btn_d").css("display", "block"); 
    $(".btn_e").css("display", "block"); 
    $(".btn_f").css("display", "block"); 
    
 //desaparecidos

    
    $(".btn_a").css("display", "none");      
    $(".btn2_on").css("display", "none");
    $(".btn3_on").css("display", "none");
    $(".btn4_on").css("display", "none"); 
    $(".btn5_on").css("display", "none"); 
    $(".btn6_on").css("display", "none");  
    
    });

//evento onclick btn 2 :

      $('#unico2').click(function () { 

       //aparecidos
      
      $(".btn2_on").css("display", "block");

      $(".btn_a").css("display", "block"); 
      $(".btn_c").css("display", "block"); 
      $(".btn_d").css("display", "block"); 
      $(".btn_e").css("display", "block"); 
      $(".btn_f").css("display", "block"); 
      
  //desaparecidos  
    $(".btn_b").css("display", "none");      
    $(".btn1_on").css("display", "none");
    $(".btn3_on").css("display", "none");
    $(".btn4_on").css("display", "none"); 
    $(".btn5_on").css("display", "none"); 
    $(".btn6_on").css("display", "none");  
        
    });

//evento onclick btn 3 :

      $('#unico3').click(function () { 

       //aparecidos
      
      $(".btn3_on").css("display", "block");

      $(".btn_a").css("display", "block"); 
      $(".btn_b").css("display", "block"); 
      $(".btn_d").css("display", "block"); 
      $(".btn_e").css("display", "block"); 
      $(".btn_f").css("display", "block"); 
      
  //desaparecidos  
    $(".btn_c").css("display", "none");      
    $(".btn1_on").css("display", "none");
    $(".btn2_on").css("display", "none");
    $(".btn4_on").css("display", "none"); 
    $(".btn5_on").css("display", "none"); 
    $(".btn6_on").css("display", "none");  
        
    });   

//evento onclick btn 4 :

      $('#unico4').click(function () { 

       //aparecidos
      
      $(".btn4_on").css("display", "block");

      $(".btn_a").css("display", "block"); 
      $(".btn_b").css("display", "block"); 
      $(".btn_c").css("display", "block"); 
      $(".btn_e").css("display", "block"); 
      $(".btn_f").css("display", "block"); 
      
  //desaparecidos  
    $(".btn_d").css("display", "none");      
    $(".btn1_on").css("display", "none");
    $(".btn2_on").css("display", "none");
    $(".btn3_on").css("display", "none"); 
    $(".btn5_on").css("display", "none"); 
    $(".btn6_on").css("display", "none");  
        
    });   

//evento onclick btn 5 :

      $('#unico5').click(function () { 

       //aparecidos
      
      $(".btn5_on").css("display", "block");

      $(".btn_a").css("display", "block"); 
      $(".btn_b").css("display", "block"); 
      $(".btn_c").css("display", "block"); 
      $(".btn_d").css("display", "block"); 
      $(".btn_f").css("display", "block"); 
      
  //desaparecidos  
    $(".btn_e").css("display", "none");      
    $(".btn1_on").css("display", "none");
    $(".btn2_on").css("display", "none");
    $(".btn3_on").css("display", "none"); 
    $(".btn4_on").css("display", "none"); 
    $(".btn6_on").css("display", "none");  
        
    }); 

//evento onclick btn 6 :

      $('#unico6').click(function () { 

       //aparecidos
      
      $(".btn6_on").css("display", "block");

      $(".btn_a").css("display", "block"); 
      $(".btn_b").css("display", "block"); 
      $(".btn_c").css("display", "block"); 
      $(".btn_d").css("display", "block"); 
      $(".btn_e").css("display", "block"); 
      
  //desaparecidos  
    $(".btn_f").css("display", "none");      
    $(".btn1_on").css("display", "none");
    $(".btn2_on").css("display", "none");
    $(".btn3_on").css("display", "none"); 
    $(".btn4_on").css("display", "none"); 
    $(".btn5_on").css("display", "none");  
        
    });
   
});


// ESTE ES EL EFECTO DE LAS IMAGENES //



$(document).ready(function() {

      
        





        $('#1-img').removeClass('on');
        $('#1-img').removeClass('off');

        $('#2-img').addClass('on');
        $('#2-img').addClass('off')

        $('#3-img').addClass('on');
        $('#3-img').addClass('off');

        $('#4-img').addClass('on');
        $('#4-img').addClass('off');
        
        $('#5-img').addClass('on');
        $('#5-img').addClass('off');

        $('#6-img').addClass('on');
        $('#6-img').addClass('off');





     $('#k-guard area').mouseenter(function(){




        href = $(this).attr('href');
       
        $(href+'-img.on').show();

         $('#1-img').addClass("on"); 
      
       });
   
    $('#k-guard area').mouseleave(function(){
        
        href = $(this).attr('href');
        $(href+'-img.on').hide();
       

    
            
        $('#1-img').addClass("off");   
       
       
    });

   

   

});