var timerId;
$(document).ready(function(){

  // This is required for the PNG fix to work.
  if( $.fn.pngfix != null )
    $("img[@src$=png]").pngfix();

  // This is code to handle all of the _linkover events.  It works by
  // creating a special Wrap class, adding it to the link and linkover
  // divs of each link and linkover pair, and assigning a hover event to
  // that.
  $("#Layer-9").addClass("Wrap-3-9").hide();
  $("#Layer-3").addClass("Wrap-3-9");
  $(".Wrap-3-9").hover(
    function(){ $("#Layer-9").show(); $("#Layer-3").hide(); },
    function(){ $("#Layer-3").show(); $("#Layer-9").hide(); });
  $("#Layer-10").addClass("Wrap-4-10").hide();
  $("#Layer-4").addClass("Wrap-4-10");
  $(".Wrap-4-10").hover(
    function(){ $("#Layer-10").show(); $("#Layer-4").hide(); },
    function(){ $("#Layer-4").show(); $("#Layer-10").hide(); });
  $("#Layer-11").addClass("Wrap-5-11").hide();
  $("#Layer-5").addClass("Wrap-5-11");
  $(".Wrap-5-11").hover(
    function(){ $("#Layer-11").show(); $("#Layer-5").hide(); },
    function(){ $("#Layer-5").show(); $("#Layer-11").hide(); });
  $("#Layer-12").addClass("Wrap-6-12").hide();
  $("#Layer-6").addClass("Wrap-6-12");
  $(".Wrap-6-12").hover(
    function(){ $("#Layer-12").show(); $("#Layer-6").hide(); },
    function(){ $("#Layer-6").show(); $("#Layer-12").hide(); });
  $("#Layer-13").addClass("Wrap-7-13").hide();
  $("#Layer-7").addClass("Wrap-7-13");
  $(".Wrap-7-13").hover(
    function(){ $("#Layer-13").show(); $("#Layer-7").hide(); },
    function(){ $("#Layer-7").show(); $("#Layer-13").hide(); });
  $("#Layer-14").addClass("Wrap-8-14").hide();
  $("#Layer-8").addClass("Wrap-8-14");
  $(".Wrap-8-14").hover(
    function(){ $("#Layer-14").show(); $("#Layer-8").hide(); },
    function(){ $("#Layer-8").show(); $("#Layer-14").hide(); });
  $("#Layer-20").addClass("Wrap-16-20").hide();
  $("#Layer-16").addClass("Wrap-16-20");
  $(".Wrap-16-20").hover(
    function(){ $("#Layer-20").show(); $("#Layer-16").hide(); },
    function(){ $("#Layer-16").show(); $("#Layer-20").hide(); });
  $("#Layer-21").addClass("Wrap-17-21").hide();
  $("#Layer-17").addClass("Wrap-17-21");
  $(".Wrap-17-21").hover(
    function(){ $("#Layer-21").show(); $("#Layer-17").hide(); },
    function(){ $("#Layer-17").show(); $("#Layer-21").hide(); });
  $("#Layer-22").addClass("Wrap-18-22").hide();
  $("#Layer-18").addClass("Wrap-18-22");
  $(".Wrap-18-22").hover(
    function(){ $("#Layer-22").show(); $("#Layer-18").hide(); },
    function(){ $("#Layer-18").show(); $("#Layer-22").hide(); });
  $("#Layer-23").addClass("Wrap-19-23").hide();
  $("#Layer-19").addClass("Wrap-19-23");
  $(".Wrap-19-23").hover(
    function(){ $("#Layer-23").show(); $("#Layer-19").hide(); },
    function(){ $("#Layer-19").show(); $("#Layer-23").hide(); });
  
  // This is code to handle the services_hmenu menu
  $("#Layer-15").hide().addClass("allMenus");
  $("#Layer-14").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#Layer-15").show();
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    clearTimeout( timerId );
    timerId = setTimeout( '$("#Layer-15").hide()', 4000 );
  });

});
