//JavaScript - Mouseover Buttons
//
// Load images but only if browser supports the document.images method

if (document.images)

// load the images and assign it the file sources

{

		var home = new Image();
   	home.src =  "./hotspots/home.jpg";
   	var home2 = new Image();
   	home2.src =  "./hotspots/home2.jpg";

		var contacts = new Image();
   	contacts.src =  "./hotspots/contacts.jpg";
   	var contacts2 = new Image();
   	contacts2.src =  "./hotspots/contacts2.jpg";

   	var membership = new Image();
   	membership.src =  "./hotspots/membership.jpg";
   	var membership2 = new Image();
   	membership2.src =  "./hotspots/membership2.jpg";

   	var board = new Image();
   	board.src =  "./hotspots/board.jpg";
   	var board2 = new Image();
   	board2.src =  "./hotspots/board2.jpg";

   	var meetings = new Image();
   	meetings.src =  "./hotspots/meetings.jpg";
   	var meetings2 = new Image();
   	meetings2.src =  "./hotspots/meetings2.jpg";
   	
   
 	}

//This function performs image swapping

function swap_home(state)

{
	if (state) {document["home"].src = home2.src;}
	 else
	{document["home"].src = home.src;}
}

function swap_contacts(state)

{
	if (state) {document["contacts"].src = contacts2.src;}
	 else
	{document["contacts"].src = contacts.src;}

}

function swap_membership(state)

{
	if (state) {document["membership"].src = membership2.src;}
	 else
	{document["membership"].src = membership.src;}

}

function swap_board(state)

{
	if (state) {document["board"].src = board2.src;}
	 else
	{document["board"].src = board.src;}
}


// Drop down menus
menuVis = false;

  function menuShow(e)
  {
    if (menuVis != true)
    {
      if (window.event)
      {
        var elem = event.srcElement;
      }
      else if (e)
      {
        var elem = e.target;
      }
      if (elem.nodeType == 1)
      {
        elem = elem.parentNode;
      }
      var sub_menu = "title" + elem.id.substr(5,5);
      var elemnew = document.getElementById(sub_menu);
      elemnew.style.visibility = "visible";
      menuVis=true;
    }
  }

  function hideOnMouseLeave (element, evt) 
  {
    if (element.id.substr(0,5)=='popup')
    {
      element = element.nextSibling;
      if (element.nodeType == "1")
      {
        element = element.nextSibling;
      }
    }
    if (element.contains && evt.toElement) 
    {
      if (!element.contains(evt.toElement))  
      {
        element.style.visibility = 'hidden';
        menuVis=false;
      }
    }
    else if (evt.relatedTarget) 
    {
      if (!contains(element, evt.relatedTarget))
      {
        element.style.visibility = 'hidden';
        menuVis=false;
      }
    }
  }

  function contains (container, containee) 
  {
    do 
    {
      if (container == containee) 
      {
        return true;
      }
      containee = containee.parentNode;
    }
    while (containee);
    return false;
  }
  
  function swap_meetings(state)

{
	if (state) {document["meetings"].src = meetings2.src;}
	 else
	{document["meetings"].src = meetings.src;}
}
//End