// ##################################################################################
function NavBarMOver(i) 
{
	if (document.images) {
		document.images['NavBarImg-' + i].src = this.NavBarImgOver[i -1].src;
	}
}
// ----------------------------------------------------------------------------------
function NavBarMOut(i) 
{
	if (document.images) {
		document.images['NavBarImg-' + i].src = this.NavBarImgReg[i -1].src;
	}
}
// ----------------------------------------------------------------------------------
function NavBar( names, pos, path, type) 
{
	if (document.images) 
	{
		// Allocate navbar images
		this.NavBarImgOver = new Array(names.length); // over images
		this.NavBarImgReg = new Array(names.length); // regular images
	
		// load navvar images
		for (i = 0; i < names.length; i++)
		{
			var filename;
			this.NavBarImgOver[i]= new Image();
			this.NavBarImgReg[i]= new Image();
	
			fileName = path + names[i] + '_over.' + type;
			this.NavBarImgOver[i].src = fileName;
			// Set the source for the selected page
			if (i == pos) 
			{
				fileName = path + names[i] + '_on.' + type;
			}
			else
			{
				fileName = path + names[i] + '_off.' + type;
			}
			this.NavBarImgReg[i].src = fileName;
		}	
		this.MOver = NavBarMOver;
		this.MOut = NavBarMOut;
	}
}
// ##################################################################################