//<script src='menuoptions.js" type="text/javascript"></script>
// Horizontal start (cumulative), vertical start (line height), pulldown width, pulldown height (1.7 + .3 padding) per line in em units 
    var i=steps.length;
	var multicaptions=captions[0].split("|");
	var multisteps=steps[0].split("|");
	var j=multisteps.length-1;

    var menus = [
			 /* new ypSlideOutMenu("menu0", "down",  0, 1.7, 10, 6),
			    new ypSlideOutMenu("menu1", "down",  4, 1.7, 10, 4), */
				new ypSlideOutMenu("menu2", "down", 16, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu2b", "down",16+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu2c", "down",16+2*j, 1.7, 35, 1.5),
			    new ypSlideOutMenu("menu3", "down", 18+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu4", "down", 20+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu5", "down", 22+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu6", "down", 24+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu7", "down", 26+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu8", "down", 28+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu9", "down", 30+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu10","down", 32+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu11","down", 34+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu12","down", 36+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu13","down", 38+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu14","down", 40+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu15","down", 42+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu16","down", 44+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu17","down", 46+2*j, 1.7, 35, 1.5),
				new ypSlideOutMenu("menu18","down", 48+2*j, 1.7, 35, 1.5),
				
				new ypSlideOutMenu("menuP", "down", (16-26/3+2*i+2*j), 1.7, 26, 1.5), 
				new ypSlideOutMenu("menuA", "down", (22-35/3+2*i+2*j), 1.7, 35, 1.5), 
				new ypSlideOutMenu("menuL", "down", (26-21/3+2*i+2*j), 1.7, 21, 1.5), 
				new ypSlideOutMenu("menuS", "down", (30-20/3+2*i+2*j), 1.7, 20, 1.5),
				new ypSlideOutMenu("menuN", "down", (34+2*i+2*j), 1.7, 8, 1.5),
				new ypSlideOutMenu("menuR", "down", (37+2*i+2*j), 1.7, 15, 1.5),
				new ypSlideOutMenu("menuC", "down", (41+2*i+2*j), 1.7, 15, 1.5),			
				new ypSlideOutMenu("menuH", "down", (45+2*i+2*j), 1.7, 21, 1.5)
			]		

document.write("<div id='menuBar'>");
document.write("<div class='menuTrigger' id='menu0Trigger'><a href='../../index.html'>Home</a></div>");
if (window.location.search=="?geowall") 
{document.write("<div class='menuTrigger' id='menu1Trigger'><a href='../index.html?geowall'>Polyhedral Model Kit</a></div>");}
else
{document.write("<div class='menuTrigger' id='menu1Trigger'><a href='../index.html'>Polyhedral Model Kit</a></div>");}

document.write("<div class='menuTrigger' id='menu2Trigger'><a href='javascript:processM(multisteps[0])'>0</a></div>");
document.write("<div class='menuOuter' id='menu2Container'><div class='menuInner' id='menu2Content'>");
document.write("<ul><li>"+multicaptions[0]+"</li></ul></div></div>");
if (multisteps[1] != null) {
	document.write("<div class='menuTrigger' id='menu2bTrigger'><a href='javascript:processM(multisteps[1])'>0</a></div>");
	document.write("<div class='menuOuter' id='menu2bContainer'><div class='menuInner' id='menu2bContent'>");
	document.write("<ul><li>"+multicaptions[1]+"</li></ul></div></div>");
}
if (multisteps[2] != null) {
	document.write("<div class='menuTrigger' id='menu2cTrigger'><a href='javascript:processM(multisteps[2])'>0</a></div>");
	document.write("<div class='menuOuter' id='menu2cContainer'><div class='menuInner' id='menu2cContent'>");
	document.write("<ul><li>"+multicaptions[2]+"</li></ul></div></div>");
}

for (i=1; i<=steps.length-1; i++)  {
	document.write("<div class='menuTrigger' id='menu"+(i+2)+"Trigger'><a href='javascript:processM(steps["+i+"])'>"+i+"</a></div>");
	document.write("<div class='menuOuter' id='menu"+(i+2)+"Container'><div class='menuInner' id='menu"+(i+2)+"Content'>");
	document.write("<ul><li>"+captions[i]+"</li></ul></div></div>");
}

document.write("<div class='menuTrigger' id='menuPTrigger'><a href=\"javascript:processM('')\">Polyhedra</a></div>");
	document.write("<div class='menuOuter' id='menuPContainer'><div class='menuInner' id='menuPContent'>");
	document.write("<ul><li><form name='formP'> <input type='radio' name='polyhedra' checked onclick=\"javascript:processM('')\">Translucent ");
	document.write("<input type='radio' name='polyhedra' onclick=\"javascript:processM('')\">Solid ");
	document.write("<input type='radio' name='polyhedra' onclick=\"javascript:processM('')\">Quadrant ");
	document.write("<input type='radio' name='polyhedra' onclick=\"javascript:processM('')\">Off</form></li></ul></div></div>");
