//function for making rollovers in per_nav
		function nav_overs(elem)
		{
			var pnav = document.getElementById(elem);
			
			var nav_items = pnav.getElementsByTagName('li');
			for(i=0;i<nav_items.length;i++){
				//dont try to make rollovers for images with no_rollover class
				if(nav_items[i].className != 'act'){
					nav_items[i].onmouseover=function(){this.className = 'act';}
					nav_items[i].onmouseout=function(){this.className = '';}
				}				
				
			}
			
			
			
		}
		
		function swapimg(elem){
				var itemimg = elem.getElementsByTagName('img');
				for(i=0;i<itemimg.length;i++){
					itemimg[i].src = splitSrc(itemimg[i].src);
				}
		}
		
		//helper function for rollovers
		function splitSrc(imgsrc){			
			//now break it into parts so that we can change it to the over state
			var this_ext = imgsrc.substring(imgsrc.length-4,imgsrc.length);
			//flag the current state (on/off)
			var state = imgsrc.substring(imgsrc.length-7,imgsrc.length-4) == '_on' ? true : false;
				
				if(state){
					var this_src_split = imgsrc.split('_on');
					var newsrc = this_src_split[0]+''+this_ext;
				}else{
					var this_src_split = imgsrc.split(this_ext);
					var newsrc = this_src_split[0]+'_on'+this_ext;
				} 
			return newsrc;
		}

	
		
		
		window.onload=function(){
			nav_overs('nav');
		}