function reDo() 
{ 
  window.location.reload();
}

window.onresize = reDo;


//Define global variables
var timerID = null;
var timerOn = false;
var timecount = 500;
var what = null;
var check = false;


function getRealLeft(el) { 
     xPos = el.offsetLeft; 
     tempEl = el.offsetParent; 
     while (tempEl != null) { 
	  xPos += tempEl.offsetLeft; 
	  tempEl = tempEl.offsetParent; 
     } 


     if (navigator.userAgent.indexOf("Mac") != -1 && 
	 typeof document.body.leftMargin != "undefined") {
	 xPos += document.body.leftMargin;
     }

     return xPos; 
} 

function getRealTop(el) { 
     yPos = el.offsetTop;
     tempEl = el.offsetParent; 
     while (tempEl != null) { 
	  yPos += tempEl.offsetTop; 
	  tempEl = tempEl.offsetParent; 
     } 

     if (navigator.userAgent.indexOf("Mac") != -1 && 
	 typeof document.body.leftMargin != "undefined") {
	 yPos += document.body.topMargin;
     }

     return yPos; 
} 

function getRealHeight(el) { 
     xPos = el.offsetHeight; 
     return xPos; 
} 

function getRealWidth(el) { 
     xPos = el.offsetWidth; 
     return xPos; 
} 

function getElement(id) { 
     if (document.all)
	  return document.all(id);
     else if (document.getElementById)
	  return document.getElementById(id);
     else if (document.layers)
	  return document.layers[id];
     else
	  return null;
}


function init()
{
     //  alert ("Running Init");
     if (document.layers) {
	  //  alert ("Running Netscape 4");
	  layerRef="document.layers";
	  styleSwitch="";
	  visibleVar="show";
	  what ="ns4";
     }
     
     else if(document.all) {
	  //  alert ("Running IE");
	  layerRef="document.all";
	  styleSwitch=".style";
	  visibleVar="visible";
	  what ="ie";
     }
     
     else if(document.getElementById) {
	  //  alert ("Running Netscape 6");
	  layerRef="document.getElementByID";
	  styleSwitch=".style";
	  visibleVar="visible";
	  what="moz";
     }
     
     else {
	  //alert("Running an old browser.");
	  what="none";
     }
     
     //window.status='Running ' + what;
     //window.status='status bar text to go here';
     check = true;
}



