var timeOut	= 1000;
var closeTimer	= 0;
var ddMenuItem	= 0;

var xmlFileLoc = "_xml/menuStructure.xml";
var xmlDoc = 0;
// menu functioning code
// open hidden layer
function menuOpen(id)
{	
	// cancel close timer
	cancelCloseTime();

	// close old layer
	if(ddMenuItem) ddMenuItem.style.visibility = 'hidden';

	// get new layer and show it
	ddMenuItem = document.getElementById(id);
	ddMenuItem.style.visibility = 'visible';
	//ddMenuItem.style.z-index = 100;

}
// close showed layer
function menuClose()
{
	if(ddMenuItem) ddMenuItem.style.visibility = 'hidden';
}

// go close timer
function menuCloseTime()
{
	closeTimer = window.setTimeout(menuClose, timeOut);
}

// cancel close timer
function cancelCloseTime()
{
	if(closeTimer)
	{
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}
// menu/xml integration (Currently not implemented in the index)
// text for top menu code
function buildTopMenu(){
	var retStr = "";
	retStr += "<table id='topMenuBase'><tr>";
	//********Begin repeating portion
	retStr += "<td>";
	//********Coded text portion
	retStr += "<a href='index.html' id='menuHomeID' class='menuHome' onmouseover='menuOpen('menuExtendedHome');' onmouseout='menuCloseTime()'></a>";
	retStr += "<div id='menuExtendedHome' class='extendedMenu'>";
	retStr += "<img class='ddMenuTab' src='_images/menuHomeHover.gif' />";
	retStr += "<br style='clear:both;' />";
	//********End Menu div
    retStr += "</div></td>";
	//********Full Section example
	retStr += "<td>";
	retStr += "<a href='index.html' id='menuAboutID' class='menuAbout' onmouseover='menuOpen('menuExtendedAbout');' onmouseout='menuCloseTime()'></a>";
	retStr += "<div id='menuExtendedAbout' class='extendedMenu'>";
	retStr += "<img class='ddMenuTab' src='_images/menuAboutHover.gif' />";
	retStr += "<br style='clear:both;' />";
	retStr += buildDropDownMenu();
    retStr += "</div></td>";
	//********End Full Section Example
	
	
	//********Full Section example
	retStr += "<td>";
	retStr += "<a href='index.html' id='menuStylesID' class='menuStyles' onmouseover='menuOpen('menuExtendedStyles');' onmouseout='menuCloseTime()'></a>";
	retStr += "<div id='menuExtendedStyles' class='extendedMenu'>";
	retStr += "<img class='ddMenuTab' src='_images/menuStylesHover.gif' />";
	retStr += "<br style='clear:both;' />";
	retStr += buildDropDownMenu();
    retStr += "</div></td>";
	//********End Full Section Example
	
	
	//********Full Section example
	retStr += "<td>";
	retStr += "<a href='index.html' id='menuSupportID' class='menuSupport' onmouseover='menuOpen('menuExtendedSupport');' onmouseout='menuCloseTime()'></a>";
	retStr += "<div id='menuExtendedSupport' class='extendedMenu'>";
	retStr += "<img class='ddMenuTab' src='_images/menuSupportHover.gif' />";
	retStr += "<br style='clear:both;' />";
	retStr += buildDropDownMenu();
    retStr += "</div></td>";
	//********End Full Section Example
	
	//********Close Menu section
	retStr += "</tr></table>";
    
	document.getElementById("topMenu").innerHTML = retStr; 
	//alert(retStr);
	//return retStr;
}

function buildSideMenu(){
	
}

function buildDropDownMenu(){
	var retStr = "";
	//********Open of dd menu
	retStr += "<table class='menuShadow' cellpadding='0' cellspacing='0'>";
	retStr += "<tr><td class='ddMenuTopLeft'><img src='_images/spacer.gif' /></td>";
	retStr += "<td class='ddMenuTop'><img src='_images/spacer.gif' /></td>";
	retStr += "<td class='ddMenuTopRight'><img src='_images/spacer.gif' /></td></tr><tr>";
	retStr += "<td class='ddMenuLeft'>&nbsp;</td><td>";
	retStr += "<table class='menuTable'>";
	//********Begin repeating portion
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	//code filled section
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink' href='/html/default.asp'>Northern Praying Mantis</a>";
	//close section
	retStr += "</td></tr>"
	//********ENd Repeating Section
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink' href='/xhtml/default.asp'>Wing Chun</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/css/default.asp'>Black Crane</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/xml/default.asp'>Black Tiger</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/xsl/default.asp'>Dragon</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/html/default.asp'>Snake</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/xhtml/default.asp'>Leopard</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/css/default.asp'>Southern Praying Mantis</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/xml/default.asp'>Tiger</a>";
	retStr += "</td></tr>"
	retStr += "<tr><td class='tableSpacer'>&nbsp;</td>";
	retStr += "<td><a onmouseover='cancelCloseTime()' onmouseout='menuCloseTime()' class='menuLink'  href='/xsl/default.asp'>White Crane</a>";
	retStr += "</td></tr>"
	//********Begin dd menu close
	retStr += "</table></td><td class='ddMenuRight'>&nbsp;</td></tr><tr>";
	retStr += "<td class='ddMenuBottomLeft'>&nbsp;</td>";
	retStr += "<td class='ddMenuBottom'>&nbsp;</td>";
	retStr += "<td class='ddMenuBottomRight'>&nbsp;</td></tr></table>";
	//alert(retStr);
	//buildDropDownMenu = retStr;s
}
function openXML(fileName){
	//load xml file
	// code for IE
	if (window.ActiveXObject)
	  {
	  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  }
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation && document.implementation.createDocument)
	  {
	  xmlDoc=document.implementation.createDocument("","",null);
	  }
	else
	  {
	  alert('Your browser cannot handle this script/nThis site requires javascript and xml/ncapabilities to run properly!/n/nPlease check your browser settings and try again.');
	  }
	xmlDoc.async=false;
	xmlDoc.load(fileName);
	alert(xmlDoc);
}
// close layer when click-out
document.onclick = menuClose;