var jsOn = (document.createElement && document.getElementsByTagName);

mainSelected=999;
subSelected=999;
var linx = new Array();
var imagesOn = new Array();
var imagesOff = new Array();
var aLocation = new Array();

var onID = "_on";
var offID = "_off";
//navBars Id's - must be unique container element with navigation pics only in it
var navBars = new Array("mainNav","subNav");

//global link counter
var linkCounter = 0;

window.onload = init;

function init()
{
	if (!jsOn) return;
  	
	// loop through all navBars
  for (var i=0;i<navBars.length;i++)
  {
     var navId = navBars[i];
     var navTmp = document.getElementById(navId);
     if(!navTmp)break;

     var tmpLinks = navTmp.getElementsByTagName('a');
	
     // loop through links --> img's in navbar
     for (var j=0;j<tmpLinks.length;j++)
	   {
	      // takes the first picture found!! otherwise looping necessary
	      var thisImage = tmpLinks[j].getElementsByTagName('img')[0];
	
	      if(!thisImage) continue;
	      if(thisImage.src.indexOf('_')< 0 && (thisImage.src.indexOf('off')<0 | thisImage.src.indexOf('on')<0 )) continue;


        linx[linkCounter] = tmpLinks[j];

        tmpLinks[j].name="nav"+linkCounter;
        tmpLinks[j].number=linkCounter;
	      thisImage.name="nav"+linkCounter;
        thisImage.id=""+navBars[i]+linkCounter;
        var imgSrc = thisImage.src;
	
        var tempName="";
        if(imgSrc.indexOf(onID)<0 )
        {
           imagesOff[linkCounter] = new Image();
           imagesOff[linkCounter].src = imgSrc;
		
           imagesOn[linkCounter] = new Image();
           tempName = imgSrc.replace(offID,onID);
	         imagesOn[linkCounter].src = tempName;
	
           linx[linkCounter].onmouseover = linx[linkCounter].onfocus = mouseOver;
           linx[linkCounter].onmouseout = linx[linkCounter].onblur = mouseOut;
           linx[linkCounter].number=linkCounter;

	         aLocation[linkCounter] = navBars[i];
           linkCounter++;
        }
        if(imgSrc.indexOf(offID)<0 )
        {

           imagesOff[linkCounter] = new Image();
		       tempName = imgSrc.replace(onID,offID);
           imagesOff[linkCounter].src = tempName;
		
           imagesOn[linkCounter] = new Image();
	         imagesOn[linkCounter].src = imgSrc;
	
           linx[linkCounter].onmouseover = linx[linkCounter].onfocus = mouseOver;
           linx[linkCounter].onmouseout = linx[linkCounter].onblur = mouseOut;
           linx[linkCounter].number=linkCounter;

           aLocation[linkCounter] = navBars[i];
	         if(navBars[i]=="mainNav")
	            mainSelected=linkCounter;
           else
              subSelected=linkCounter;
	         linkCounter++;
        }

     } //end of links loop
  } //end of navBar loop
}


function mouseOver()
{
   if(mainSelected!=this.number && subSelected!=this.number)
   {
      imageID= ""+aLocation[this.number]+this.number;
      if(document.getElementById(imageID).src.indexOf(onID)<0)
      {
         document.getElementById(imageID).src = imagesOn[this.number].src;
      }
   }
}

function mouseOut()
{
   if(mainSelected!=this.number && subSelected!=this.number)
   {
      imageID= ""+aLocation[this.number]+this.number;
      if(document.getElementById(imageID).src.indexOf(onID)>0)
      {
         document.getElementById(imageID).src = imagesOff[this.number].src;
      }
   }
}