// render menu

var menutop = 120
var menuleft = 200
var subMenuLeftOffset = 130
var subMenuTopOffset = -10
var itemHeight = 23
var subMenuOffset = 7


function renderMenuTop() {
document.writeln("<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
for(i = 0;i < MenuArray.length;i++) {
		m = MenuArray[i];
		newWin = m.isNewWindow()?" target=\"_blank\"":"";
		className = m.getID()==document.forms[0].currSectID.value?"currMenuTop":"menuTop";
		document.writeln("<tr><td onMouseOver=\"showMenu(" + i + ")\"  onMouseOut=\"hideMenu(" + i + ")\" ><A name=\"" + m.getName() + "\" id =\"" + m.getID() + "\"  class=\"" + className + "\" href=\"" + m.getUrl() + "\"" + newWin + ">" + m.getName() + "</A></td></tr>")

}
document.writeln("</table>");	
}

function renderMenuDivs() {

for(i = 0;i < MenuArray.length;i++) {
		m = MenuArray[i];
		    
                                    doneMore = false;

			if (m.getChildCount() > 0) {
                                                mMenu = document.getElementById(MenuArray[i].getID());
				document.writeln("<div onMouseOver=\"showMenu(" + i + ")\"  onMouseOut=\"hideMenu(" + i + ")\" id =\"subMenu" + i + "\" name=\"subMenu" + i + "\" style=\"display:none;position:absolute;left:" + menuleft + "px;top:" + (menutop + (i * itemHeight) + subMenuOffset )+ "px;background-color:#666666\">");
				document.writeln("<table border=0 cellpadding=0 cellspacing=0>");
				document.writeln("<tr><td class=\"submenuspacer\"></td><tr>")
			}

            	for (j=0;j < m.getChildCount();j++) {
                  	                        sub = m.getChild(j);
                                               if (sub.showInJSMenu()) {
				          newWin = sub.isNewWindow()?" target=\"_blank\"":"";
				          className = sub.getID()==document.forms[0].currDocID.value?"currMenuSub":"menuSub";
				          cellClassName = sub.getID()==document.forms[0].currDocID.value?"currSubMenuCell":"subMenuCell";
				          document.writeln("<tr><td class=\"" + cellClassName + "\" height=21 width=121><A class=\"" + className + "\" href=\"" + sub.getUrl() + "\"" + newWin + ">" + sub.getName() + "</A></td></tr>")
				          document.writeln("<tr><td class=\"submenuspacer\" height=1></td><tr>")
                                                } else {
                                                          if (!doneMore) {
                                                                    newWin = m.isNewWindow()?" target=\"_blank\"":"";
				                    className = m.getID()==document.forms[0].currDocID.value?"currMenuSub":"menuSub";
				                    cellClassName = m.getID()==document.forms[0].currDocID.value?"currSubMenuCell":"subMenuCell";
				                    document.writeln("<tr><td class=\"" + cellClassName + "\" height=21 width=121><A class=\"" + className + "\" href=\"" + m.getUrl() + "\"" + newWin + ">" + "More ...." + "</A></td></tr>")
				                    document.writeln("<tr><td class=\"submenuspacer\" height=1></td><tr>")
                                                                    doneMore = true;
                                                            }
                                                }

                  }

			if (m.getChildCount() > 0) {
				document.writeln("</table>");
				document.writeln("</div>");				
			}


			
	}

}


function showMenu(i) {
	objs = document.getElementsByName("subMenu" + i);

            mMenu = document.getElementById(MenuArray[i].getID());
            sMenuLeft =  (findPosX(mMenu) + subMenuLeftOffset) + "px";
            sMenuTop =  (findPosY(mMenu) + subMenuTopOffset) + "px";

	for(j = 0; j < objs.length; j++) {
                   if((objs[j].style.left + objs[j].style.top) != (sMenuLeft + sMenuTop)) {
                       objs[j].style.left =sMenuLeft;
                       objs[j].style.top =sMenuTop;
                   }
                   objs[j].style.display = 'block';

	}
}

function hideMenu(i) {
	objs = document.getElementsByName("subMenu" + i);
	window.status = "hiding"
	for(j = 0; j < objs.length; j++) {
		//objs[j].style.visibility = 'hidden';
		objs[j].style.display = 'none';
	}
}


function findPosX(obj)
{
		 var curleft = 0;
		 if (obj.offsetParent)
		 {
		 		 while (obj.offsetParent)
		 		 {
		 		 		 curleft += obj.offsetLeft
		 		 		 obj = obj.offsetParent;
		 		 }
		 }
		 else if (obj.x)
		 		 curleft += obj.x;
		 return curleft;
}

function findPosY(obj)
{
		 var curtop = 0;
		 if (obj.offsetParent)
		 {
		 		 while (obj.offsetParent)
		 		 {
		 		 		 curtop += obj.offsetTop
		 		 		 obj = obj.offsetParent;
		 		 }
		 }
		 else if (obj.y)
		 		 curtop += obj.y;
		 return curtop;
}


function renderSectionMenu() {

	for(i = 0;i < MenuArray.length;i++) {
		m = MenuArray[i];
		if (m.getID()==document.forms[0].currSectID.value && m.getChildCount() > 0) {
			
			document.writeln("<TR><TD class=\"sectionMenuHead\">&nbsp;See also:&nbsp;</TD><TR>");
			for (j=0;j<m.getChildCount();j++) {
				sub = m.getChild(j);
				newWin = sub.isNewWindow()?" target=\"_blank\"":"";
				if (sub.getID() != document.forms[0].currDocID.value) {
					document.writeln("<TR><TD class=\"sectionMenuItem\"><A class=\"sectionMenuLink\" href=\"" + sub.getUrl() + "\"" + newWin + ">" + sub.getName() + "</A></TD></TR>");
				}
			}

		}

	}

}

