//DROP-DOWN MENU CODE
//=================== 
//Last Update: 9-26-05 Adam Bowling

/* ==[HTML EXAMPLES]==

Used in a layout that has relative CSS positioning. (Texas Calculatem is Example) This code should be placed 
wherever it is deemed neccessary in the HTML layout. The code below contains the main menu layout and link elements.

		<div id="main_menu" align="left">
			<ul id="main_menu_btns">
				<li><div align="center"><a id="home_btn" href="../index.html">Home</a></div></li>
				<li ><a id="getcalc_btn" href="#" onMouseOver="javascript:showMenu('getcalc_submenu');" onMouseOut="javascript:hideMenu('getcalc_submenu');">Get Calculatem</a></li>
				<li ><a id="aboutcalc_btn" href="#" onMouseOver="javascript:showMenu('aboutcalc_submenu');" onMouseOut="javascript:hideMenu('aboutcalc_submenu');">About Calculatem</a></li>
				<li ><a id="holdembasic_btn" href="#" onMouseOver="javascript:showMenu('holdembasics_submenu');" onMouseOut="javascript:hideMenu('holdembasics_submenu');">Holdem Basics</a></li>
				<li ><a id="contact_btn" href="../contact.html">Contact Us</a></li>
				<li ><a id="affiliate_btn" href="#" onMouseOver="javascript:showMenu('affiliates_submenu');" onMouseOut="javascript:hideMenu('affiliates_submenu');">Affiliates</a></li>
			</ul>
		</div>
		
The HTML code and <script> needs to be placed at the bottom of the HTML page in order to ensure that the 
menus will be visible on top of the underlying page content. These are the individual menu items and links contained within them.

	<div id="getcalc_submenu" onMouseOver="javascript:cancelHideMenu();">
		<div id="getcalc_contents">
			<a id="lnk_getfree" href="http://www.calculatem.com/casino_new/casino_partners.html" onMouseOver="javascript:cancelHideMenu('lnk_getfree');" onMouseOut="javascript:hideMenu('getcalc_submenu','lnk_getfree');">Get Calculatem FREE</a>
			<a id="lnk_buy" href="https://secure.calculatem.com/register.html" onMouseOver="javascript:cancelHideMenu('lnk_buy');" onMouseOut="javascript:hideMenu('getcalc_submenu','lnk_buy');">Buy Calculatem $49.95/yr</a>
			<a id="lnk_download" href="http://www.calculatem.com/download/100001/TexasCalcSetup.exe" onMouseOver="javascript:cancelHideMenu('lnk_download');" onMouseOut="javascript:hideMenu('getcalc_submenu','lnk_download');">Download Latest Version</a>
		</div>
	</div>
	<div id="aboutcalc_submenu" onMouseOver="javascript:cancelHideMenu();">
		<div id="aboutcalc_contents">
			<a id="lnk_howto" href="user_manual.html" onMouseOver="javascript:cancelHideMenu('lnk_howto');" onMouseOut="javascript:hideMenu('aboutcalc_submenu','lnk_howto');">How to Use Texas Calculatem</a>
			<a id="lnk_screens" href="screenshots.html" onMouseOver="javascript:cancelHideMenu('lnk_screens');" onMouseOut="javascript:hideMenu('aboutcalc_submenu','lnk_screens');">Caclulatem Screenshots</a>
			<a id="lnk_faq" href="faq.html" onMouseOver="javascript:cancelHideMenu('lnk_faq');" onMouseOut="javascript:hideMenu('aboutcalc_submenu','lnk_faq');">Calculatem FAQs</a>
			<a id="lnk_rooms" href="autoread_rooms.html" onMouseOver="javascript:cancelHideMenu('lnk_rooms');" onMouseOut="javascript:hideMenu('aboutcalc_submenu','lnk_rooms');">Supported Poker Rooms</a>
			<a id="lnk_testimonials" href="testimonials.html" onMouseOver="javascript:cancelHideMenu('lnk_testimonials');" onMouseOut="javascript:hideMenu('aboutcalc_submenu','lnk_testimonials');">Testimonials</a>
		</div>
	</div>
	<div id="holdembasics_submenu" onMouseOver="javascript:cancelHideMenu();">
		<div id="holdembasics_contents">
			<a id="lnk_rules" href="pokerrules.html" onMouseOver="javascript:cancelHideMenu('lnk_rules');" onMouseOut="javascript:hideMenu('holdembasics_submenu','lnk_rules');">Texas Holdem Rules</a>
			<a id="lnk_dict" href="pokerdictionary.html" onMouseOver="javascript:cancelHideMenu('lnk_dict');" onMouseOut="javascript:hideMenu('holdembasics_submenu','lnk_dict');">Poker Dictionary</a>
			<a id="lnk_hands" href="pokerhands.html" onMouseOver="javascript:cancelHideMenu('lnk_hands');" onMouseOut="javascript:hideMenu('holdembasics_submenu','lnk_hands');">Poker Hands</a>						
		</div>
	</div>			
	<div id="affiliates_submenu" onMouseOver="javascript:cancelHideMenu();">
		<div id="affiliates_contents">			
		<a id="lnk_signup" href="affiliateprogram.html" onMouseOver="javascript:cancelHideMenu('lnk_signup');" onMouseOut="javascript:hideMenu('affiliates_submenu','lnk_signup');">Affiliate Sign Up</a>
		<a id="lnk_login" href="https://secure.calculatem.com/affiliates/index.html" onMouseOver="javascript:cancelHideMenu('lnk_login');" onMouseOut="javascript:hideMenu('affiliates_submenu','lnk_login');">Affiliate Log In</a>
		</div>
	</div>
	<script>setupMenus('main_menu','2|getcalc_submenu,3|aboutcalc_submenu,4|holdembasics_submenu,6|affiliates_submenu','home_btn,getcalc_btn,aboutcalc_btn,holdembasic_btn,contact_btn,affiliate_btn','lnk_getfree,lnk_buy,lnk_download,lnk_howto,lnk_screens,lnk_faq,lnk_rooms,lnk_testimonials,lnk_rules,lnk_dict,lnk_hands,lnk_signup,lnk_login');</script>

NOTE: Modifications to MENU.CSS may be neccessary when porting the menu system to other sites.

*/


