// ==================================================
// Declare vars
var TotalRolloverImages = 18;
var ImagesFolder = "/familyservicegw/images/";
var ImageNamePrefix = "mainnav";
var myImageNamePrefixLength = ImageNamePrefix.length;
RollOnImagesArray  = new Array();
RollOffImagesArray = new Array();

// Preload all images for main nav
for(count = 1; count <= TotalRolloverImages; count++) {
	
	RollOnImagesArray[count] = new Image();      
	RollOnImagesArray[count].src = ImagesFolder + ImageNamePrefix + count + "_on.gif"; 
	
	RollOffImagesArray[count] = new Image();      
	RollOffImagesArray[count].src = ImagesFolder + ImageNamePrefix + count + "_off.gif"; 
	
}


// ==================================================
// Roll on
function rollon(myImageName) {
	var ImageNumber = myImageName.substring(myImageNamePrefixLength);
	
	if (document.images && document.images[myImageName].complete) {
		document.images[myImageName].src = RollOnImagesArray[ImageNumber].src;
	}
	
}


// ==================================================
// Roll off
function rolloff(myImageName) {
	var ImageNumber = myImageName.substring(myImageNamePrefixLength);

	if (document.images && document.images[myImageName].complete) {
		
		document.images[myImageName].src = RollOffImagesArray[ImageNumber].src;
		
		// turn StatAware back on
		var StateAware; // won't change value but makes it exist if undefined
		MakeStateAware();
	}
	
}


// ==================================================
// set stateaware
function MakeStateAware() {
	var StateAwareImageName;
	var StateAware; // won't change value but makes it exist if undefined
	
	if (StateAware < 1) {
		StateAware = 0;
	}
	
	if (StateAware > 0) { // Do if StateAware is defined
		
		// assemble stateaware image name
		StateAwareImageName = ImageNamePrefix + StateAware;
		
		// set image source
		document.images[StateAwareImageName].src = ImagesFolder + StateAwareImageName + "_on.gif";
	}

}
// ==================================================