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

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

window.onload = init;

/*########## BEGIN MouseOver Images ##########*/
function init()
{
/*##### Check For Browser Compatibility #####*/
	var W3CDOM = (document.createElement && document.getElementsByTagName);
	if (!W3CDOM) return;

/*##### MouseOver Images #####*/
	var nav = document.getElementById('mouseovers');

/*only do image replacement if there ARE images to be replaced*/
	if (nav)
	{
		var imgs = nav.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('.'));
			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;
		}
	}

/*##### Text With Image Replacement #####*/

/*determine if browser is capable of displaying images*/
	var test = new Image();
	var tmp = new Date();
	var suffix = tmp.getTime();
	test.src = 'images/text/title.png?'+suffix;

/*if image loads, then replace specified text with images*/
	test.onload = imageReplacement;
}

/*########## BEGIN MouseOver Images ##########*/
function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}
/*########## END MouseOver Images ##########*/

/*########## BEGIN Replace Text With Image ##########*/

function imageReplacement()
{
	replaceThem(document.getElementsByTagName('h1'));
}

function replaceThem(x)
{
	var replace = document.createElement('img');
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id)
		{
			var y = replace.cloneNode(true);
			y.src = 'images/text/' + x[i].id + '.png';
			y.alt = x[i].firstChild.nodeValue;
			x[i].replaceChild(y,x[i].firstChild);
		}
	}
}

/*########## END Replace Text With Image ##########*/