// fixPosition() attaches the element named eltname
// to an image named eltname+'Pos'
//
function fixPosition(divname) {
 divstyle = getDivStyle(divname);
 positionerImgName = divname + 'Pos';
 // hint: try setting isPlacedUnder to false
 isPlacedUnder = false;
 if (isPlacedUnder) {
  setPosition(divstyle,positionerImgName,true);
 } else {
  setPosition(divstyle,positionerImgName)
 }
}

// fixPositions() puts everything back in the right place after a resize.
function fixPositions()
{
 // add a fixPosition call here for every element
 // you think might get stranded in a resize/reflow.
 fixPosition('AboutMenu');
 fixPosition('ProductsMenu');
 fixPosition('ContactMenu');
 fixPosition('CustomersMenu');
 fixPosition('aboutReport1');
}



// overly simplistic test for IE
isIE = (document.all ? true : false);
// both IE5 and NS6 are DOM-compliant (well, sort of...)
isDOM = (document.getElementById ? true : false);

// get the true offset of anything on NS4, IE4/5 & NS6, even if it's in a table!
function getAbsX(elt) { 
return (elt.x) ? elt.x : getAbsPos(elt,"Left"); 
}

function getAbsY(elt) { 
return (elt.y) ? elt.y : getAbsPos(elt,"Top"); }

function getAbsPos(elt,which) {
 iPos = 0;
 while (elt != null) {
  iPos += elt["offset" + which];
  elt = elt.offsetParent;
 }
 return iPos;
}

function getDivStyle(divname) {
 var style;
 if (isDOM) { style = document.getElementById(divname).style; }
 else { style = isIE ? document.all[divname].style
                     : document.layers[divname]; } // NS4
 return style;
}

function hideElement(divname) {
 getDivStyle(divname).visibility = 'hidden';
}

// annoying detail: IE and NS6 store elt.top and elt.left as strings.
function moveBy(elt,deltaX,deltaY) {
 elt.left = parseInt(elt.left) + deltaX;
 elt.top = parseInt(elt.top) + deltaY;
}

function toggleVisible(divname) {
 divstyle = getDivStyle(divname);
 if (divstyle.visibility == 'visible' || divstyle.visibility == 'show') {
   divstyle.visibility = 'hidden';
   document.getElementById(divname + 'Pos').style.background = 'none';
   document.getElementById(divname + 'Pos').style.color = '#5E5E5E';
   document.getElementById(divname + 'Pos').style.border = 'none';
   document.getElementById(divname + 'Pos').style.borderTop = '1px solid #D6D6D6';
   document.getElementById(divname + 'Pos').style.padding = '0px 9px 0px 9px';
 } else {
   fixPosition(divname);
   document.getElementById(divname + 'Pos').style.backgroundImage = 'url("images/BG_topNavItem.gif")';
   document.getElementById(divname + 'Pos').style.color = 'white';
   document.getElementById(divname + 'Pos').style.border = '1px solid #00657D';
   document.getElementById(divname + 'Pos').style.padding = '0px 8px 0px 8px';
   divstyle.visibility = 'visible';
 }
}

function setPosition(elt,positionername,isPlacedUnder) {
 var positioner;
 if (isIE) {
  positioner = document.all[positionername];

 } else {
  if (isDOM) {
    positioner = document.getElementById(positionername);
  } else {
    // not IE, not DOM (probably NS4)
    // if the positioner is inside a netscape4 layer this will *not* find it.
    // I should write a finder function which will recurse through all layers
    // until it finds the named image...
    positioner = document.images[positionername];
  }
 }
 positioner = document.getElementById(positionername);
 elt.left = getAbsX(positioner)-1 + 1; // Adjust X Position here for specific need
 val = 0;
 if (isIE) val = 38;
 elt.top = getAbsY(positioner)-4 + val + (isPlacedUnder ? positioner.height : 0);  // Adjust Y position here
 

}