var inmenu=false;
var lastmenu=0;

function Menu(current) {
   if (!document.getElementById) return;
   inmenu=true;
   oldmenu=lastmenu;
   lastmenu=current;
   if (oldmenu) Erase(oldmenu);
   m=document.getElementById("menu-" + current);
   box=document.getElementById(current);
   tableWidth=document.getElementById("heading").style.width;
   var offset;
   var colWidth;
   switch(current) {
     case "home":
	   offset="0%";
	   colWidth="16%";
	   break;
     case "projects": 
	   offset="16%";
	   colWidth="17%";
	   break;
     case "pictures":
	   offset="33%";
	   colWidth="17%";
	   break;
     case "contact":
	   offset="50%";
	   colWidth="17%";
	   break;
     case "board":
	   offset = "67%";
	   colWidth="17%";
	   break;
     case "help":
	   offset = "84%";
	   colWidth="16%";
	   break;
   }
   box.style.left= offset;
   window.setTimeout("show('"+colWidth+"');",300);
}

function show(colWidth){
   if (!inmenu) return;
   m=document.getElementById("menu-" + lastmenu);
   box=document.getElementById(lastmenu);
   box.style.visibility="visible";
   m.style.backgroundColor="#F0EEE0";
   box.style.backgroundColor="#F0EEE0";
   box.style.width=colWidth;
}

function Erase(current) {
   if (!document.getElementById) return;
   if (inmenu && lastmenu==current) {
	  return;
   }
   m=document.getElementById("menu-" + current);
   box=document.getElementById(current);
   box.style.visibility="hidden";
   m.style.backgroundColor="#FBF9E9";
}
function Timeout(current) {
   inmenu=false;
   window.setTimeout("Erase('" + current + "');",500);
}
function Highlight(menu,item) {
   if (!document.getElementById) return;
   inmenu=true;
   lastmenu=menu;
   obj=document.getElementById(item);
   obj.style.backgroundColor="#BEDFC4";
}
function UnHighlight(menu,item) {
   if (!document.getElementById) return;
   Timeout(menu);
   obj=document.getElementById(item);
   obj.style.backgroundColor="#F0EEE0";
}

//clears out styles when the page is unloaded
function closeout() {
	inmenu=false;
}

window.onunload=closeout;