// Turns the layers on and off
function showLayer(layerName)
{
     var pos_layer;
     var pos_y_offset;
     var pos_x_offset;
     var compute_method;
     
     if (!check)
	 return;
     
     if (what =="none") {
	 return;
     }
     
     if (layerName == "tech_layer") {
	 pos_layer = "menubar3_layer";
	 pos_y_offset = 5;
	 //pos_x_offset = -17;
	 pos_x_offset = 0;
	 compute_method = 0;
     } 
     else if (layerName == "app_layer") {
	 pos_layer = "menubar4_layer";
	 pos_y_offset = 5;
	 //pos_x_offset = -13;
	 pos_x_offset = 0;
	 compute_method = 0;
     }
     else if (layerName == "about_layer") {
	 pos_layer = "menubar2_layer";
	 pos_y_offset = 5;
	 //pos_x_offset = -13;
	 pos_x_offset = 0;
	 compute_method = 0;
     }

     else if (layerName == "projects_layer") {
	 pos_layer = "menubar5_layer";
	 pos_y_offset = 5;
	 pos_x_offset = 0;
	 compute_method = 0;
     }

     else if (layerName == "shape_morph_layer") {
	 pos_layer = "app_layer";
	 //pos_y_offset = 5;
	 //pos_x_offset = 114;
	 pos_y_offset = 0;
	 pos_x_offset = 0;
	 compute_method = 1;
     }
     else if (layerName == "active_flow_layer") {
	 pos_layer = "app_layer";
	 pos_height = getRealHeight(getElement("app_layer"));
	 pos_y_offset = pos_height*7/40;
	 pos_x_offset = 0;
	 //pos_y_offset = 5;
	 //pos_x_offset = 114;
	 compute_method = 1;
     }
     else if (layerName == "adv_actuator_layer") {
	 pos_layer = "app_layer";
	 pos_height = getRealHeight(getElement("app_layer"));
	 pos_y_offset = pos_height/3;
	 pos_x_offset = 0;
	 //pos_y_offset = 5;
	 //pos_x_offset = 114;
	 compute_method = 1;
     }
     else if (layerName == "dfna_layer") {
	 pos_layer = "app_layer";
	 pos_height = getRealHeight(getElement("app_layer"));
	 pos_y_offset = pos_height*9/20;
	 pos_x_offset = 0;
	 //pos_y_offset = 24;
	 //pos_x_offset = 114;
	 compute_method = 1;
     }
     else if (layerName == "med_device_layer") {
	 pos_layer = "app_layer";
	 pos_height = getRealHeight(getElement("app_layer"));
	 pos_y_offset = pos_height*3/5;
	 pos_x_offset = 0;
	 //pos_y_offset = 24;
	 //pos_x_offset = 114;
	 compute_method = 1;
     }
     else if (layerName == "mems_layer") {
	 pos_layer = "app_layer";
	 pos_height = getRealHeight(getElement("app_layer"));
	 pos_y_offset = pos_height*3/4;
	 pos_x_offset = 0;
	 //pos_y_offset = 24;
	 //pos_x_offset = 114;
	 compute_method = 1;
     }
     else if (layerName == "contact_layer") {
	 pos_layer = "menubar6_layer";
	 pos_y_offset = 5;
	 //pos_x_offset = -25;
	 pos_x_offset = 0;
	 compute_method = 0;
     }
     
     // Compute the top and left position for the layer
     if (compute_method == 0) {
	 pos_top = getRealTop(getElement(pos_layer));
	 pos_left = getRealLeft(getElement(pos_layer));
	 pos_height = getRealHeight(getElement(pos_layer));
	 y_pos = pos_top + pos_y_offset + pos_height;
	 x_pos = pos_left + pos_x_offset;
     }
     else if (compute_method == 1) {
	 pos_top = getRealTop(getElement(pos_layer));
	 pos_left = getRealLeft(getElement(pos_layer));
	 pos_width = getRealWidth(getElement(pos_layer));
	 y_pos = pos_top;
	 x_pos = pos_left /*+ pos_width*/;
	 //alert('Width ' + pos_width);
     }


     // Set the top and left position for the layer
     if (what == "moz") {
	  document.getElementById(layerName).style.top = y_pos +"px";
	  document.getElementById(layerName).style.left = x_pos+"px";
	  document.getElementById(layerName).style.visibility="visible";
     }

     else if (what == "ie") {
	 //y_pos += 5;
	  document.all[layerName].style.pixelLeft = x_pos;
	  document.all[layerName].style.pixelTop = y_pos;
	  document.all[layerName].style.visibility = "visible";
     }

     else if (what == "ns4") {
	  document.layers[layerName].left = x_pos;
	  document.layers[layerName].top = y_pos;
	  document.layers[layerName].visibility = "visible";

     }
     else {// alert ("Please wait for the page to finish loading.");
	  return;
     }
}

function hideLayer(layerName) {
  if(!check)
       return;

  if (what =="none")
       return;
  
  if (what == "moz") {
       document.getElementById(layerName).style.visibility="hidden";
  }
  else if (what == "ns4") {
       document.layers[layerName].visibility = "hidden";
  }
  else if (what == "ie") {
       document.all[layerName].style.visibility = "hidden";
  }
}


function hideAll()
{
     hideLayer('tech_layer');	
     hideLayer('app_layer');
     hideLayer('about_layer');
     hideLayer('projects_layer');
     /*hideLayer('shape_morph_layer');
     hideLayer('active_flow_layer');
     hideLayer('adv_actuator_layer');
     hideLayer('dfna_layer');
     hideLayer('med_device_layer');
     hideLayer('mems_layer');
     hideLayer('contact_layer');*/
}


function startTime() 
{
     if (timerOn == false) {
	  timerID=setTimeout( "hideAll()" , timecount);
	  timerOn = true;
     }
}


function stopTime() 
{
     if (timerOn) {
	  clearTimeout(timerID);
	  timerID = null;
	  timerOn = false;
     }
}

function onLoad()
{
     init();
}