/**************************************************
  dropImage v1.0 - Dropdown menu using images
  written by Paul Ottley August 2006
**************************************************/

//global variables
var menuDiv;

function showMenu(id){
  // set the menuDiv using the id passed in
  menuDiv = document.getElementById(id);

  // set the css class name to make it visible
  menuDiv.className = "showMenu";

}

function hideMenu(id){
  // set the css class name to make it invisible
  menuDiv.className = "hideMenu";
  
}

// The four functions below allow for image rollovers
function changeImagepng(img){
var img_over = "images/layout/" + img + "_ro.png";
document.getElementById(img).src = img_over;
}
function changeImageBackpng(img){
var img_over = "images/layout/" + img + ".png";
document.getElementById(img).src = img_over;
}
function changeImagejpg(img){
var img_over = "images/layout/" + img + "_ro.jpg";
document.getElementById(img).src = img_over;
menuDiv.className="showMenu";
}
function changeImageBackjpg(img){
var img_over = "images/layout/" + img + ".jpg";
document.getElementById(img).src = img_over;
menuDiv.className="hideMenu";
}
function changeImagegif(img){
var img_over = "images/layout/" + img + "_ro.gif";
document.getElementById(img).src = img_over;
menuDiv.className="showMenu";
}
function changeImageBackgif(img){
var img_over = "images/layout/" + img + ".gif";
document.getElementById(img).src = img_over;
menuDiv.className="hideMenu";
}