//Common Vars
var delayTimeOut = 0;
var tmpMenuName = '';
var arrMenuLabels = '';
var arrMenuItems = '';
var arrMenuLinks = '';
var leftMarginOffset = 30;
var menuWidth = 100;
var menuSpacer =5;
var menuTop = 100;
var menuItemsOffsetLeft = 10;
var menuItemsOffsetTop = 4;

//universal Menu Label Properties
var defaultLabelFont = 'Arial,Helvetica,sas-serif';
var defaultLabelFontSize = 11;
var defaultLabelFontColor = '#000';
var defaultLabelHoverColor = '#fece3d';
var defaultLabelWeight = 'bold';
var defaultLabelWidth = 80;
var defaultLabelHeight = 15;
var defaultLabelBorderColor = '#fece3d';
var defaultLabelBGColor = '#fece3d';
var unerlineLabels = false; 
var showBorder = true;

//universal Menu Item Properties
var defaultMenuFont = defaultLabelFont;
var defaultMenuFontSize = defaultLabelFontSize;
var defaultMenuFontColor = defaultLabelFontColor;
var defaultMenuHoverColor = defaultLabelHoverColor;
var defaultMenuWeight = defaultLabelWeight;
var defaultMenuHeight = 200;
var unerlineMenuItems = false;
var defaultMenuBGColor = '#fece3d';
var defaultMenuSepColor = '#CCCCCC';
var defaultMenuBorderColor = '#000000';
var defaultMenuWidth = 190;
var defaultMenuPadding = 0;

//universal Link Properties
var defaultLinkWidth = defaultMenuWidth;
var defaultLinkPadding = 0;
var defaultLinkHeight = 20;
var defaultLinkHoverColor = '#770000';
var defaultLinkFontColor = '#333333';
var defaultLinkWeight = defaultLabelWeight;
var defaultLinkLeftOffset = 10;

