function ImageGroup()
{
	this._images = new Array()
	
	this.add = function(id, src)
	{
		var oImage = new Image();
		oImage.src = src;
		this._images[id] = oImage;
	};

	this.getById = function(id)
	{
		return this._images[id];
	};
}

var PreloadImageGroup = new ImageGroup();

var Current = null;

//Set up Menu Items
var arrayMenuItems = new Array();
var arrayMenuItemHREF = new Array();
arrayMenuItems.push("welcome");
arrayMenuItemHREF.push("default.htm");
//arrayMenuItems.push("events");
//arrayMenuItemHREF.push("events.htm");
arrayMenuItems.push("biography");
arrayMenuItemHREF.push("biography.htm");
arrayMenuItems.push("music");
arrayMenuItemHREF.push("music.htm");
arrayMenuItems.push("gallery");
arrayMenuItemHREF.push("gallery.htm");
arrayMenuItems.push("spacer");
arrayMenuItemHREF.push("");
arrayMenuItems.push("contact");
arrayMenuItemHREF.push("contact.htm");


function PreLoadImages()
{
	for(var i=0; i<arrayMenuItems.length; i++)
	{
		var sName = arrayMenuItems[i];
		if(sName!="spacer")
		{
			PreloadImageGroup.add(sName + '_i', '_images/menu_' + sName + '_i.gif');
			PreloadImageGroup.add(sName + '_a', '_images/menu_' + sName + '_a.gif');
		}
	}
}

function Menu_MouseOver(sName)
{
	var oReplace = PreloadImageGroup.getById(sName + "_a");
	var oImg = document.getElementById("menu_" + sName);
	if(oReplace!=null && oImg!=null)
	{
		oImg.src = oReplace.src;
	}
}

function Menu_MouseOut(sName)
{
	var oReplace = PreloadImageGroup.getById(sName + "_i");
	var oImg = document.getElementById("menu_" + sName);
	if(oReplace!=null && oImg!=null)
	{
		oImg.src = oReplace.src;
	}
}

function LoadMenu(sCurrent)
{
	Current = sCurrent; 
	PreLoadImages();
	
	oTR = document.getElementById("MenuTableRow");
	if(oTR!=null)
	{
		var oTD = document.getElementById("MenuTableCell");
		oTR.removeChild(oTD);

		for(var i=0; i<arrayMenuItems.length; i++)
		{
			var sName = arrayMenuItems[i];
			var sURL = arrayMenuItemHREF[i];
			
			var oTD = document.createElement("td");
			oTR.appendChild(oTD);
			oTD.id = sName;
			oTD.className = "MenuTableCell";

			if(sName!="spacer")
			{
				var oHref = document.createElement("a");
				oTD.appendChild(oHref);
				oHref.id = "link_" + sName;
				oHref.href = sURL;
				var oImg = document.createElement("img");
				oHref.appendChild(oImg);
				oImg.id = "menu_" + sName;
				
				if(sName==Current)
				{
					oImg.src = PreloadImageGroup.getById(sName + "_a").src;
				}
				else
				{
					oTD.onmouseover = function ()
					{
						Menu_MouseOver(this.id);
					}
					oTD.onmouseout = function ()
					{
						Menu_MouseOut(this.id);
					}

					oImg.src = PreloadImageGroup.getById(sName + "_i").src;
				}
			}
			else
			{
				oTD.className = "MenuTableSpacerCell";
				oTD.innerHTML = "&nbsp;";
			}
			
			
			oTD = null;
		}		
	}
}