document.write("<div class='menuTrigger' id='menuATrigger'><a href=\"javascript:processM('')\">Atoms</a></div>");
	document.write("<div class='menuOuter' id='menuAContainer'><div class='menuInner' id='menuAContent'>");
	document.write("<ul><li><form name='formA'> <input type='radio' name='atoms' checked onclick=\"javascript:processM('')\">Ball&Stick ");
	document.write("<input type='radio' name='atoms' onclick=\"javascript:processM('')\">Ball ");
	document.write("<input type='radio' name='atoms' onclick=\"javascript:processM('')\">Stick ");
	document.write("<input type='radio' name='atoms' onclick=\"javascript:processM('')\">Spacefill ");
	document.write("<input type='radio' name='atoms' onclick=\"javascript:processM('')\">Translucent ");
	document.write("<input type='radio' name='atoms' onclick=\"javascript:processM('')\">Off</form></li></ul></div></div>");
document.write("<div class='menuTrigger' id='menuLTrigger'><a href=\"javascript:processM('')\">Labels</a></div>");
	document.write("<div class='menuOuter' id='menuLContainer'><div class='menuInner' id='menuLContent'>");
	document.write("<ul><li><form name='formL'><input type='radio' name='labels' onclick=\"javascript:processM('')\">Small ");
	document.write("<input type='radio' name='labels' onclick=\"javascript:processM('')\">Medium ");
	document.write("<input type='radio' name='labels' onclick=\"javascript:processM('')\">Large ");
	document.write("<input type='radio' name='labels' checked onclick=\"javascript:processM('')\">Off</form></li></ul></div></div>");
if (window.location.search=="?geowall") {
	document.write("<div class='menuTrigger' id='menuSTrigger'><a href=\"javascript:processM('stereo')\">Stereo</a></div>");
	document.write("<div class='menuOuter' id='menuSContainer'><div class='menuInner' id='menuSContent' style='color: gray;'>");
	document.write("<ul><li><form name='formS'><input type='radio' name='stereo' checked onclick=\"javascript:processM('')\">Wall ");
	document.write("<input type='radio' name='stereo' onclick=\"javascript:processM('')\">Red Blue ");
	document.write("<input type='radio' name='stereo' onclick=\"javascript:processM('')\">90&deg; ");
	document.write("<input type='radio' name='stereo' onclick=\"javascript:processM('')\">Off</form></li></ul></div></div>");
}
else {
	document.write("<div class='menuTrigger' id='menuSTrigger'><a href=\"javascript:processM('stereo')\">Stereo</a></div>");
	document.write("<div class='menuOuter' id='menuSContainer'><div class='menuInner' id='menuSContent'>");
	document.write("<ul><li><form name='formS'><input type='radio' name='stereo' onclick=\"javascript:processM('')\">Wall ");
	document.write("<input type='radio' name='stereo' onclick=\"javascript:processM('')\">Red Blue ");
	document.write("<input type='radio' name='stereo' onclick=\"javascript:processM('')\">90&deg; ");
	document.write("<input type='radio' name='stereo' checked onclick=\"javascript:processM('')\">Off</form></li></ul></div></div>");
}
document.write("<div class='menuTrigger' id='menuNTrigger'><a href=\"javascript:processM('')\">Spin</a></div>");
	document.write("<div class='menuOuter' id='menuNContainer'><div class='menuInner' id='menuNContent'>");
	document.write("<ul><li><form name='formN'><input type='checkbox' name='spin' onclick=\"javascript:processM('')\">Spin ");
	document.write("</form></li></ul></div></div>");
document.write("<div class='menuTrigger' id='menuRTrigger'><a href=\"javascript:processM('reset; ')\">Reset</a></div>");
	document.write("<div class='menuOuter' id='menuRContainer'><div class='menuInner' id='menuRContent'>");
	document.write("<ul><li>Original rotation and zoom</li></ul></div></div>");
document.write("<div class='menuTrigger' id='menuCTrigger'><a href=\"javascript:processM('select M_L_atoms; center selected; ')\">Center</a></div>");
	document.write("<div class='menuOuter' id='menuCContainer'><div class='menuInner' id='menuCContent'>");
	document.write("<ul><li>Move structure to center</li></ul></div></div>");	

if (framework | hydrogen) {
document.write("<div class='menuTrigger' id='menuHTrigger'><a href=\"javascript:processM('')\">Hide</a></div>");
	document.write("<div class='menuOuter' id='menuHContainer'><div class='menuInner' id='menuHContent'>");
	document.write("<ul><li><form name='formH'>");
	if (framework) {document.write("<input type='checkbox' name='hideoxygen' onclick=\"javascript:processM('')\">Oxygen");}
	if (hydrogen)  {document.write("<input type='checkbox' name='hidehydrogen' onclick=\"javascript:processM('')\">Hydrogen");}
	document.write("</form></li></ul></div></div>");
}

document.write("</div>");