// JavaScript Document
function rollUpOver(toRoll, img) {

    var r = document.getElementById(toRoll);
    //var directory = 'images/buttons/' + img;

    r.src = (r.src.toLowerCase().indexOf('up') == -1) ? r.src.toLowerCase().replace("over.png", "up.png") : r.src.toLowerCase().replace("up.png", "over.png");
}

function roll(toRoll, img){
	var r = document.getElementById(toRoll);	
	 r.src = (r.src.toLowerCase().indexOf('off') == -1) ? r.src.toLowerCase().replace("on.png", "off.png") : r.src.toLowerCase().replace("off.png", "on.png");	
}

function roll2(toRoll, img){
	var r = document.getElementById(toRoll);
	
	 r.src = (r.src.toLowerCase().indexOf('off') == -1) ? r.src.toLowerCase().replace("on.png", "off.png") : r.src.toLowerCase().replace("off.png", "on.png");		
}

function rollE(toRoll, img){
	var r = document.getElementById(toRoll);
	var directory='images/buttons/';
		
	r.src = (r.src.indexOf('_on')==-1) ? directory + "e_on.png" : directory + "e_off.png";	
}


function suproll(toRoll){

		var r = document.getElementById(toRoll);
			var directory='images/'+toRoll;
		r.onmouseover = function(){
		
			change(this,directory);
		}
		
			r.onmouseout = function(){
		
			change(this,directory);
		}

}


function change(r,directory){
			r.src = (r.src.indexOf('_on')==-1) ? directory + "_on.gif" : directory + "_off.gif";
}