/*
	Menu Definitions...
*/
var rayMenuItems = new Array(
	{ 'id':'home', 'label':'Home', 'href':'index.php', 'is_home':true },
	{ 'id':'who_we_serve', 'label':'Who We Serve', 'href':'whoWeServe.php' },
	{ 'id':'who_we_help', 'label':'What We Help', 'href':'whoWeHelp.php' },
	{ 'id':'what_we_do', 'label':'What We Do', 'href':'whatWeDo.php' },
	{ 'id':'what_others_say', 'label':'What Others Say', 'href':'whatWeAchieve.php' },
	{ 'id':'who_we_are', 'label':'Who We Are', 'href':'whoWeAre.php' },
	{ 'id':'wellness_y_prev', 'label':'Wellness & Prevention', 'href':'wellness.php' },
	{ 'id':'contact', 'label':'Contact', 'href':'contact.php' }
	);

function renderMenu(strInCurrentPage)
{	
	strMenuOutput = "<table border=0 cellspacing=0 cellpadding=0><tr>";
	
	for (i=0; i < rayMenuItems.length; i++)
	{	
		rayItemProps = rayMenuItems[i];
		objMenuItem = new imgMenuItem(rayItemProps);
		
		/*
			Check if item should be selected.
			
			Either current page will match "href", or if "is_home" there will be no current page.
		*/
		objMenuItem.selected = (strInCurrentPage.indexOf(rayItemProps['href']) >= 0);
		if (!objMenuItem.selected && rayItemProps['is_home'] && !strInCurrentPage)
		{	objMenuItem.selected = true; }
		
		
		strMenuOutput += objMenuItem.render();
	}
	
	return strMenuOutput + "</tr></table>";
}








/*
	Menu Item actions...
*/
function clickMenuItem(objInImg)
{	
	if (objInImg && (typeof(objInImg.id) != 'undefined'))
	{
		objClickMenuItem = rayMenuItemsByID[objInImg.id];
		if (!objClickMenuItem.selected)
		{	
			clearMenuItemSelections();
			objClickMenuItem.selected = true;
			objInImg.src = objClickMenuItem.imgSel.src;
			objInImg.style.cursor = 'default';
			
			
			/* debug alert(objClickMenuItem.href); */
			if (objClickMenuItem.href) document.location = objClickMenuItem.href;
		}
	}
}

function hoverMenuItem(objInImg)
{	
	if (objInImg && (typeof(objInImg.id) != 'undefined'))
	{
		objHoverMenuItem = rayMenuItemsByID[objInImg.id];
		if (!objHoverMenuItem.selected)
		{	
			objInImg.src = objHoverMenuItem.imgHov.src;
		}
	}
}

function exitMenuItem(objInImg)
{	
	if (objInImg && (typeof(objInImg.id) != 'undefined'))
	{
		objExitMenuItem = rayMenuItemsByID[objInImg.id];
		if (!objExitMenuItem.selected)
		{	
			objInImg.src = objExitMenuItem.imgOff.src;
		}
	}
}

function clearMenuItemSelections()
{	
	for (k in rayMenuItemsByID)
	{	
		objLoopMenuItem = rayMenuItemsByID[k];
		objLoopMenuItem.selected = false;
		
		objMenuItemImg = document.getElementById(objLoopMenuItem.id);
		exitMenuItem(objMenuItemImg);
	}
}



/*
	Define Image Menu Item object...
*/
rayMenuItemsByID = new Array();

function imgMenuItem(rayInProps)
{	
	this.id = rayInProps['id'];
	this.label = rayInProps['label'];
	this.href = rayInProps['href'];
	this.selected = rayInProps['selected'];
	
	this.imgOff = new Image();
		this.imgOff.src = 'images/menu_'+this.id+'_off.gif';
	this.imgHov = new Image();
		this.imgHov.src = 'images/menu_'+this.id+'_on.gif';
	this.imgSel = new Image();
		this.imgSel.src = 'images/menu_'+this.id+'_on.gif';
	
	rayMenuItemsByID[this.id] = this;
}
imgMenuItem.prototype.render = function()
{	
	strImgSrc = this.imgOff.src;
	if (this.selected) strImgSrc = this.imgSel.src;
	
	return "<td valign='top' style='padding-left:17px;'>"+
		"<img id='"+this.id+"' src='"+strImgSrc+"' border=0"+
		" onmouseover=\"this.style.cursor='pointer';hoverMenuItem(this)\""+
		" onmouseout=\"this.style.cursor='default';exitMenuItem(this)\""+
		" onclick='clickMenuItem(this)'"+
		" alt='"+this.label+"'>"+
		"<"+"/td>";
}