//set up array of images for navbar
	var aryImages = new Array(2);

	aryImages[0] = "images/menu_home.gif";
	aryImages[1] = "images/menu_over_home.gif";
	aryImages[2] = "images/menu_membership.gif";
	aryImages[3] = "images/menu_over_member.gif";
	aryImages[4] = "images/menu_news.gif";
	aryImages[5] = "images/menu_over_news.gif";
	aryImages[6] = "images/menu_events.gif";
	aryImages[7] = "images/menu_over_events.gif";
	aryImages[8] = "images/menu_resources.gif";
	aryImages[9] = "images/menu_over_resources.gif";
	aryImages[10] = "images/menu_links.gif";
	aryImages[11] = "images/menu_over_links.gif";
	aryImages[12] = "images/menu_aboutus.gif";
	aryImages[13] = "images/menu_over_aboutus.gif";
	aryImages[14] = "images/menu_contactus.gif";
	aryImages[15] = "images/menu_over_contactus.gif";
	aryImages[16] = "images/menu_email.gif";
	aryImages[17] = "images/menu_over_email.gif";

  	//preload images
	for (i=0; i < aryImages.length; i++) {
		var preload = new Image();
		preload.src = aryImages[i];
	}

	function loadimages(imgIndex) {
		//show images here
		document['imgnav1'].src = aryImages[0];
		document['imgnav2'].src = aryImages[2];
		document['imgnav3'].src = aryImages[4];
		document['imgnav4'].src = aryImages[6];
		document['imgnav5'].src = aryImages[8];
		document['imgnav6'].src = aryImages[10];
		document['imgnav7'].src = aryImages[12];
		document['imgnav8'].src = aryImages[14];
		document['imgnav9'].src = aryImages[16];
	}

	function swapimages(imgnavid,imgindex) {
		//swap images on mouseover/out
		var strimgnav = 'imgnav' + imgnavid
		document[strimgnav].src = aryImages[imgindex];
	}