// globals

var subs = new Array ();	// submenu array
var subOpen = false;		// submenu flag
var subPos = "right";		// position of submenu ('top', 'right', 'bottom', or 'left')
var xOffset = 0;			// submenu position x offset
var yOffset = 0;			// submenu position y offset
var mPos;					// mouse position (x, y)
var mainX = 0;				// x position of current menu
var mainY = 0;				// y position of current menu
var subX = 0;				// x position of current submenu
var subY = 0;				// y position of current submenu
var mainWidth = 0;			// width of current menu
var mainHeight = 0;			// height of current menu
var subWidth = 0;			// width of current submenu
var subHeight = 0;			// height of current submenu
var timerID = 0;			// submenu timer
var tStarted = false;		// timer flag
var tDelay = 250;			// timer delay (in milliseconds)
var tCount = 0;				// timer incremental counter
var tTrigger = 2;			// number of tCounts before submenu closes

// procedures

document.onmousemove = mMove;
document.onmousedown = mDown;

// functions

function addSub (menuID) {
	for (i = 0; i < subs.length; i++) {
		if (subs[i] == menuID)
			return;
	}
	subs[subs.length] = menuID;
	var object = document.getElementById (menuID);
	if (object)
		object.style.display = "none";
}
function setSubPos (pos) {
	if (pos == "top" || pos == "right" || pos == "bottom" || pos == "left")
		subPos = pos;
}
function setOffset (x, y) {
	xOffset = x;
	yOffset = y;
}
function showSub (menuID, subID) {
	hideSubs ();
	var menu = document.getElementById(menuID);
	var submenu = document.getElementById(subID);
	if (menu && submenu) {
		submenu.style.display = "block";
		mainX = findX (menu);
		mainY = findY (menu);
		mainWidth = menu.clientWidth;
		mainHeight = menu.clientHeight;
		subWidth = submenu.clientWidth;
		subHeight = submenu.clientHeight;
		if (subPos == "top") {
			submenu.style.top = (mainY - subHeight) + yOffset;
			submenu.style.left = mainX + xOffset;
		}
		else if (subPos == "right") {
			submenu.style.top = mainY + yOffset;
			submenu.style.left = mainX + mainWidth + xOffset;
		}
		else if (subPos == "bottom") {
			submenu.style.top = mainY + mainHeight + yOffset;
			submenu.style.left = mainX + xOffset;
		}
		else {
			submenu.style.top = mainY + yOffset;
			submenu.style.left = (mainX - subWidth) + xOffset;
		}
		subX = findX (submenu);
		subY = findY (submenu);
		subOpen = true;
		timerStart ();
	}
}
function hideSubs () {
	for (i = 0; i < subs.length; i++)
		hideSub (subs[i]);
	subOpen = false;
	timerStop ();
}
function hideSub (menuID) {
	var object = document.getElementById(menuID);
	if (object)
		object.style.display = "none";
}
function mMove (ev) {
	ev = ev || window.event;
	mPos = mCoords (ev);
	if (subOpen) {
		if (inMain() || inSub()) {
			if (tStarted)
				timerStop ();
		}
		else if (!tStarted)
			timerStart ();
	}
	trackMouse (ev);
}
function mDown (ev) {
	if (subOpen && !inSub() && !inMain())
		hideSubs ();
}
function mCoords (ev) {
	if (ev.pageX || ev.pageY)
		return {x:ev.pageX, y:ev.pageY};
	else {
		return {
			x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
			y:ev.clientY + document.body.scrollTop  - document.body.clientTop
		};
	}
}
function findX (obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		while (obj = obj.offsetParent)
			curleft += obj.offsetLeft;
	}
	return curleft;
}
function findY (obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent)
			curtop += obj.offsetTop;
	}
	return curtop;
}
function inMain () {
	return (mPos.x >= mainX && mPos.y >= mainY && mPos.x <= (mainX + mainWidth) && mPos.y <= (mainY + mainHeight));
}
function inSub () {
	return (mPos.x >= subX && mPos.y >= subY && mPos.x <= (subX + subWidth) && mPos.y <= (subY + subHeight));
}
function timerStart () {
	tCount = 0;
	timerID = setTimeout ("timerUpdate()", tDelay);
	tStarted = true;
}
function timerStop () {
	if (timerID) {
		clearTimeout (timerID);
		timerID = 0;
	}
	tStarted = false;
}
function timerUpdate () {
	tCount ++;
	if (tCount == tTrigger)
		hideSubs ();
	else
		timerID = setTimeout ("timerUpdate()", tDelay);
}


/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine (modified by Steve Elgas, Arialink Broadband)
Visit http://www.dynamicdrive.com for the original version of this script
*/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix for ns4
var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

///////////////////////  CUSTOMIZE HERE   ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;	
// Be sure to set tipWidth wide enough for widest string
var tipWidth= 160;
var offX= 20;	// how far from mouse to show tip
var offY= 12; 
var tipFontFamily= "arial, helvetica, sans-serif";
var tipFontSize= "8pt";
var tipFontColor= "#000000";
var tipBgColor= "#DDECFF"; 
var tipBorderColor= "#000080";
var tipBorderWidth= 3;
var tipBorderStyle= "ridge";
var tipPadding= 4;

////////////////////  END OF CUSTOMIZATION AREA  ///////////////////

// these go in var tip in doTooltip function
// startStr goes before text, endStr goes after
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles for all but ns4. 
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = (ns4)? document.tipDiv: tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
}

/////////////////////////////////////////////////
//  doTooltip function
//			Assembles content for tooltip and writes 
//			it to tipDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,str) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	curBgColor = tipBgColor;
	curFontColor = tipFontColor;
	if (ns4) {
		var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + str + '</span>' + endStr + '</td></tr></table></td></tr></table>';
		tooltip.write(tip);
		tooltip.close();
	} else if (ie4||ie5||ns5) {
		var tip = startStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + str + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
		tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
	else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
	else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}