/* 
you would do the following as far as scripting
NOTE: 'rolloverImageName'is the Name property given to the large rollover image
<A HREF="index2.html" onMouseOver="changeANDroll('home','rolloverImageName'),window.status='Home' ;  return true" onMouseOut="changeANDroll('home','rolloverImageName')"><IMG SRC="images/nav_home1.gif" ALT="Home" WIDTH="73" HEIGHT="17" BORDER="0" NAME="home"></A>


THIS GOES ON EACH OF YOUR PAGES:

<SCRIPT type= "text/JavaScript">
<!--
	var imagesLocation = "images/";  //path to images
	//array of what the names are for each of the images for the navigation (copyshop = nav_copyshop1.gif and nav_copyshop2.gif)
	var imagesToPreload = new Array('home','library','theater','clubhouse','newsstand','gallery','copyshop','bank');
	//-->
</SCRIPT>
<SCRIPT type= "text/JavaScript" src="jscripts/rollover.js">
</SCRIPT>

*/

if (document.images) {
	preloadedImages = new Array;

	for (i in imagesToPreload) {
		preloadedImages[i] = new Array;

		preloadedImages[i][0] = new Image;
		preloadedImages[i][0].src = imagesLocation + "nav_" + imagesToPreload[i] + "1.gif";
		preloadedImages[i][1] = new Image;
		preloadedImages[i][1].src = imagesLocation + "nav_" + imagesToPreload[i] + "2.gif";
	}

		
}	



if (document.images) {
	preloadedImages = new Array;

	for (i in imagesToPreload2) {
		preloadedImages[i] = new Array;

		preloadedImages[i][0] = new Image;
		preloadedImages[i][0].src = imagesLocation + "shop_" + imagesToPreload[i] + "1.jpg";
		preloadedImages[i][1] = new Image;
		preloadedImages[i][1].src = imagesLocation + "shop_" + imagesToPreload[i] + "2.jpg";
	}

		
}	







function changeANDroll(img,img2) {
	if (document.images) {
		if (document.images[img].src.indexOf('1') > -1) {
			document.images[img].src = imagesLocation + "shop_" + img + "2.jpg";
			document.images[img2].src = imagesLocation + "shop_" + img2 + "2.jpg";	
		} else {
			document.images[img].src = imagesLocation + "shop_" + img + "1.jpg";
			document.images[img2].src = imagesLocation + "shop_" + img2 + "1.jpg";
		}
	}
}


function change(img) {
	if (document.images) {
		if (document.images[img].src.indexOf('1') > -1) {
			document.images[img].src = imagesLocation + "indnav_" + img + "2.gif";
		} else {
			document.images[img].src = imagesLocation + "indnav_" + img + "1.gif";
		}
	}
}

function change2(img) {
	if (document.images) {
		if (document.images[img].src.indexOf('1') > -1) {
			document.images[img].src = imagesLocation + "nav_" + img + "2.gif";
		} else {
			document.images[img].src = imagesLocation + "nav_" + img + "1.gif";
		}
	}
}

function change3(img) {
	if (document.images) {
		if (document.images[img].src.indexOf('1') > -1) {
			document.images[img].src = imagesLocation + "shop_" + img + "2.jpg";
		} else {
			document.images[img].src = imagesLocation + "shop_" + img + "1.jpg";
		}
	}
}