//menu buttons
var h_teachersOn = new Image();
var h_teachersOff = new Image();

var h_retailersOn = new Image();
var h_retailersOff = new Image();

var h_parentsOn = new Image();
var h_parentsOff = new Image();

//menu buttons source
h_teachersOn.src="art/h_teachers_on.gif";
h_teachersOff.src="art/h_teachers.gif";

h_retailersOn.src="art/h_retailers_on.gif";
h_retailersOff.src="art/h_retailers.gif";

h_parentsOn.src="art/h_parents_on.gif";
h_parentsOff.src="art/h_parents.gif";

// Change RollOver
function menuRollOn(imgname){ //use this for mouseover on images NOT on layers
		if (document.all){
			eval('document.images.'+imgname+'.src='+imgname+'On.src');
		} else if (document.layers) {
			eval('document.'+imgname+'.src='+imgname+'On.src');
		} else if (document.getElementById&&!document.all) {
			eval('document.getElementById("'+imgname+'").src='+imgname+'On.src');
			//eval('document.'+imgname+'.src='+imgname+'On.src');
		}		
}

// Revert to Default Image
function menuRollOff(imgname) { //use this for mouseout on images NOT on layers
		if (document.all) {
			eval('document.images.'+imgname+'.src='+imgname+'Off.src');
		} else if (document.layers) {
			eval('document.'+imgname+'.src='+imgname+'Off.src');
		} else if (document.getElementById&&!document.all) {
			// doesn't work -- eval('document.'+imgname+'.setAttribute("src","'+imgname+'Off.src")');
			eval('document.getElementById("'+imgname+'").src='+imgname+'Off.src');
		}	  
}