// JavaScript Document

var LINK = "_link";
var CLASS_NAME = "current";

var displayed_mymenu = null;

(function()
{
  if (window.addEventListener)
  {
    window.addEventListener("load", setup_mymenus, false);    
  }
  else
  {
    window.attachEvent("onload", setup_mymenus);
  }
})();

function setup_mymenus()
{
  var mymenu_links = document.getElementById("mymenus").getElementsByTagName("a");
  
  for (var i = 0; i < mymenu_links.length; i++)
  {    
    setup_mymenu_link(mymenu_links[i]);
  }
}

function setup_mymenu_link(link)
{  
  var num = link.id.indexOf("_");
  var link_id = link.id.substring(0, num);	
  link.onmouseover = function(){display_mymenu(link_id);};
}

function hide_all_mymenus()
{
  var mymenu_divs = document.getElementsByTagName("div");

  //Only need those div elements that have an id value starting with 'mymenu'
  for (var i = 0; i < mymenu_divs.length; i++)
  {
    if (mymenu_divs[i].id.indexOf("mymenu") === 0)
    {
      change_mymenu_display(mymenu_divs[i], "none", mymenu_divs[i].id, "");
    }  
  }  
}

function display_mymenu(id)
{	  
  if (!displayed_mymenu)
  {	    
    hide_all_mymenus();
  }
  else
  {            
    change_mymenu_display(displayed_mymenu, "none", displayed_mymenu.id, "");
  }

  //Make the selected mymenu visible
  displayed_mymenu = document.getElementById(id);
  
  change_mymenu_display(displayed_mymenu, "block", id, CLASS_NAME);
}

function change_mymenu_display(mymenu_content_element, display, mymenu_link_id, class_name)
{
  //Make the selected mymenu visible or not visible
  mymenu_content_element.style.display = display;
  
  //Change the class name of the mymenu link
  document.getElementById(mymenu_link_id + LINK).className = class_name;
}