//initalize vars
var testing    = false;
var ie4        = false;
var ie5        = false;
var ns4        = false;
var ns6        = false;
var mac        = false;
var running    = false;
var timerId    = null;
var currentId  = null;
var previousId = null;
var menuloaded = false;
var loaded = false;

//set browser type
function SetBrowser2(){
  //which platform?
  agent = navigator.userAgent.toLowerCase();
  mac   = (agent.indexOf("mac")!=-1);
  
  //which version?
  ie4 = (document.all && !document.getElementById) ? true : false;
  ie5 = (document.all && document.getElementById) ? true : false;
  ns4 = (document.layers) ? true : false;
  ns6 = (document.getElementById && !document.all) ? true : false;
  
  loaded=true;
  }

//handle resize
if(document.layers){origWidth=innerWidth;origHeight=innerHeight;onresize=function(){if(innerWidth!=origWidth||innerHeight!=origHeight)location.reload()}}

//open popup window
function Popup(filename, w, h){
  winOptions = eval("'width=" + w + ",height=" + h + ",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no'");
  window.open(filename, 'Popup', winOptions);
  return;
  }

//layer writing
function layerWrite(id,text){
  if (ie4 || ie5){
    document.all[id].innerHTML = text;
    }
	if (ns4){
		var lyr = document.layers[id].document;
		lyr.open();
		lyr.write(text);
		lyr.close();
	  }
  else if (ns6){
    rng = document.createRange();
    el = document.getElementById(id);
    rng.setStartBefore(el);
    htmlFrag = rng.createContextualFragment(text);
    while (el.hasChildNodes()) el.removeChild(el.lastChild);
    el.appendChild(htmlFrag);
    }
  }

//get elements width
function getElementWidth(elementId){
  if (ie4){
    return eval("document.all.menu" + elementId + "Div.offsetWidth");
    }
  else if (ie5){
    return eval('document.getElementById("menu' + elementId + 'Div").offsetWidth');
    }
  else if (ns4){
    return eval('document.menu' + elementId + 'Div.clip.width');
    }
  else if (ns6){
    return eval('document.getElementById("menu' + elementId + 'Div").offsetWidth');
    }
  }

//get elements height
function getElementHeight(elementId){
  if (ie4){
    return eval("document.all.menu" + elementId + "Div.offsetHeight");
    }
  else if (ie5){
    return eval('document.getElementById("menu' + elementId + 'Div").offsetHeight');
    }
  else if (ns4){
    return eval('document.menu' + elementId + 'Div.clip.height');
    }
  else if (ns6){
    return eval('document.getElementById("menu' + elementId + 'Div").offsetHeight');
    }
  }

//get image width
function getImgWidth(elementId){
  if (ie4){
    return eval("document.all.menuAnchor" + elementId + ".style.pixelWidth");
    }
  else if (ie5){
    return eval('document.getElementById("menuAnchor' + elementId + '").offsetWidth');
    }
  else if (ns4){
    return eval('document.menuAnchor' + elementId + '.width');
    }
  else if (ns6){
    return eval('document.getElementById("menuAnchor' + elementId + '").offsetWidth');
    }
  }

//get elements left value
function getElementLeft(myObj){
  if (ie4){
    return getRealLeft(myObj);
    }
  else if (ie5){
    return getRealLeft(myObj);
    }
  else if (ns4){
    return eval(myObj).x;
    }
  else if (ns6){
    return parseInt(myObj.offsetLeft);
    }
  }

//recursively finds actual left value (IE)
function getRealLeft(myObj){
  xPos = eval(myObj).offsetLeft;
  tempObj = eval(myObj).offsetParent;
  while (tempObj != null){
    xPos += tempObj.offsetLeft;
    tempObj = tempObj.offsetParent;
    }
  return xPos;
  }

function getRealTop(myObj){
  if (ns4) 
    yPos = eval(myObj).y;
  else
    yPos = eval(myObj).offsetTop;
  return yPos;
  }

//get elements top value
function getElementTop(elementId){
  return (elementId * 22) + 68 + 5;
  }

//set top and left positions
function SetPosition(elementId,top,left){
  if (ie4 || ie5){
    eval('document.all.' + elementId + '.style.top = '+ top);
    eval('document.all.' + elementId + '.style.left = '+ left);
    }
  else if (ns4){
    eval('document.' + elementId + '.top = '+ top);
    eval('document.' + elementId + '.left = '+ left);
    }
  else if (ns6){
    eval('document.getElementById("' + elementId + '").style.top = ' + top);
    eval('document.getElementById("' + elementId + '").style.left = ' + left);
    }
  }

//load menus
function LoadMenus(){
  for (var i=0; i<10; i++){
                                                       if (testing){ alert("elementId = " + i); }
    if (ns6){ anchorObj = eval('document.getElementById("menuAnchor' + i + '")'); }
      else  { anchorObj = eval('document.images["menuAnchor' + i + '"]'); }
    
    menuTop  = getElementTop(i);          if (testing){ alert("menuTop = " + menuTop); }
    menuLeft = getElementLeft(anchorObj) + 125;
    SetPosition(i,menuTop,menuLeft);
    
    menuWidth  = getElementWidth(i);                   if (testing){ alert("menuWidth = " + menuWidth); }
    menuHeight = getElementHeight(i);                  if (testing){ alert("menuHeight = " + menuHeight); }
    
    if (menuWidth > 0 && !mac){
      layerWrite('bg' + i + 'Div','<img src="images/dot_000033.gif" width="' + menuWidth + '" height="' + menuHeight + '" alt="" border="0" class="transparent">');
      }
    }
  
  //set menuloaded flag
  menuloaded = true;                                   if (testing){ alert("menuloaded = " + menuloaded); }
  }

// hide a div
function getElement(divname)  {
  if(ie4 || ie5)  {
    return eval('document.all.'+divname+';');
    }
  else if (ns4){
    return eval('document.'+divname+';');
    }
  else if (ns6){
    return eval("document.getElementById('" + divname + "');");
    }
  }