// JavaScript Document
var baseURL = "NtgSite";
var targetObj, linksObj, imagePath , linkColor, curPage;
/**
* target - the button mouseover
* links - the div to appear under the target
* image - the background image to use
*/
function setSelected(target, links, image, color) {
	// set the selected
	targetObj = target;
	linksObj = links;
	imagePath = image;
	linkColor = color;
	// align the div
	alignSub(target,links);
	// make the links visible
	document.getElementById(links).style.visibility = 'visible'; 
	// change the parent background and text
	document.getElementById(target).style.backgroundImage = image;
	document.getElementById(target+"_link").style.color = '#ffffff'; 
	
	// set the mouseout on links	
	document.getElementById(target).onmouseout = resetSelected;
	document.getElementById(links).onmouseout = resetSelected;
}

function resetSelected() {
	document.getElementById(linksObj).style.visibility = 'hidden'; 
	//alert("curPage: "+curPage+" "+" targetObj: "+targetObj);
	if(curPage != targetObj){
		document.getElementById(targetObj).style.backgroundImage = '';
		document.getElementById(targetObj+"_link").style.color = linkColor; 
	}
}

function alignSub(target, links) {		
	var pos = Position.get(document.getElementById(target));
	Position.set(document.getElementById(links), pos);
}


// Sets the arrow and deactivates the link in the navigation
function setPage(target, parent, image) {
	curPage = parent;
	document.getElementById(target).style.listStyleImage = "url(/"+baseURL+"/images/mainNav_arrow.gif)";
	document.getElementById(target).style.listStyleType = "circle";	
	document.getElementById(parent).style.backgroundImage = "url(../images/"+image+")";
	
	document.getElementById(parent+"_link").style.color = '#ffffff'; 
}

// De-activates the link in the sub nav
function setSub(target) {
	document.getElementById(target).style.color = '#000';
}

function setPageLink(target) {
	document.getElementById(target).style.color = '#e8941a';
}