<!--
	// ---------------------- BEGIN: change button images onMouseOver
	// (1) To add "pics/image1.gif" and "pics/image2.gif", populate imgAry like this: Array('image1','image2')
	// (2) There must be a corresponding "image1_on.gif" image in the same directory as "image1.gif"
	// (3) The 'A' tag must contain: onMouseOver="dark2lite('image1')" onMouseOut="lite2dark('image1')"
	// (4) The 'IMG' tag must contain: NAME="image1"
	if (document.images) {
		// array of image names
		var imgAry = new Array('nav_about','nav_branding','nav_businessdev','nav_clients','nav_contactus','nav_design','nav_marketing','nav_news','nav_services');
	
		// path where images are located
		var imgLoc = 'pics/';
		
		// loads all the images before the page is displayed so there is no delay when changing images
		for (var i=0; i < imgAry.length; i++) {	
			eval(imgAry[i] + '_lit = new Image()');
			eval(imgAry[i] + '_lit.src = "' + imgLoc + imgAry[i] + '_on.gif"');
			
			eval(imgAry[i] + '_drk = new Image()');
			eval(imgAry[i] + '_drk.src = "' + imgLoc + imgAry[i] + '.gif"');
		}
	}
	
	function dark2lite(sImgName) {
		if (document.images) eval('document.' + sImgName + '.src = ' + sImgName + '_lit.src');
	}
	
	function lite2dark(sImgName) {
		if (document.images) eval('document.' + sImgName + '.src = ' + sImgName + '_drk.src');
	}
	// ---------------------- END: change button images onMouseOver
	//-->