var names = new Array('home', 'services', 'about', 'portfolio', 'contact');
   var popupTimer;

   // get page name
   var url = document.location.toString().split("/");
   var current = url[url.length-1].split(".")[0];
   if ( (current == 'index') || (current == '') ) {
      current = 'home';
   }
   if (current.indexOf("services") != -1) {
      current = 'services';
   }
   if (current.indexOf("portfolio") != -1) {
      current = 'portfolio';
   }

   function newImage(arg) {
      if (document.images) {
         rslt = new Image();
         rslt.src = arg;
         return rslt;
      }
   }
   
   function changeImages() {
      if (document.images && (preloadFlag == true)) {
         clearTimeout('timer');
         for (var i=0; i<changeImages.arguments.length; i+=2) {
/*
            var name = changeImages.arguments[i];
            var image = changeImages.arguments[i+1];
            if ( (changeImages.arguments[i].indexOf(current) != -1) && (changeImages.arguments[i+1].indexOf('_off') != -1) ) {
               image = image.replace(/_off/gi, "_down")
            }
            if (changeImages.arguments[i+1].indexOf('_off') != -1) {
               document['popup'].src = 'images/popup_' + current + '.gif';
            }
            document[name].src = image;
*/
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
         }
      }
   }
   
   var preloadFlag = false;
   function preloadImages() {
      // first, highlight page name image
      eval('nav_' + names[i] + '_off = newImage("images/nav_' + names[i] + '_off.gif");');
      //alert('images/nav_' + current + '_down.gif');
      document['nav_' + current].src = 'images/nav_' + current + '_down.gif';
      document['popup'].src = 'images/popup_' + current + '.gif';


      if (document.images) {
         for (var i = 0; i < names.length; i++) {
            eval('nav_' + names[i] + '_off = newImage("images/nav_' + names[i] + '_off.gif");');
            eval('nav_' + names[i] + '_over = newImage("images/nav_' + names[i] + '_over.gif");');
            eval('nav_' + names[i] + '_down = newImage("images/nav_' + names[i] + '_down.gif");');
            eval('popup_' + names[i] + ' = newImage("images/popup_' + names[i] + '.gif");');
         }
         preloadFlag = true;
      }
   }

   function mouseOver(name) {
      clearTimeout(popupTimer);
      changeImages('nav_' + name, 'images/nav_' + name + '_over.gif', 'popup', 'images/popup_' + name + '.gif');
   }

   function mouseOut(name) {
      // set for current page
      if (name == current) {
         changeImages('nav_' + name, 'images/nav_' + name + '_down.gif', 'popup', 'images/popup_' + name + '.gif');
      }
      else {
         changeImages('nav_' + name, 'images/nav_' + name + '_off.gif', 'popup', 'images/popup_' + name + '.gif');
         popupTimer = setTimeout('changeImages("popup", "images/popup_' + current + '.gif")',  100);
         //changeImages('nav_' + name, 'images/nav_' + name + '_off.gif', 'popup', 'images/popup_' + current + '.gif')
      }
   }

   function mouseDown(name) {
      if (name != current) {
         //alert('nav_' + current + 'images/nav_' + current + '_off.gif');
         changeImages('nav_' + current, 'images/nav_' + current + '_off.gif');
      }
      changeImages('nav_' + current, 'images/nav_' + current + '_off.gif');
      changeImages('nav_' + name, 'images/nav_' + name + '_down.gif');
   }