//configure below variable for menu width, position on page
var menuwidth=160
var offsetleft=15
var offsettop=150
var bgcolour='#77AABB'

var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function makeMenu() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
setTimeout("makeMenu()",0);
}

document.write('<span id="object1" style="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:'+bgcolour+';"><table border="1" width="'+menuwidth+'" cellpadding="0" cellspacing="0" bordercolor="black" >')
//document.write('<tr><td align="CENTER" bgcolor="#DDDDDD" bordercolordark="#99CCFF" bordercolorlight="#003399"><font size="4" face="ARIAL">Menu</font></td></tr>')

var menui = new Array();
var menul = new Array();

menui[0]="Home";
menui[1]="About";
menui[2]="Portfolio";
menui[3]="Methods";
menui[4]="Web Hosting";

menul[0]="./index.htm";
menul[1]="./about.htm";
menul[2]="./portfolio.htm";
menul[3]="./methods.htm";
menul[4]="./hosting.htm";

for (i=0;i<=menui.length-1;i++)
document.write('<tr><td align="center" bordercolor="white" onclick="location=\''+menul[i]+'\'" onmouseover="className=\'menuOn\'" onMouseout="className=\'menuOff\'">'+menui[i]+'</td></tr>')
document.write('</table></span>')

window.onload=makeMenu()