<!--

// Utility function. Used by preloadImages().
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

// This function is called onmouseover & onmouseout to swap the images.
// Args = 'image name', 'url/to/image'
function changeImages() {
	/*
		Make sure the Browser has an image object (document.images)
		and make sure the images have been preloaded (preloadFlag == true)
	*/
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

// this makes sure all the images are loaded. it is called from onload.
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		/*
			Define a variable & create a new image for each 'over' images.
		*/
		h1 = newImage("images/hbut_01_o.gif");
		h2 = newImage("images/hbut_02_o.gif");
		h3 = newImage("images/hbut_03_o.gif");
		h4 = newImage("images/hbut_04_o.gif");
		h5 = newImage("images/hbut_05_o.gif");
		h6 = newImage("images/hbut_06_o.gif");
		
		v1 = newImage("images/vbut_01_o.gif");
		v2 = newImage("images/vbut_02_o.gif");
		v3 = newImage("images/vbut_03_o.gif");
		v4 = newImage("images/vbut_04_o.gif");
		v5 = newImage("images/vbut_05_o.gif");
		v6 = newImage("images/vbut_06_o.gif");
		v7 = newImage("images/vbut_07_o.gif");
		v8 = newImage("images/vbut_08_o.gif");
		preloadFlag = true;
	}
}

/*
	Usage:
	1:	<body onload="preloadImages();">
	
	2:	<a href="#" onmouseover="changeImages('home','images/hbut_01_o.gif'); return true;" onmouseout="changeImages('home', 'images/hbut_01.gif'); return true;"> <img name="home" src="images/hbut_01.gif" border="0" alt="Home" /></a>
*/

// -->