function createMenu(obj, tgt) {
	
	left = 0;
	el = obj.offsetParent;
	
	while(el != null){
	left += el.offsetLeft;
	el = el.offsetParent;
	}
	
	document.body.style.cursor = "pointer";
	
	switch(tgt) {
		case "cellerage":
			document.getElementById("pMenu").style.visibility = "visible";
			strHTML = "<table class=\"grey12b\" bgcolor=\"#D0DEE9\" onmouseover=\"showMenu()\">";
			strHTML += "<tr onClick=\"location.href='cellerage_introduction.htm'\" onMouseOver=\"this.bgColor='#FAD34C'\" onMouseOut=\"this.bgColor=''\"><td width=\"5\" height=\"20\" bgcolor=\"#006699\"></td><td width=\"5\"></td><td>Introduction</td><td width=\"5\"></td></tr>";
			strHTML += "<tr><td height=\"1\" bgcolor=\"#006699\" colspan=\"4\"></td></tr>";
			strHTML += "<tr onClick=\"location.href='cellerage_rates.htm'\" onMouseOver=\"this.bgColor='#FAD34C'\" onMouseOut=\"this.bgColor=''\"><td width=\"5\" height=\"20\" bgcolor=\"#006699\"></td><td width=\"5\"></td><td>Rates & Charges</td><td width=\"5\"></td></tr>";
			strHTML += "<tr><td height=\"1\" bgcolor=\"#006699\" colspan=\"4\"></td></tr>";
			strHTML += "<tr onClick=\"location.href='cellerage_terms.htm'\" onMouseOver=\"this.bgColor='#FAD34C'\" onMouseOut=\"this.bgColor=''\"><td width=\"5\" height=\"20\" bgcolor=\"#006699\"></td><td width=\"5\"></td><td>Terms & Conditions</td><td width=\"5\"></td></tr>";
			strHTML += "<tr><td height=\"1\" bgcolor=\"#006699\" colspan=\"4\"></td></tr>";
			strHTML += "</table>"
			document.getElementById("pMenu").innerHTML= strHTML;
		break;
		
		case "transport":
			document.getElementById("pMenu").style.visibility = "visible";
			strHTML = "<table class=\"grey12b\" bgcolor=\"#D0DEE9\" onmouseover=\"showMenu()\">";
			strHTML += "<tr onClick=\"location.href='transport_introduction.htm'\" onMouseOver=\"this.bgColor='#FAD34C'\" onMouseOut=\"this.bgColor=''\"><td width=\"5\" height=\"20\" bgcolor=\"#006699\"></td><td width=\"5\"></td><td>Introduction</td><td width=\"5\"></td></tr>";
			strHTML += "<tr><td height=\"1\" bgcolor=\"#006699\" colspan=\"4\"></td></tr>";
			strHTML += "<tr onClick=\"location.href='transport_rates.htm'\" onMouseOver=\"this.bgColor='#FAD34C'\" onMouseOut=\"this.bgColor=''\"><td width=\"5\" height=\"20\" bgcolor=\"#006699\"></td><td width=\"5\"></td><td>Rates & Charges</td><td width=\"5\"></td></tr>";
			strHTML += "<tr><td height=\"1\" bgcolor=\"#006699\" colspan=\"4\"></td></tr>";
			strHTML += "<tr onClick=\"location.href='transport_order.php'\" onMouseOver=\"this.bgColor='#FAD34C'\" onMouseOut=\"this.bgColor=''\"><td width=\"5\" height=\"20\" bgcolor=\"#006699\"></td><td width=\"5\"></td><td>Place Order</td><td width=\"5\"></td></tr>";
			strHTML += "<tr><td height=\"1\" bgcolor=\"#006699\" colspan=\"4\"></td></tr>";
			strHTML += "</table>"
			document.getElementById("pMenu").innerHTML= strHTML;
			left += 1;
		break;
	
	}
	
	document.getElementById("pMenu").style.left = left + "px"
	
	
}

function showMenu() {
	document.getElementById("pMenu").style.visibility = "visible";
	document.body.style.cursor = "pointer";
}

function hideMenu() {
	document.getElementById("pMenu").style.visibility = "hidden";
	document.body.style.cursor = "";
}

function createNavigator() {
	document.write("<table>")
	document.write("<tr>")
	document.write("<td><a href=\"cellerage_introduction.htm\" onmouseover=\"createMenu(this, 'cellerage')\" onmouseout=\"hideMenu()\"><img src=\"images/cellarage_but.jpg\" border=\"0\" /></a></td>")
	document.write("<td><a href=\"transport_introduction.htm\" onmouseover=\"createMenu(this, 'transport')\" onmouseout=\"hideMenu()\"><img src=\"images/transport_but.jpg\" border=\"0\" /></a></td>")
		document.write("<td><a href=\"http://cellar.com.sg/brochure/Spiegelau%20Authenthis%20Glass%20Rental.pdf\"><img src=\"images/spiegelau_but2.jpg\" border=\"0\" /></a></td>")
	document.write("</tr>")
	document.write("<tr><td colspan=\"4\" height=\"8\" bgcolor=\"#A8B5BA\"></td></tr>")
	document.write("</table>")
}

document.write("<div id=\"pMenu\" style=\"visibility:hidden; position:absolute; top:80px\" onmouseout=\"hideMenu()\"></div>")