/** This class handles rollover effects for the secondary navigation of the site
 */

/** Swaps the colors in the main navigation.
 *  @param navItemObj - A node object for a td tag containing a text link.
 */
function secondaryNavSwap (navItemObj) {
	navItemObj.style.background = "#e0e0e0";
	navItemObj.style.color = "#ff6600";
	var aNodes = navItemObj.getElementsByTagName("a");
	for (var i = 0; i < aNodes.length; i++) {
		aNodes[i].style.color = "#ff6600";
	}

	var imgNodes = navItemObj.getElementsByTagName("img");
	for (var i = 0; i < imgNodes.length; i++) {
		imgNodes[i].src = '/images/triangularBulletPoint_over.png';
	}
}

/** Swaps the colors in the main navigation back to their default.
 *  @param navItemObj - A node object for a td tag containing a text link.
 */		
function secondaryNavSwapBack (navItemObj){
	navItemObj.style.background = "#ffffff";
	navItemObj.style.color = "#ff6600";
	var aNodes = navItemObj.getElementsByTagName("a");
	for (var i = 0; i < aNodes.length; i++) {
		aNodes[i].style.color = "#ff6600";
	}

	var imgNodes = navItemObj.getElementsByTagName("img");
	for (var i = 0; i < imgNodes.length; i++) {
		imgNodes[i].src = '/images/triangularBulletPoint.png';
	}
}


// Preload the arrow for the mouseover.
var secondaryArrowImg = new Image();
secondaryArrowImg.src = '/images/triangularBulletPoint_over.png';