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

var mouseOvers = new Array();
var mouseOvers2 = new Array();
var mouseOuts = new Array();
var mouseOuts2 = new Array();
var imgs_orig = new Array();
var imgs_orig2 = new Array();



window.onload = init;

function init()
{
	if (!W3CDOM) return;
	
	var nav = document.getElementById('main_navigation');
	var imgs = nav.getElementsByTagName('img');
	var nav2 = document.getElementById('header');
	var imgs2 = nav2.getElementsByTagName('img');
	
	
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		imgs_orig[i] = new Image();
		imgs_orig[i] = imgs[i];
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		//alert(imgs[i].src.indexOf("_sel"));
		if(imgs[i].src.indexOf("_sel")==-1){
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_ro" + suffix;
		}else{
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + suffix;
		}
		imgs[i].number = i;
	}
	for (var i=0;i<imgs2.length;i++)
	{
		imgs2[i].onmouseover = mouseGoesOver2;
		imgs2[i].onmouseout = mouseGoesOut2;
		var suffix = imgs2[i].src.substring(imgs2[i].src.lastIndexOf('.'));
		imgs_orig2[i] = new Image();
		imgs_orig2[i] = imgs2[i];
		mouseOuts2[i] = new Image();
		mouseOuts2[i].src = imgs2[i].src;
		mouseOvers2[i] = new Image();
		mouseOvers2[i].src = imgs2[i].src.substring(0,imgs2[i].src.lastIndexOf('.')) + "_ro" + suffix;
		imgs2[i].number = i;
	}

	
	
	

}

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

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

function mouseGoesOver2()
{this.src = mouseOvers2[this.number].src;}

function mouseGoesOut2()
{this.src = mouseOuts2[this.number].src;}