
function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        HeaderMenu_02_over = newImage("./HeaderMenu/HeaderMenu_02-over.gif");
        HeaderMenu_04_over = newImage("./HeaderMenu/Rot_HeaderMenu_04-over.gif");
        HeaderMenu_06_over = newImage("./HeaderMenu/HeaderMenu_06-over.gif");
        HeaderMenu_08_over = newImage("./HeaderMenu/HeaderMenu_08-over.gif");
        HeaderMenu_10_over = newImage("./HeaderMenu/HeaderMenu_10-over.gif");
        HeaderMenu_12_over = newImage("./HeaderMenu/HeaderMenu_12-over.gif");
        HeaderMenu_14_over = newImage("./HeaderMenu/HeaderMenu_14-over.gif");
        HeaderMenu_16_over = newImage("./HeaderMenu/HeaderMenu_16-over.gif");
        preloadFlag = true;
    }
}

function Go(x)
{
   document.location.href = x;
}

 function getElement(id) {
   var elem;
   if (document.getElementById) { // standard browsers
     elem = document.getElementById(id);
   } else if (document.all) { // IE 4  elem = document.all[id];
   }  return elem;
 }

 function ShowPopup(id,event) {
   var elem = getElement(id);
   var elemStyle = elem.style || elem; // for NS4, not used here

   elemStyle.visibility = "visible";

   var width = elem.offsetWidth || elem.width || 100; // default to 100
   var height = elem.offsetHeight || elem.height || 100; 

   var posX,posY;
   if (event.pageX) { // NS 4, Mozilla
     posX = event.pageX;
     posY = event.pageY;
   } else { // IE, Opera
     var root = document.documentElement || document.body;
// alert ("event.clientX = " + event.clientX + "  event.clientY = " + event.clientY + "    -    root.scrollLeft = " + root.scrollLeft + "  root.scrollTop = " + root.scrollTop) 
     posX = event.clientX + root.scrollLeft - 10;
     posY = event.clientY + root.scrollTop - 10;
   }
   elemStyle.top =  posY - height + "px";
   elemStyle.left = posX - width + "px";
 }

 function HidePopup(id) {
   var elem = getElement(id);
   var elemStyle = elem.style || elem;
   elemStyle.visibility = "hidden";
 }
