// Drop-down menu coordinates
var x1 = 194;
var x2 = 362;
var y = 148;
var yd = 24;
var xw = 160
var yh = 20;

new ypSlideOutMenu("menuAbout", "right", x1, y, xw, 2*yh+2)
menuAboutLevel = new Array("menuAbout");
menuAboutItems = new Array("Introduction","How to Order");
menuAboutHyper = new Array("about","ordering");
writeMenu("menuAbout");

new ypSlideOutMenu("menuResin", "right", x1, y+yd, xw, 4*yh+2)
menuResinLevel = new Array("menuResin");
menuResinItems = new Array("Overview","Carmen","Lola","EvaR");
menuResinHyper = new Array("resin","carmen","lola","evaresin");
writeMenu("menuResin");

new ypSlideOutMenu("menuMetal", "right", x1, y+(2*yd), xw, 4*yh+2)
menuMetalLevel = new Array("menuMetal");
menuMetalItems = new Array("Overview","Marina","Eva","Minilounger");
menuMetalHyper = new Array("metal","marina","eva","minilounger");
writeMenu("menuMetal");

new ypSlideOutMenu("menuChair", "right", x1, y+(3*yd), xw, 4*yh+2)
menuChairLevel = new Array("menuChair");
menuChairItems = new Array("Deck Chair","Folding Deck Chair","Bonanza Easy Chair","Polypropylene Chairs");
menuChairHyper = new Array("tumbona","foldingtumbona","bonanza","selva");
writeMenu("menuChair");

new ypSlideOutMenu("menuTable", "right", x1, y+(4*yd), xw, 3*yh+2)
menuTableLevel = new Array("menuTable");
menuTableItems = new Array("Mini Resin Table","Resin Leg Table","Metal Leg Table");
menuTableHyper = new Array("minitable","resintable","metaltable");
writeMenu("menuTable");

new ypSlideOutMenu("menuParasol", "right", x1, y+(5*yd), xw, 6*yh+2)
menuParasolLevel = new Array("menuParasol");
menuParasolItems = new Array("Overview","Styles","Canopies","Spokes","Poles","Accessories");
menuParasolHyper = new Array("pamela","pamelastyle","canopy","spokes","poles","pamelaaccessories");
writeMenu("menuParasol");

new ypSlideOutMenu("menuAccessory", "right", x1, y+(6*yd), xw, 3*yh+2)
menuAccessoryLevel = new Array("menuAccessory");
menuAccessoryItems = new Array("Lounger Cushions","Lounger Covers","Lockers");
menuAccessoryHyper = new Array("cushions","covers","lockers");
writeMenu("menuAccessory");

new ypSlideOutMenu("menuColour", "right", x1, y+(7*yd), xw, 3*yh+2)
menuColourLevel = new Array("menuColour");
menuColourItems = new Array("Balliu Fabric","Resin Body Colour","Slat Colour");
menuColourHyper = new Array("balliucolours","bodycolour","slatcolour");
writeMenu("menuColour");


function writeMenu(menuName) {
document.write("<DIV ID='"+menuName+"Container'>")
document.write("<DIV ID='"+menuName+"Content'>")
document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 class=\"menutable\"><TBODY>")

	for (i=0; i<eval(menuName+"Items").length; i++) {
		document.write("<TR CLASS=\"rollmenu\" ONMOUSEOVER=\"className='rollovermenu';")
		for (n=0; n<eval(menuName+"Level").length; n++) {
			document.write("ypSlideOutMenu.showMenu('"+eval(menuName+"Level")[n]+"');")
		}	
		if ( (eval(menuName+"Hyper")[i].substring(0,4))=="menu") {
				document.write("ypSlideOutMenu.showMenu('"+eval(menuName+"Hyper")[i]+"');")
		}
		document.write("\" ONMOUSEOUT=\"className='rollmenu';")
		for (n=0; n<eval(menuName+"Level").length; n++) {
			document.write("ypSlideOutMenu.hideMenu('"+eval(menuName+"Level")[n]+"');")
		}
		if ( (eval(menuName+"Hyper")[i].substring(0,4))=="menu") {
			document.write("ypSlideOutMenu.hideMenu('"+eval(menuName+"Hyper")[i]+"');")
 		}
			else {
				document.write("\" onClick=\"document.location = ('?page="+eval(menuName+"Hyper")[i]+"');")		
		}
		document.write("\"><TD CLASS=\"menucell\">")
		document.write(eval(menuName+"Items")[i])
		document.write("</TD><TD CLASS=\"chevron\">")
		if ( (eval(menuName+"Hyper")[i].substring(0,4))=="menu") { document.write(">") }
		document.write("</TD></TR>")
	}
	document.write("</TBODY></TABLE></DIV></DIV>")
}