var section_color=0;

function imageReplaceMenus()
{
	var menu = document.getElementById('navigation_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 border=\"0\" src=\"/extension/hotharleynights/design/hotharleynights/images/navigation/" + text +  "_" + mode + ".gif\" alt=\"" + href.innerHTML + "\">";
	}
}

function enableMenuImageRollovers(id)
{
	var container = document.getElementById(id);
	if (!container)
	{
	    return;
    }
	var imgs = container.getElementsByTagName('img');
	for(i=0; i < imgs.length; i++)
	{
		var img=imgs[i];
		var txt=img.src;
		if(img.parentNode.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 bindBehaviors()
{
  imageReplaceMenus();
  enableMenuImageRollovers('navigation_menu');
}

window.onload=bindBehaviors;