var highlight_color = '#FFFF66';
var drop_delay = 6000;
var button_width = 100;
var start_px = 2;
var drop_px = -3;
var menu_timer;
var lastId = '';

if (document.layers) {
   hidden = "hide";
   visible = "show";
 } else if (document.all) {
   hidden = "hidden"; 
   visible = "visible";
}

function setup () {
  for ( var i = 1; i < 7; i++ ) {
    setupImg(i);
    setupTop(i);
    setupDrop(i);
  };
}

function setupImg (j) {
  if (document.layers) {
    objDivOver = document.layers["imgClassOver"+j]; 
    objDivOut  = document.layers["imgClassOut"+j]; 
  } else if (document.all) {
    objDivOver = document.all("imgClassOver"+j).style;
    objDivOut = document.all("imgClassOut"+j).style;
  } else if (document) {
    objDivOver = document.getElementById("imgClassOver"+j).style;
    objDivOut = document.getElementById("imgClassOut"+j).style;
  };

  objDivOver.left = objDivOut.left = start_px + ( j - 1 ) * button_width;
  objDivOut.visibility = 'visible';
  objDivOver.visibility = 'hidden';
}

function setupTop (j) {
  if (document.layers) {
    objTop = document.layers["topMenu"+j]; 
  } else if (document.all) {
    objTop = document.all("topMenu"+j).style;
  } else if (document) {
    objTop = document.getElementById("topMenu"+j).style;
  };
  objTop.left = start_px + ( j - 1 ) * button_width;
  objTop.visibility = 'visible';
}

function setupDrop (j) {
  if (document.layers) {
    objDrop = document.layers["dropMenu"+j];
  } else if (document.all) {
    objDrop = document.all("dropMenu"+j).style;
  } else if (document) {
    objDrop = document.getElementById("dropMenu"+j).style;
  };
  objDrop.left = drop_px + start_px + ( j - 1 ) * button_width;
  objDrop.visibility = 'hidden';
}

function menuOver(id) {
  if (document.layers) {
    objDrop = document.layers["dropMenu"+id];

  } else if (document.all) {
    objDrop = document.all("dropMenu"+id).style;

  } else if (document) {
    objDrop = document.getElementById("dropMenu"+id).style;
  };
  if ( objDrop.visibility == 'visible' ) {
      clearTimeout(menu_timer);
  } else {
    swapImage(id,"on");
  }
}

function reveal(id) {
  if ( id == 6) {
    return
   };
  if (document.layers) {
    objDrop = document.layers["dropMenu"+id];
  } else if (document.all) {
    objDrop = document.all("dropMenu"+id).style;
  } else if (document) {
    objDrop = document.getElementById("dropMenu"+id).style;
  };

  if ( objDrop.visibility == 'visible' ) {
    objDrop.visibility = 'hidden';
  } else {
    objDrop.visibility = 'visible';
  }

  if ( lastId != '' && lastId != id ) {
    clearTimeout(menu_timer);
    reset(lastId);
  }
  lastId = id;
}

function menuOut(id) {
  if (document.layers) {
    objDrop = document.layers["dropMenu"+id];
  } else if (document.all) {
    objDrop = document.all("dropMenu"+id).style;
  } else if (document) {
    objDrop = document.getElementById("dropMenu"+id).style;
  };

  if ( objDrop.visibility == 'hidden' ) {
    swapImage(id,"off");
  } else {
    menu_timer = setTimeout("reset('"+id+"');",drop_delay);
  }
}

function reset(id){
  if (document.layers) {
    objDrop = document.layers["dropMenu"+id];
  } else if (document.all) {
    objDrop = document.all("dropMenu"+id).style;
  } else if (document) {
    objDrop = document.getElementById("dropMenu"+id).style;
  };
  swapImage(id,"off");
  if ( objDrop.visibility == 'visible' ) {
    objDrop.visibility = 'hidden';    
  }
}

function swapImage (id,op) {
  if (document.layers) {
    objDivOver = document.layers["imgClassOver"+id]; 
    objDivOut  = document.layers["imgClassOut"+id]; 
  } else if (document.all) {
    objDivOver = document.all("imgClassOver"+id).style;
    objDivOut = document.all("imgClassOut"+id).style;
  } else if (document) {
    objDivOver = document.getElementById("imgClassOver"+id).style;
    objDivOut = document.getElementById("imgClassOut"+id).style;
  };
  if ( op == 'on' ) {
      objDivOut.visibility = 'hidden';
      objDivOver.visibility = 'visible';    
  } else if ( op == 'off' ) {
      objDivOut.visibility = 'visible';
      objDivOver.visibility = 'hidden'; 
  } else {
    if (objDivOut.visibility == 'visible' ) {
      objDivOut.visibility = 'hidden';
      objDivOver.visibility = 'visible';  
    } else {
      objDivOut.visibility = 'visible';
      objDivOver.visibility = 'hidden';  
    }
  }
}

