underConstruction = new Image();
underConstruction.src = "images/at-work.gif";
imgClear = new Image(16,9);
imgClear.src = "images/clear.gif";

var mnuSelected = '';
function showMenu(menu){
//alert("menu: " + menu);
   hideMenu(mnuSelected);
   document.getElementById(menu).style.visibility = 'visible';
   mnuSelected = menu;
}
function hideMenu(menu){
//alert("hideMenu menu: " + menu);
   if(mnuSelected!='')
   {
      document.getElementById(menu).style.visibility = 'hidden';
   }
}
function moveUC(top,left)
{
var iLeft = parseInt(left);
var iTop = parseInt(top);
	document.getElementById("imgUC").style.marginLeft = (iLeft + 110) + "px";
	document.getElementById("imgUC").style.top = (iTop + 30) + "px";
}
function showUC()
{
	document.getElementById("imgUC").style.visibility = 'visible';
}
function hideUC()
{
	document.getElementById("imgUC").style.visibility = 'hidden';
}
function init()
{
var aWidth;
var bodyHeight;
   if(document.all){
   //width adjustments for IE
      aWidth = document.body.clientWidth;
      document.getElementById('headBar').style.width = aWidth;
      document.getElementById('IDfooterBar').style.width = aWidth;
      document.getElementById('headerBar').style.width = aWidth;
      document.getElementById('menuBar').style.width = aWidth;
      document.getElementById('IDrightNav').style.left = aWidth - 200;
		document.getElementById('IDclsBody').style.width = 
				parseInt(document.getElementById('IDRightNav').style.left);
  }
   else{
   //width adjustments for NS
      aWidth = innerWidth;
      document.getElementById('headBar').style.width = aWidth-8;
      document.getElementById('IDfooterBar').style.width = aWidth-8;
      document.getElementById('headerBar').style.width = aWidth-8;
      document.getElementById('menuBar').style.width = aWidth-8;
      document.getElementById('IDRightNav').style.left = aWidth - 200 - 25;
	  document.getElementById('IDclsBody').style.width = 
				parseInt(document.getElementById('IDRightNav').style.left) - 48;
   }
   //height adjustments
	bodyHeight = document.getElementById('IDclsBody').offsetHeight;
	if (bodyHeight < 400)
	{
		bodyHeight = 400;
		document.getElementById('IDclsBody').style.height = bodyHeight;
	}
   document.getElementById('IDRightNav').style.height = bodyHeight;
   document.getElementById('IDfooterBar').style.top = bodyHeight + 77;
   // menu bar horizontal centering
   document.getElementById('Life').style.left = parseInt((aWidth/2 - 200));
   document.getElementById('Music').style.left = parseInt((aWidth/2 - 100));
   document.getElementById('Sailing').style.left = parseInt(aWidth/2);
   document.getElementById('Geekazoidal').style.left = parseInt((aWidth/2 + 100));
	//horizontaly align sub menus
   document.getElementById('mnuLife').style.left = 
      document.getElementById('Life').style.left;
   document.getElementById('mnuMusic').style.left = 
      document.getElementById('Music').style.left;
   document.getElementById('mnuSailing').style.left = 
      document.getElementById('Sailing').style.left;
   document.getElementById('mnuGeekazoidal').style.left = 
      document.getElementById('Geekazoidal').style.left;
      
     //vertically align sub menus 
   document.getElementById('mnuLife').style.marginTop =
	  parseInt(document.getElementById('Life').style.marginTop) - 2;
   document.getElementById('mnuMusic').style.marginTop =
	  parseInt(document.getElementById('Music').style.marginTop) - 2;
   document.getElementById('mnuSailing').style.marginTop =
	  parseInt(document.getElementById('Sailing').style.marginTop) - 2;
   document.getElementById('mnuGeekazoidal').style.marginTop =
	  parseInt(document.getElementById('Geekazoidal').style.marginTop) - 2;
	//now that everything is in place, make if visible  
   document.getElementById('Life').style.visibility = 'visible';
   document.getElementById('Music').style.visibility = 'visible';
   document.getElementById('Sailing').style.visibility = 'visible';
   document.getElementById('Geekazoidal').style.visibility = 'visible';	 
   document.getElementById('IDRightNav').style.visibility = 'visible';	 
   document.getElementById('IDfooterBar').style.visibility = 'visible';	 
}