activeMenu = null;			//Active Tabbed Menu

//##################################
//## Switch The CLass For An Object
function swapClass(obj, className)
{
		obj.className = className;
}

//#####################
//## Hide The Sidebar
function hideSideBar(objName)
{
		obj = document.getElementById(objName).style;
		
		if (obj.display != "none" || obj.display=="")
			obj.display='none';
		else
			obj.display='block';
}

//###############################
//## Swap An Image Of An Object
function swapImage(obj, imageName)
{
	obj.src = imageName;
}

//#########################################
//## Write SubMenu When A Tab Was Clicked
function writeSubMenu(menus)
{
	if (menus != null)
	{
		numLoops=menus.length-1;
		newCode = "<table class='submenutable' align='left'><tr>";
		
		for (i=1; i<= numLoops; i++)
		{
			newCode += "<td class='submenu'><a href='" + menus[i][1] + "' class='subLink'" +
				 "onmouseover=\"subMenuHover(this, 'subLinkHover')\" onmouseout=\"subMenuHover(this, 'subLink')\" onmousedown=\"subMenuClick(this, 'subLinkActive')\" target='content'>"
				 + menus[i][0] + "</a></td>";
		}
	
		newCode += "</tr></table>";
		selectedName = menus[0];
	}
	else
	{
		newCode = "";
		selectedName = "";
	}
	
		document.getElementById ('subMenu').innerHTML = newCode;
		document.getElementById ('selectedmenu').innerHTML = selectedName;
}

//#########################
//## Menu Tab Was Clicked
function menuClick(obj, className, index)
{
	writeSubMenu(menus[index]);
	
	if (activeMenu != null)
	{
		tempClass = activeMenu.className;
		tempClass = tempClass.replace("active", "");
		swapClass(activeMenu, tempClass);
	}
		
	swapClass(obj, className);
	activeMenu = obj;

}

//#########################
//## Menu Was MouseOvered
function menuHover(obj, className)
{
	if (activeMenu != obj)
		swapClass(obj, className);
}

//#########################
//## Sub Menu Was Clicked
function subMenuClick(obj, className)
{
	numLoops = document.links.length;
	for (i=0; i < numLoops; i++) 
	{
		if (document.links[i].className == "subLinkActive")
			document.links[i].className = "sublink";
	}

	swapClass(obj, className);
}

//#############################
//## SubMenu Was Hovered Over
function subMenuHover(obj, className)
{
	if (obj.className != 'subLinkActive')
		swapClass(obj, className);
}

//####################
//## Preload Images

function preload (imageName)
{
	img = new Image();
	
	img.src = imageName;
}
