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

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
	  if(imgs[i].src.lastIndexOf('_over') == -1){
	    imgs[i].onmouseover = mouseGoesOver;
  		imgs[i].onmouseout = mouseGoesOut;
  		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
  		mouseOuts[i] = new Image();
  		mouseOuts[i].src = imgs[i].src;
  		mouseOvers[i] = new Image();
  		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_over" + suffix;
  		imgs[i].number = i;
	  }
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}

function divMouseOver(aDiv){
  if(aDiv.className.lastIndexOf('_over') == -1){
    aDiv.className = aDiv.className + "_over"; 
  }
}

function divMouseOut(aDiv){
  var lNum = aDiv.className.lastIndexOf('_over');
  if(lNum != -1){
    aDiv.className = aDiv.className.substring(0, lNum);
  }
}

function mouseOver(aImg){
  if(aImg.src.lastIndexOf('_over') == -1){
    var suffix = aImg.src.substring(aImg.src.lastIndexOf('.'));
    aImg.src = aImg.src.substring(0,aImg.src.lastIndexOf('.')) + "_over" + suffix;
  }
}

function mouseOut(aImg){
  var lNum = aImg.src.lastIndexOf('_over');
  if(lNum != -1){
    var suffix = aImg.src.substring(aImg.src.lastIndexOf('.'));
    aImg.src = aImg.src.substring(0,lNum) + suffix;
  }
}