//menu buttons
var r_teachersOn = new Image();
var r_teachersOff = new Image();

var r_parentsOn = new Image();
var r_parentsOff = new Image();

var p_retailersOn = new Image();
var p_retailersOff = new Image();

//menu buttons source
r_teachersOn.src="/kids/books/step/art/r_teachers_on.gif";
r_teachersOff.src="/kids/books/step/art/r_teachers.gif";

r_parentsOn.src="/kids/books/step/art/r_parents_on.gif";
r_parentsOff.src="/kids/books/step/art/r_parents.gif";

p_retailersOn.src="/kids/books/step/art/p_retailers_on.gif";
p_retailersOff.src="/kids/books/step/art/p_retailers.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');
		}	  
}