//// image replacement ////

// set variables
var imgOn = '';
var imgDir = '/content/!RL06_SYSTEM/images/buttons/';
var imgOver = '-over';
var imgBar = '-bar';
/* cache images - listed as arguments in the function call */

//	 returns an image cache object
function imgCache() {
	this.onImgs = new Array(arguments.length);
	this.offImgs = new Array(arguments.length);
	this.barImgs = new Array(arguments.length);
	for (i = 0; i < arguments.length; i++) {
		onImgs[arguments[i]] = new Image();
		offImgs[arguments[i]] = new Image();
		barImgs[arguments[i]] = new Image();
		onImgs[arguments[i]].src = imgDir + arguments[i] + imgOver + '.gif';
		offImgs[arguments[i]].src = imgDir + arguments[i] + imgOn + '.gif';
		barImgs[arguments[i]].src = imgDir + arguments[i] + imgBar + '.gif';
	}
	return this;
}

// generic image rollover function
function imgChange(imgName, state) {
	if (state == 'on'){
		document[imgName].src = onImgs[imgName].src;
	}
	else {
		document[imgName].src = offImgs[imgName].src;
	}
}

// generic image rollover function
function imgFormChange(elementName, state) {
	var elemNam = elementName;
	var x = document.getElementById(elemNam);
	if (state == 'on'){
		x.src = onImgs[elementName].src;
	}
	else {
		x.src = offImgs[elementName].src;
	}
}

function imgDivChange(divName, elementName, state) {
	var x = document.getElementById(divName);
	
	if(state == 'on') {
		x.style.backgroundImage = "url(" + barImgs[elementName].src + ")";
	} else {
		x.style.backgroundImage = "url(/content/!RL06_SYSTEM/images/backgrounds/mainContent-top.gif)";
	}
}