$(document).ready(function() {
    $("li.nav-products").mouseenter(function(){
      $("li.nav-products a").css("color", "#cd1a26");
      $("li.nav-products").css("background", "url(/images/hover-products.png)");
      $("#mojack-navigation #nav-right #products-dropdown").css("visibility", "visible");
    }).mouseleave(function(){
      $("li.nav-products a").css("color", "white");
      $("li.nav-products").css("background", "none");
      $("#mojack-navigation #nav-right #products-dropdown").css("visibility", "hidden");
    });
    
    $("#mojack-navigation #nav-right #products-dropdown").mouseenter(function(){
      $(this).css("visibility", "visible");
      $("li.nav-products a").css("color", "#cd1a26");
      $("li.nav-products").css("background", "url(/images/hover-products.png)");
    }).mouseleave(function(){
      $(this).css("visibility", "hidden");
      $("li.nav-products a").css("color", "white");
      $("li.nav-products").css("background", "none");
    });
    
    $("li.nav-support").mouseenter(function(){
      $("li.nav-support a").css("color", "#cd1a26");
      $("li.nav-support").css("background", "url(/images/hover-support.png)");
      $("#mojack-navigation #nav-right #support-dropdown").css("visibility", "visible");
    }).mouseleave(function(){
      $("li.nav-support a").css("color", "white");
      $("li.nav-support").css("background", "none");
      $("#mojack-navigation #nav-right #support-dropdown").css("visibility", "hidden");
    });
    
    $("#mojack-navigation #nav-right #support-dropdown").mouseenter(function(){
      $(this).css("visibility", "visible");
      $("li.nav-support a").css("color", "#cd1a26");
      $("li.nav-support").css("background", "url(/images/hover-support.png)");
    }).mouseleave(function(){
      $(this).css("visibility", "hidden");
      $("li.nav-support a").css("color", "white");
      $("li.nav-support").css("background", "none");
    });
    
    $("li.nav-about").mouseenter(function(){
      $("li.nav-about a").css("color", "#cd1a26");
      $("li.nav-about").css("background", "url(/images/hover-about-mojack.png)");
    }).mouseleave(function(){
      $("li.nav-about a").css("color", "white");
      $("li.nav-about").css("background", "none");
    });
    
    $("li.nav-contact").mouseenter(function(){
      $("li.nav-contact a").css("color", "#cd1a26");
      $("li.nav-contact").css("background", "url(/images/hover-contactus.png)");
    }).mouseleave(function(){
      $("li.nav-contact a").css("color", "white");
      $("li.nav-contact").css("background", "none");
    });
   });