// mouseovers on leftnav

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

//window.onload = init;
if (isJsEnabled()) {
  addLoadEvent(init);
}

function init()
{
	// top level rollovers
	
	var buttons = new Array("nav-home","nav-aboutus","nav-menus","nav-functions","nav-mugshots","nav-whatson","nav-products","nav-sponsor","nav-contactus");
	
	for (var i=0; i<buttons.length; i++)
	{
	if (document.getElementById(buttons[i]))
	    {
	    document.getElementById(buttons[i]).firstChild.onmouseover = rollover;
	    document.getElementById(buttons[i]).firstChild.onmouseout = rolloff;
	    } 
	}
	
// second level image rollovers
	if (document.getElementById('navigation'))
	{
	
	var target = document.getElementById('navigation');
	var imgs = target.getElementsByTagName('img');
		    
            for (var i=0; i<imgs.length; i++)
		    {
		        if (imgs[i].className != "on")
		        {
			    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('.')) + "_omo" + suffix;
		        imgs[i].number = i;
		        }
			}
    }
}	


function rollover() {
    this.className +="on";
}

function rolloff() {
    this.className = this.className.substring(0,this.className.length - 2);
}

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

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