//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 projects = new Image();
   	projects.src =  "./hotspots/projects.jpg";
   	var projects2 = new Image();
   	projects2.src =  "./hotspots/projects2.jpg";
   	  	
   	var contacts = new Image();
   	contacts.src =  "./hotspots/contacts.jpg";
   	var contacts2 = new Image();
   	contacts2.src =  "./hotspots/contacts2.jpg";
   	
   	var about = new Image();
   	about.src =  "./hotspots/about.jpg";
   	var about2 = new Image();
   	about2.src =  "./hotspots/about2.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_projects(state)

{
	if (state) {document["projects"].src = projects2.src;}
	 else
	{document["projects"].src = projects.src;}

}

function swap_about(state)

{
	if (state) {document["about"].src = about2.src;}
	 else
	{document["about"].src = about.src;}
}

/*Pop-up Windows*/

function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=800,height=800,  scrollbars=yes');
return false;
}

/* 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;
  }

//End
