$(document).ready( function() {
  if($("div.top-menu li a img") && $("div.top-menu li a img").length)
  {
    var collections = document.location.toString().match(/\/dossier(\/[\w\-]+|)\.html$/);
    var other = document.location.toString().match(/\/pratique(\/[\w\-]+|)\.html$/);
    
    // Collection submenu is open by default 
    if(collections)
    {
      $("div.top-menu li a img#dossiers").attr("src", $("div.top-menu li a img#dossiers").attr("src").replace(/_off/, "_on"));
      subMenuCollections();
    }
    
    // The other submenu is open by default 
    if(other)
    {
      $("div.top-menu li a img#pratique").attr("src", $("div.top-menu li a img#pratique").attr("src").replace(/_off/, "_on"));
      subMenuOther();
    }
      
    $("div.top-menu li a img").mouseover(function(){
      // Get current ID
      var curId = $(this).attr("id");
    
      // Hide subs exept if their heading is active
      if(!(collections || other))
      {
        subMenuHide();
      }
      
      // Hide all heading exept if their heading is active
      $("div.top-menu li a img").each(function(){
        if(!((collections && $(this).attr("id")== "dossiers" && curId != "pratique") ||
              (other && $(this).attr("id")== "pratique" && curId != "dossiers")))
        {
          $(this).attr("src", $(this).attr("src").replace(/_on/, "_off"));
        }
      });
      
      // Show current heading
      $(this).attr("src", $(this).attr("src").replace(/_off/, "_on"));
      
      // Show again collection menu if its heading is active
      if(collections && curId != "pratique")
      {
        $("div.top-menu li a img#dossiers").attr("src", $("div.top-menu li a img#dossiers").attr("src").replace(/_off/, "_on"));
        subMenuCollections();
      }
      
      // Show again the other menu if its heading is active
      if(other && curId != "dossiers")
      {
        $("div.top-menu li a img#pratique").attr("src", $("div.top-menu li a img#pratique").attr("src").replace(/_off/, "_on"));
        subMenuOther();
      }
      
      // Show submenu
      if(curId == "dossiers")
      {
        subMenuCollections();
      }
      else if(curId == "pratique")
      {
        subMenuOther();
      }
      
    }).mouseout(function(){
      if(!($(this).attr("id") == "dossiers" || $(this).attr("id") == "pratique"))
      {
        // Hide heading
        $(this).attr("src", $(this).attr("src").replace(/_on/, "_off"));
        
        // Hide submenu
        if(!(collections || other))
        {
          subMenuHide();
        }
      }
    });
  }
});

function subMenuCollections()
{
  /*if($.browser.msie && $.browser.version.substr(0,1) < 7)
  {
    $("div.top-menu-sub").css("top", ($("div.top-menu").position().top - 6) + "px");
  }*/
  $("div.top-menu-sub").height("32px");
  //$("div.top-menu-sub").width("1000px");
  $("div.top-menu-sub").css("background", "url(/images/rl1/topmenu/menu_dossiers.gif) no-repeat");
  $("div.top-menu-sub").html($("div.top-menu-collections").html());
}

function subMenuOther()
{
  /*if($.browser.msie && $.browser.version.substr(0,1) < 7)
  {
    $("div.top-menu-sub").css("top", ($("div.top-menu").position().top - 6) + "px");
  }*/
  
  $("div.top-menu-sub").height("32px");
  //$("div.top-menu-sub").width("1000px");
  $("div.top-menu-sub").css("background", "url(/images/rl1/topmenu/menu_pratique.gif) no-repeat");
  $("div.top-menu-sub").html($("div.top-menu-other").html());
}

function subMenuHide()
{
  $("div.top-menu-sub").height("0px");
  $("div.top-menu-sub").css("background-image", "none");
  $("div.top-menu-sub").css("line-height", "0px");
  $("div.top-menu-sub").html("");
}