var flag = false;

function imageLoad() {  // called with onLoad()
    if (document.images) {
    	menu0on = new Image(); menu0on.src = "menu/menu0on.jpg";
        menu1on = new Image(); menu1on.src = "menu/menu1on.jpg";        
        menu3on = new Image(); menu3on.src = "menu/menu3on.jpg";
   	menu4on = new Image(); menu4on.src = "menu/menu4on.jpg";
   	menu5on = new Image(); menu5on.src = "menu/menu5on.jpg";
        menu6on = new Image(); menu6on.src = "menu/menu6on.jpg";
        menu7on = new Image(); menu7on.src = "menu/menu7on.jpg";
        return (flag = true);  
    }
}

if (document.images) {   // load the off images in the normal way
	menu0off = new Image(); menu0off.src = "menu/menu0off.jpg";
	menu1off = new Image(); menu1off.src = "menu/menu1off.jpg";	
	menu3off = new Image(); menu3off.src = "menu/menu3off.jpg";
	menu4off = new Image(); menu4off.src = "menu/menu4off.jpg";
	menu5off = new Image(); menu5off.src = "menu/menu5off.jpg";
	menu6off = new Image(); menu6off.src = "menu/menu6off.jpg";
	menu7off = new Image(); menu7off.src = "menu/menu7off.jpg";
}


function rollIn(imgName) {
    if (document.images && (flag == true)) {
        document[imgName].src = eval(imgName + "on.src");
    }
}

function rollOut(imgName) {  // the normal onMouseOut function
    if (document.images){
        document[imgName].src = eval(imgName + "off.src");
    }
}