//Arrays to hold Images ------------->	
var rollImg = new Array();
var dfltImg = new Array();
//var descImg = new Array();
//create image objects ------------>
for (var i = 0; i <= areas.length - 1; i++) {
 	rollImg[i] = new Image();
	dfltImg[i] = new Image();
	//descImg[i] = new Image();
}
//Preload Images ------------>
for (var i = 0; i <= areas.length - 1; i++) {
var thisGraphic = areas[i].toLowerCase();
	rollImg[i].src = navPath + thisGraphic + '_roll.gif';
	dfltImg[i].src = navPath + thisGraphic + '.gif';
	//descImg[i].src = navPath + thisGraphic + '_desc.gif';
}

//Here's the swap for all images ------------->
function imgSwap(img_nm, img_src) {
	document.images[img_nm].src = img_src;
}

//Main ------------>
function swap(toggle, swap_num) {
	swap_num -= 1;  	
  	for (var i = 0; i <= areas.length; i++) {				
  		if (swap_num == i) {
				if (toggle == 'on') {
					//There must be an available graphic for each spot!!
  					imgSwap('navImg_' + areas[i], rollImg[i].src);
						//imgSwap('descImg', descImg[i].src);
						//alert('in switch descImg is ' + descImg[i].src)			
  			} else {
  					imgSwap('navImg_' +  areas[i], dfltImg[i].src);
  					//imgSwap('descImg', navPath + 'blank_desc.gif');						
  			}			
			}
		}
}