window.onload = function(){

  function checkCurrent(){
    if (document.location.href.indexOf("home.php") > 0){
      homeButton.src = "../images/home-button-on.jpg";
    }else if (document.location.href.indexOf("products.php") > 0 ||
			  document.location.href.indexOf("checkout.php") > 0 ||
			  document.location.href.indexOf("account-login.php") > 0 ||
			  document.location.href.indexOf("show-product.php") > 0 ||
			  document.location.href.indexOf("submit-order.php") > 0){
      productsButton.src = "../images/products-button-on.jpg";
    }else if (document.location.href.indexOf("careers.php") > 0){
      careersButton.src = "../images/careers-button-on.jpg";
    }else if (document.location.href.indexOf("about-us.php") > 0){
      aboutButton.src = "../images/about-button-on.jpg";
    }else if (document.location.href.indexOf("contact-us.php") > 0){
      contactButton.src = "../images/contact-button-on.jpg";
    }else if (document.location.href.indexOf("accounts.php") > 0){
      accountsButton.src = "../images/accounts-button-on.jpg";
    }
  }
  
  var    homeButton = document.getElementById("homeButton");
  var    productsButton = document.getElementById("productsButton");
  var    careersButton = document.getElementById("careersButton");
  var    aboutButton = document.getElementById("aboutButton");
  var    contactButton = document.getElementById("contactButton");
  var    accountsButton = document.getElementById("accountsButton");
   
  homeButton.onmouseover = function(){
    this.src = "../images/home-button-on.jpg";
  }
  homeButton.onmouseout = function(){
    this.src = "../images/home-button-off.jpg";
	checkCurrent();
  }
  productsButton.onmouseover = function(){
    this.src = "../images/products-button-on.jpg";
  }
  productsButton.onmouseout = function(){
    this.src = "../images/products-button-off.jpg";
	checkCurrent();
  }
  careersButton.onmouseover = function(){
    this.src = "../images/careers-button-on.jpg";
	checkCurrent();
  }
  careersButton.onmouseout = function(){
    this.src = "../images/careers-button-off.jpg";
	checkCurrent();
  }
  aboutButton.onmouseover = function(){
    this.src = "../images/about-button-on.jpg";
  }
  aboutButton.onmouseout = function(){
    this.src = "../images/about-button-off.jpg";
	checkCurrent();
  }
  contactButton.onmouseover = function(){
    this.src = "../images/contact-button-on.jpg";
  }
  contactButton.onmouseout = function(){
    this.src = "../images/contact-button-off.jpg";
	checkCurrent();
  }
  accountsButton.onmouseover = function(){
    this.src = "../images/accounts-button-on.jpg";
  }
  accountsButton.onmouseout = function(){
    this.src = "../images/accounts-button-off.jpg";
	checkCurrent();
  }
  
  checkCurrent();
  
}

function href(href){
  document.location.href = href;
}

function setBgColor(pObject, pColor){
  if (document.all){
    document.all[pObject].style.backgroundColor=pColor;
  }else if (document.layers){
    document.layers[pObject].style.backgroundColor=pColor;
  }else if (document.getElementById){
    anObject = document.getElementById(pObject);
    anObject.style.backgroundColor=pColor;
  }
}

function setOn(evt){
  evt = (evt) ? evt : event;

  var    elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);

  if (elem.className == "alink"){
    elem.style.color = "#ff0000";
  }else if (elem.tagName == "A"){
    elem.style.color = "#99cc33";
  }else if (elem.className == "styleMenuItem" ||
            elem.className == "menuItem"){
    elem.style.color = "#999999";
    if (elem.className == "styleMenuItem"){
      elem.style.zIndex = "9999";
    }
  }
}

function setOff(evt){
  evt = (evt) ? evt : event;

  var    elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);

  if (elem.className == "alink"){
    elem.style.color = "#000000";
  }else if (elem.tagName == "A"){
    elem.style.color = "#999999";
    elem.style.borderColor = "#ffffff";
  }else if (elem.className == "styleMenuItem" ||
            elem.className == "menuItem"){
    elem.style.color = "#000000";
    if (elem.className == "styleMenuItem"){
      elem.style.zIndex = "";
    }
  }
}

document.onmouseover = setOn;
document.onmouseout = setOff;