//<script src="menulist.js" type="text/javascript"></script>

document.write("<div class='largerfont'>"+solidname+"</div>");
document.write("<em>Drag to turn, shift-drag vertical to zoom, shift-drag horizontal to rotate</em><br>");
multicaptions=captions[0].split("|");
multibuttons=buttons[0].split("|");
multisteps=steps[0].split("|");
document.write("<li>"+multicaptions[0]+" ");
document.write("<input type='button' value='"+multibuttons[0]+"' onclick='javascript:processP(multisteps[0])'><br>");
if (multisteps[1] != null) {
	document.write(multicaptions[1]+" ");
	document.write("<input type='button' value='"+multibuttons[1]+"' onclick='javascript:processP(multisteps[1])'><br>");
}
if (multisteps[2] != null) {
	document.write(multicaptions[2]+" ");
	document.write("<input type='button' value='"+multibuttons[2]+"' onclick='javascript:processP(multisteps[2])'><br>");
}
document.write("</li><br>");  

for (i=1; i<=steps.length-1; i++)  {
	document.write("<li>"+captions[i]+" ");
	document.write("<input type='button' value='"+buttons[i]+"' onclick='javascript:processP(steps["+i+"])'>");
	if (photos[i] != '') {document.write("<a href='../"+photos[i]+"' target='_blank'> Photo</a>");}
	document.write("</li>");
}

document.write("<hr>");  

document.write("<em>Display options</em><br>");
document.write("Polyhedra: ");
document.write("<input type='radio' name='polyhedra' checked onclick=\"processP('')\">Translucent ");
document.write("<input type='radio' name='polyhedra' onclick=\"processP('')\">Solid ");
document.write("<input type='radio' name='polyhedra' onclick=\"processP('')\">Quadrant ");
document.write("<input type='radio' name='polyhedra' onclick=\"processP('')\">Off<br>");

document.write("Atoms: ");
document.write("<input type='radio' name='atoms' checked onclick=\"processP('')\">Ball&Stick ");
document.write("<input type='radio' name='atoms' onclick=\"processP('')\">Ball ");
document.write("<input type='radio' name='atoms' onclick=\"processP('')\">Stick<br>");
document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
document.write("<input type='radio' name='atoms' onclick=\"processP('')\">Spacefill ");
document.write("<input type='radio' name='atoms' onclick=\"processP('')\">Translucent ");
document.write("<input type='radio' name='atoms' onclick=\"processP('')\">Off<br>");

document.write("Labels: ");
document.write("<input type='radio' name='labels' onclick=\"processP('')\">Small ");
document.write("<input type='radio' name='labels' onclick=\"processP('')\">Medium ");
document.write("<input type='radio' name='labels' onclick=\"processP('')\">Large ");
document.write("<input type='radio' name='labels' checked onclick=\"processP('')\">Off<br>");
 
document.write("Stereo: ");
	document.write("<input type='radio' name='stereo' onclick=\"processP('')\">Wall ");
	document.write("<input type='radio' name='stereo' onclick=\"processP('')\">Red Blue ");
	document.write("<input type='radio' name='stereo' onclick=\"processP('')\">90&deg; ");
	document.write("<input type='radio' name='stereo' checked onclick=\"processP('')\">Off<br>");  
	
document.write("<input type='checkbox' name='spin' onclick=\"processP('')\">Spin "); 

jmolButton("reset", "Reset");
jmolButton("select M_L_atoms; center selected", "Center");
document.write("<br>");  

if (framework) {document.write("<input type='checkbox' name='framework' onclick=\"processP('')\">Framework (hide oxygen atoms)<br>");}
    
if (hydrogen) {document.write("<input type='checkbox' name='hydrogen' onclick=\"processP('')\">Hide hydrogen atoms<br>");
document.write("<div class='smallerfont'>Note: In the space-filling representations too large a value has been used for the H<sup>+</sup> ionic radius so that hydrogen can be observed.</div><br>");}

document.write("<br>");   
document.write("<a href='../index.html'>Back</a><br><br>");
document.write("<div class='smallerfont'><a href='?large'>Large Screen</a> | <a href='?geowall'>Geowall Projection</a> | <a href=''>Refresh</a></div>");