function SwapImg(elem, over){
	
	var strFileName = 'images/' + elem.name;
	if(over){
		strFileName += '_over';
	}else{
		strFileName += '_out';
	}
	strFileName += '.jpg';
	elem.src = strFileName;
	
	return true;
}

function DoHeader(elem){
	var el = document.getElementById(elem);
	var htmlString = ""
	
	htmlString = '<div style="position: absolute; top: 0px; left: 0px; height: 115px; width: 100%; background-color: #64C8C8;">&nbsp;</div>';
	htmlString += '<div style="position: absolute; top: 0px; left: 0px"><a href="http://mackenzieriver.net"><img src="images/logo.jpg"></a></div>';
	htmlString += '<div style="position: absolute; top: 0px; left: 525px;"><img src="images/splash_bw.gif"></div>';
	htmlString += '<div style="position: absolute; top: 195px; left: 0px; width: 525px; height: 150px; background-color: #64C8C8;"><center><a href="Bios.htm"><img name="Bios" src="images/Bios_out.jpg" onMouseOver="SwapImg(Bios, true);" onMouseOut="SwapImg(Bios, false);"></a>';
	htmlString += '<a href="Calendar.htm"><img name="Calendar" src="images/Calendar_out.jpg" onMouseOver="SwapImg(Calendar, true);" onMouseOut="SwapImg(Calendar, false);"></a>';
	htmlString += '<a href="Multimedia.htm"><img name="Multimedia" src="images/Multimedia_out.jpg" onMouseOver="SwapImg(Multimedia, true);" onMouseOut="SwapImg(Multimedia, false);"></a><br>';
	htmlString += '<a href="Links.htm"><img name="Links" src="images/Links_out.jpg" onMouseOver="SwapImg(Links, true);" onMouseOut="SwapImg(Links, false);"></a>';
	htmlString += '<a href="Contact.htm"><img name="Contact" src="images/Contact_out.jpg" onMouseOver="SwapImg(Contact, true);" onMouseOut="SwapImg(Contact, false);"></a>';
	htmlString += '</center></div>';
	
	el.innerHTML = htmlString;
}