function setupMenus(mainMenuContainer,menuItems,menuLabels,menuLinks){
	
		var noPx = document.childNodes ? 'px' : 0;
		var labelNode = '';
		var menuNode = '';
		var linkContNode ='';
		var linkNode = '';
		var intLeftMargin=getMainLeftMargin(mainMenuContainer); 
		var currentLeft = menuSpacer;
		
		arrMenuLabels = menuLabels.split(',');
		
		for(i=0;i<arrMenuLabels.length;i++){
			labelNode = document.getElementById(arrMenuLabels[i]);
			labelNode.style.position = 'relative';
			labelNode.style.color = defaultLabelFontColor;
			labelNode.style.fontFamily = defaultLabelFont;
			labelNode.style.fontSize = defaultLabelFontSize + noPx;
			labelNode.style.fontWeight = defaultLabelWeight;
			labelNode.style.height = defaultLabelHeight + noPx;
			labelNode.style.width = defaultLabelWidth + noPx;
			labelNode.style.left = currentLeft + noPx;

			
			if(showBorder == true){
				labelNode.style.borderRightColor = defaultLabelBorderColor;
				labelNode.style.borderRightWidth = 0 + noPx;
				labelNode.style.borderRightStyle = 'solid';
			}
			currentLeft = currentLeft + defaultLabelWidth + menuSpacer;
		}
		
		currentLeft = intLeftMargin;
		arrMenuItems =menuItems.split(',');
		
		for(i=0;i<arrMenuItems.length;i++){
			tmpMenuItem = '';
			tmpMenuItemArr = '';
			thisNode = '';
			tmpMenuItem = (arrMenuItems[i])
			tmpMenuItemArr = tmpMenuItem.split('|');	
			thisNode = tmpMenuItemArr[1]
			menuNode = document.getElementById(thisNode);
			menuNode.style.position = 'absolute';
			menuNode.style.color = defaultMenuFontColor;
			menuNode.style.fontFamily = defaultMenuFont;
			menuNode.style.fontSize = defaultMenuFontSize + noPx;
			menuNode.style.fontWeight = defaultMenuWeight;
			menuNode.style.width = defaultMenuWidth + noPx;
			menuNode.style.paddingLeft = defaultMenuPadding + noPx;
			menuNode.style.paddingTop = defaultMenuPadding + noPx;
			menuNode.style.paddingRight = defaultMenuPadding + noPx;
			menuNode.style.paddingBottom = defaultMenuPadding + noPx;
			menuNode.style.top = menuTop + menuItemsOffsetTop + noPx;
			menuNode.style.visibility = 'hidden';
			currentLeft = intLeftMargin + menuSpacer*(tmpMenuItemArr[0]);
			menuNode.style.left = (defaultLabelWidth*(tmpMenuItemArr[0]-1))+currentLeft + noPx;
			menuNode.style.display = 'block';
		}
		
		arrMenuLinks = menuLinks.split(',');
		for(i=0;i<arrMenuLinks.length;i++){
			linkNode = document.getElementById(arrMenuLinks[i]);
			linkNode.style.display = 'block';
			linkNode.style.width = defaultLinkWidth + noPx;
			linkNode.style.height = defaultLinkHeight + noPx;
			linkNode.style.backgroundColor = defaultMenuBGColor;
			linkNode.style.borderLeftStyle = 'solid';
			linkNode.style.borderLeftWidth = 1 + noPx;
			linkNode.style.borderLeftColor = defaultMenuBorderColor;
			linkNode.style.borderRightStyle = 'solid';
			linkNode.style.borderRightWidth = 1 + noPx;
			linkNode.style.borderRightColor = defaultMenuBorderColor;
			linkNode.style.borderTopStyle = 'solid';
			linkNode.style.borderTopWidth = 1 + noPx;
			linkNode.style.borderTopColor = defaultMenuBorderColor;
			linkNode.style.borderBottomColor = defaultMenuBorderColor;
			linkNode.style.borderBottomStyle = 'solid';
			linkNode.style.borderBottomWidth = 1 + noPx;				
			linkNode.style.paddingLeft = defaultLinkLeftOffset + noPx;
			linkNode.style.paddingTop = defaultLinkPadding + 2 + noPx;
			linkNode.style.paddingRight = defaultLinkPadding + noPx;
			linkNode.style.paddingBottom = defaultLinkPadding + noPx;
			linkNode.style.color = defaultLinkFontColor;
			linkNode.style.fontWeight = defaultLinkWeight;
			linkNode.style.lineHeight = defaultLinkHeight - 1 + noPx;		
		}
}

function showMenu(newMenuName){
	tempMenuNode = '';
	for(i=0;i<arrMenuItems.length;i++){
		tmpMenuItem = '';
		tmpMenuItemArr = '';
		thisNode = '';
		tmpMenuItem = (arrMenuItems[i])
		tmpMenuItemArr = tmpMenuItem.split('|');
		thisNode = tmpMenuItemArr[1]		
		tempMenuNode = document.getElementById(thisNode);
		if(tempMenuNode.style.visibility != 'hidden' && thisNode != newMenuName){
			tempMenuNode.style.visibility = 'hidden';
		}else if(thisNode == newMenuName){
			tempMenuNode.style.visibility = 'visible';
		}
	}
}

function getMainLeftMargin(mainMenuContainer){
		var changeNode = document.getElementById(mainMenuContainer);
		var initLeftMargin = 0;
		
		while(changeNode && changeNode.tagName){
			initLeftMargin+=changeNode.offsetLeft;
			changeNode=changeNode.offsetParent;
		}	
		
		return initLeftMargin;
}

function hideMenu(menuNode,linkNode){
	tmpMenuName = menuNode;
	delayTimeOut = setTimeout("removeMenu();",200);
	tmpNode = document.getElementById(linkNode);
	//tmpNode.style.color = defaultLinkFontColor;
}

function removeMenu(){
	menuNode = tmpMenuName;
	var tmpNode = document.getElementById(menuNode);
	tmpNode.style.visibility = 'hidden';	
}


function cancelHideMenu(linkNode){
	if (typeof delayTimeOut!="undefined"){
		clearTimeout(delayTimeOut);
	}
	tmpNode = document.getElementById(linkNode);
	tmpNode.style.color = defaultLinkHoverColor;
	tmpNode.style.textDecoration = 'none';
}