function bindBehaviors()
{
	imageReplaceMenus();

	enableMenuImageRollovers();
}


function imageReplaceMenus()
{
	var menu = document.getElementById('main_menu');

	var hrefs = menu.getElementsByTagName('a');

	for(i=0; i < hrefs.length; i++)
	{
		var href = hrefs[i];
		var text = href.innerHTML.toLowerCase().replace(/\W/g,'');
		var mode = 'off';
		if(href.parentNode.className.indexOf("selected") > -1)
		{
			mode='on';
		}
		href.innerHTML="<img class=\"rollover\" border=\"0\" src=\"/design/plain/images/" + text +  "_" + mode + ".gif\" alt=\"" + href.innerHTML + "\">";
	}
}

function enableMenuImageRollovers()
{
	var menu = document.getElementById('main_menu');
	//var imgs = menu.getElementsByTagName('img');
	var imgs = getElementsByTagAndClassName('img', 'rollover');
	for(i=0; i < imgs.length; i++)
	{
		var img=imgs[i];
		var txt=img.src;
		if(img.parentNode.className.indexOf("selected") < 0)
		{
			var imgOn = new Image();
			var imgOff = new Image();
			imgOn.src=img.src.replace("_off","_on");
			imgOff.src=img.src.replace("_on","_off");
			
			img.imgOn = imgOn;
			img.imgOff = imgOff;
			
			img.onmouseover=function() {
			this.src=this.imgOn.src;
			}
			img.onmouseout=function() {
			this.src=this.imgOff.src;
			}
		}
	}

}


function getElementsByTagAndClassName(tagName, className)
{
var items = new Array();
var elems = document.getElementsByTagName(tagName);
for(var i = 0; i < elems.length; i++)
{
var elem = elems[i];
var classNames = elem.className.split(" ");
for (var j = 0; j < classNames.length; j++)
{
if(classNames[j] == className)
{
items.push(elem);
}
}
}
return items;
}

window.onload=bindBehaviors;