

<!-- <a href="index_main.php" onMouseOver="menuRollOn('home')" onMouseOut="menuRollOff('home')"><img name="home" id="home" src="art/home.gif" width="132" height="17" border="0"></a>  -->


//menu buttons
var classicsOn = new Image();
var classicsOff = new Image();

var religiousOn = new Image();
var religiousOff = new Image();

var holidayOn = new Image();
var holidayOff = new Image();

var tomorrowOn = new Image();
var tomorrowOff = new Image();

var charactersOn = new Image();
var charactersOff = new Image();


//menu buttons source
classicsOn.src="../art/ro_classics_on.gif";
classicsOff.src="../art/ro_classics.gif";

religiousOn.src="../art/ro_religious_on.gif";
religiousOff.src="../art/ro_religious.gif";

holidayOn.src="../art/ro_holiday_on.gif";
holidayOff.src="../art/ro_holiday.gif";

tomorrowOn.src="../art/ro_tomorrow_on.gif";
tomorrowOff.src="../art/ro_tomorrow.gif";

charactersOn.src="../art/ro_characters_on.gif";
charactersOff.src="../art/ro_characters.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');
		}	  
}