function showSubMenu($main, $sub) {
	//Create instances for main nav item and submenu
	var _menus = document.getElementById("menus");
	var _main = document.getElementById($main);
	var _sub = document.getElementById($sub);
	
	//Create position object to hold x and y values for main nav item
	var main_pos = getPosition(_main);
	
	//Create position object to hold x and y values for menus div
	var menus_pos = getPosition(_menus);
	
	//Set reference to submenu in main nav item
	_main.submenu = _sub;
	
	//Set reference to main nav item in submenu
	_sub.main = _main;
	
	//Set submenu properties
	_sub.style.display = "block";
	_sub.style.left = (main_pos.x - menus_pos.x) + "px";
	_sub.style.top = (main_pos.y + _main.offsetHeight - menus_pos.y) +"px";
	
	//Submenu event handlers
	_sub.onmousemove = new Function("handleSubMouseMove(this);");
	_sub.onmouseout = new Function("handleSubMouseOut(this);");
	
	//Main nav item event handlers
	_main.onmouseout = new Function("handleMainMouseOut(this);");
}


function handleSubMouseMove($event) {
	$event.style.display = "block";
	
	//Keep main nav item's link background in hover state
	var _a = $event.main.getElementsByTagName("a")[0];
	_a.className = "bg_active";
}

function handleSubMouseOut($event) {
	$event.style.display = "none";
	
	//Return main nav item's link background to previous position
	var _a = $event.main.getElementsByTagName("a")[0];
	_a.className = "bg_inactive";
}


function handleMainMouseOut($event) {
	//alert($event.id+", out.");
	$event.submenu.style.display = "none";
}


function getPosition($obj) {
	var curleft = curtop = 0;
	if ($obj.offsetParent) {
		curleft = $obj.offsetLeft;
		curtop = $obj.offsetTop;
		while ($obj = $obj.offsetParent) {
			curleft += $obj.offsetLeft;
			curtop += $obj.offsetTop;
		}
	}
	
	var o = new Object();
	o.x = curleft;
	o.y = curtop;
	return o;
}


/**
 * AddFunctionToOnLoad: Add a function to document.onLoad
 * @param	$f			Function
 */
function AddFunctionToOnLoad($f)
{
	if (window.addEventListener){
		window.addEventListener("load", $f, false);
		return true;
	} else if (window.attachEvent){
		var ol = window.attachEvent("onload", $f);
		return ol;
	} else {
		return
	}
}


/**
 * setActive - Set nav item to active state if determined to be active section...
 */
function setActive() {
	var _li = document.getElementById("main_"+getSectionName());
	
	if (_li != null) {
		var _a = _li.getElementsByTagName("a")[0];
		_a.className = "bg_active";
	}
}

AddFunctionToOnLoad(setActive);			

/**
 * getSectionName - Look for section name based on directory in URL
 * Section name should always be baked into the URL -- however, news is not.
 * If there none of the first 4 categories is in the URL, assume category is "news"
 */
function getSectionName() {
	var _url = window.location.href;
	var _title = document.getElementsByTagName("title")[0].innerHTML;
	
	//Hack to display news item as active
	if (_title.indexOf("News") != -1 || _title.indexOf("Mamola") != -1) {
		return "news";
	}
	
	//Hack to display athletes item as active
	if (_url.indexOf("athletes") != -1) {
		return "athletes"
	} else if (_url.indexOf("moto") != -1) {
		return "moto"
	} else if (_url.indexOf("clothing") != -1) {
		return "clothing"
	} else if (_url.indexOf("auto") != -1) {
		return "auto"
	} else  {
		return ""
	}
}