//http://www.experts-exchange.com/Web/Q_20366196.html

//Check for DOM compliant browser.

var blnDOM

document.getElementById ? blnDOM = true:blnDOM = false;

//Check for Mac.

var strAgent
var blnMac

strAgent = navigator.userAgent
strAgent.indexOf('Mac') > 0 ? blnMac = true:blnMac = false;

//If not Mac and DOM compliant then we consider it DOM compliant for this script.

!blnMac && blnDOM ? blnDOM = true:blnDOM = false;	
	
//Show, hide, and color changing functions.
//Nav image swapping fuctions.

var activitiesTimeoutHandle
var askanastroTimeoutHandle
var observTimeoutHandle
var linkTimeoutHandle

//Section specific start timer functions.

function startActivitiesTimer(id)
{
	if(blnDOM)
		activitiesTimeoutHandle = setTimeout("menuHide('" + id + "','activities')",1);
}

function startAskanastroTimer(id)
{
	if(blnDOM)
		askanastroTimeoutHandle = setTimeout("menuHide('" + id + "','askanastro')",1);
}

function startObservTimer(id)
{
	if(blnDOM)
		observTimeoutHandle = setTimeout("menuHide('" + id + "','observ')",1);
}

function startLinkTimer(id)
{
	if(blnDOM)
		linkTimeoutHandle = setTimeout("menuHide('" + id + "','observ')",1);
}

//Section specific stop timeout functions.

function stopActivitiesTimer()
{
	if(blnDOM)
		clearTimeout(activitiesTimeoutHandle);
}

function stopAskanastroTimer()
{
	if(blnDOM)
		clearTimeout(askanastroTimeoutHandle);
}

function stopObservTimer()
{
	if(blnDOM)
		clearTimeout(observTimeoutHandle);
}

function stopLinkTimer()
{
	if(blnDOM)
		clearTimeout(linkTimeoutHandle);
}
// ===========================================================================
	
function menuShow(id, top, left, imgId, index)
{
	if(blnDOM)
	{
		imgSwapOn(imgId, index);
		document.getElementById(id).style.top = top + "px";
		document.getElementById(id).style.left = left + "px";
		document.getElementById(id).style.visibility = "visible";		
	}
}
	
function menuHide(id, imgId)
{
	if(blnDOM)
	{
		document.getElementById(id).style.visibility = "hidden";
		imgSwapOff(imgId);
	}	
}

function colorSwapOn(id,color)
{
	if(blnDOM)
	{
		id.style.color = color;
		id.style.fontWeight = 600;
	}
}

function colorSwapOffC(id, color)
{
	if(blnDOM)
	{
		id.style.color = color;
		id.style.fontWeight = 600;
	}
}
		
function colorSwapOff(id)
{
	if(blnDOM)
	{
		id.style.color = "#000000";
		id.style.fontWeight = 100;
	}
}

if(blnDOM)
{
   	var aryNavImages
   	var blnLoadFlag
             
   	aryNavImages = new Array()
             
   	aryNavImages[0]     = new Image(150,28)
   	aryNavImages[0].src = "./images/activities.gif"
   	aryNavImages[1]     = new Image(150,28)
   	aryNavImages[1].src = "./images/askanastro.gif"
   	aryNavImages[2]     = new Image(150,28)
   	aryNavImages[2].src = "./images/observ.gif"     
  	aryNavImages[3]     = new Image(150,28)
   	aryNavImages[3].src = "./images/links.gif"
   	blnLoadFlag = true
}

function imgSwapOn(imgId,index)
{
	if(blnDOM && blnLoadFlag)
		document.getElementById(imgId).setAttribute("src",aryNavImages[index].src)
}
    
function imgSwapOff(imgId)
{
	if(blnDOM && blnLoadFlag)
		document.getElementById(imgId).setAttribute("src","./images/" + imgId + ".gif")
}