<!--

var W3CDOM = (document.createElement && document.getElementsByTagName);
var onClicks = new Array();
var select = 1;
var name2 = "";
var temp = 0;
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++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		imgs[i].onclick = mouseGoesClick;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		onClicks[i] = new Image;
	onClicks[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "-over" + suffix;
		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;
		
	}
	imgs[1].src = mouseOvers[imgs[1].number].src;
}

function mouseGoesOver()
{
if (document.images && select != this.number){
 	this.src = mouseOvers[this.number].src;
 	}
}

function mouseGoesOut()
{
if (document.images && select != this.number) {
	this.src = mouseOuts[this.number].src;
	}
}


function mouseGoesClick()
{	

	if (document.images)
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].src = mouseOuts[imgs[i].number].src;
  }
    this.src = onClicks[this.number].src;
	
		temp = select;
		select = this.number;
}


// -->