//*************ROLLOVER SCRIPT
//example of using script:
// <a href="about/about.htm" onmouseover="showIt('about');" onmouseout="hideIt('about');" onclick="markIt('about');" target="main"><img src="images/menu/aboutOFF.jpg" id="about" name="about" width="135" height="16" alt="" border="0" ></a><br>

var navTrack = "empty";

function findi(id, imgType) {
  idLower=id.toLowerCase();
  
  if(imgType == "on") {
    for(i=0;i<onImg.length;i++) {
      onImgSrcLower = onImg[i].src.toLowerCase();      
      if(onImgSrcLower.indexOf(idLower)>-1) {
        return i;
        break;
      }
    }
  } else {
    for(i=0;i<offImg.length;i++) {
      offImgSrcLower = offImg[i].src.toLowerCase();    
      if(offImgSrcLower.indexOf(idLower)>-1) {
        return i;
        break;
      }
    }
  }
}

function showIt(id,src) {
  if(src) {
    if(document.getElementById) {    
      document.getElementById(id).src = src;
    } else if(document.all) {
      concatLink = eval("document.all." + id);
      concatLink.src = src;
    } else if(document.layers) {
      concatLink = eval("document." + id);
      concatLink.src = src;
    }
  } else {
    if(id != navTrack || document.forms[0].pageID.value == id) {
      if(document.getElementById) {    
        document.getElementById(id).src = onImg[findi(id,"on")].src;
      } else if(document.all) {
        concatLink = eval("document.all." + id);
        concatLink.src = onImg[findi(id,"on")].src;
      } else if(document.layers) {
        concatLink = eval("document." + id);
        concatLink.src = onImg[findi(id,"on")].src;
      }
    }
  }
}

function hideIt(id,src) {
  if(src) {
    if(document.getElementById) {    
      document.getElementById(id).src = src;
    } else if(document.all) {
      concatLink = eval("document.all." + id);
      concatLink.src = src;
    } else if(document.layers) {
      concatLink = eval("document." + id);
      concatLink.src = src;
    }
  } else {
    if(id != navTrack && document.forms[0].pageID.value != id) {
      if(document.getElementById) {    
        document.getElementById(id).src = offImg[findi(id,"off")].src;
      } else if(document.all) {
        concatLink = eval("document.all." + id);
        concatLink.src = offImg[findi(id,"off")].src;
      } else if(document.layers) {
        concatLink = eval("document." + id);
        concatLink.src = offImg[findi(id,"off")].src;
      }
    }
  }
}



//loading main menu items
function loadImages() {
  onImg = new Array();  
  onImg[onImg.length]=new Image();
  onImg[onImg.length-1].src="images/buttons/demos_on.gif";	
  onImg[onImg.length]=new Image();
  onImg[onImg.length-1].src="images/buttons/profile_on.gif";	
  onImg[onImg.length]=new Image();
  onImg[onImg.length-1].src="images/buttons/workshop_on.gif";	
  onImg[onImg.length]=new Image();
  onImg[onImg.length-1].src="images/buttons/credits_on.gif";	
  onImg[onImg.length]=new Image();
  onImg[onImg.length-1].src="images/buttons/contactme_on.gif";	
  
  offImg = new Array();  
  offImg[offImg.length]=new Image();
  offImg[offImg.length-1].src="images/buttons/demos.gif";	
  offImg[offImg.length]=new Image();
  offImg[offImg.length-1].src="images/buttons/profile.gif";	
  offImg[offImg.length]=new Image();
  offImg[offImg.length-1].src="images/buttons/workshop.gif";	
  offImg[offImg.length]=new Image();
  offImg[offImg.length-1].src="images/buttons/credits.gif";	
  offImg[offImg.length]=new Image();
  offImg[offImg.length-1].src="images/buttons/contactme.gif";	
 

}

loadImages();