/*
Writes common page sections onto the HTML document
*/

function createHeader(page) {
	document.writeln('<div id="headerWrap">');	
	document.writeln('	<div id="topBar"></div>');
	//document.writeln('	<div id="banner"><div id="logo"></div></div>');
	document.writeln('	<div id="banner"></div>');
	document.writeln('	<div id="menubar">');
	document.writeln('		<div id="menubar_left">&nbsp;</div>');
	document.writeln('		<div id="menubar_right">&nbsp;</div>');
	document.writeln('		<div id="menubar_selection">');
	document.writeln('			<ul>');
	if ( page == 1 ){ 
		document.writeln('			<li><span class="onPage"><img src="./images/icons/home_active.png" class="icons" />Home</span></li>'); 
	} else { 
		document.writeln('			<li><img src="./images/icons/home_idle.png" class="icons" /><a href="index.html" alt="Home" onmouseover="fadeBGColMem(180,201,250)" onmouseout="fadeBGColRestore()">Home</a></li>');
	}
	if ( page == 2 ){ 
		document.writeln('			<li><span class="onPage"><img src="./images/icons/about_active.png" class="icons" />About CATSO</span></li>'); 
	} else { 
		document.writeln('			<li><img src="./images/icons/about_idle.png" class="icons" /><a href="about.html" alt="About CATSO" onmouseover="fadeBGColMem(190,239,217)" onmouseout="fadeBGColRestore()">About CATSO</a></li>');
	}
	if ( page == 3 ){ 
		document.writeln('			<li><span class="onPage"><img src="./images/icons/events_active.png" class="icons" />Events</span></li>'); 
	} else { 
		document.writeln('			<li><img src="./images/icons/events_idle.png" class="icons" /><a href="events.html" alt="Events" onmouseover="fadeBGColMem(231,233,169)" onmouseout="fadeBGColRestore()">Events</a></li>');
	}
	if ( page == 4 ){ 
		document.writeln('			<li><span class="onPage"><img src="./images/icons/gallery_active.png" class="icons" />Gallery</span></li>'); 
	} else { 
		document.writeln('			<li><img src="./images/icons/gallery_idle.png" class="icons" /><a href="gallery.html" alt="Gallery" onmouseover="fadeBGColMem(246,178,178)" onmouseout="fadeBGColRestore()">Gallery</a></li>');
	}
	if ( page == 5 ){ 
		document.writeln('			<li><span class="onPage"><img src="./images/icons/links_active.png" class="icons" />Links</span></li>'); 
	} else { 
		document.writeln('			<li><img src="./images/icons/links_idle.png" class="icons" /><a href="links.html" alt="Links" onmouseover="fadeBGColMem(216,181,252)" onmouseout="fadeBGColRestore()">Links</a></li>');
	}
	if ( page == 6 ){ 
		document.writeln('			<li><span class="onPage"><img src="./images/icons/contact_active.png" class="icons" />Contact Us</span></li>'); 
	} else { 
		document.writeln('			<li><img src="./images/icons/contact_idle.png" class="icons" /><a href="contact.html" alt="Contact Us" onmouseover="fadeBGColMem(252,181,252)" onmouseout="fadeBGColRestore()">Contact Us</a></li>');
	}
	document.writeln('		</div>');
	document.writeln('	</div>');
	document.writeln('</div>');
}

function createFooter() {
	document.writeln('<div id="footer">');
	document.writeln('	<div class="footer_row">');
	document.writeln('	<a href="index.html" alt="Home" onmouseover="fadeBGColMem(180,201,250)" onmouseout="fadeBGColRestore()">Home</a>&nbsp;|&nbsp;');
	document.writeln('	<a href="about.html" alt="About CATSO" onmouseover="fadeBGColMem(190,239,217)" onmouseout="fadeBGColRestore()">About CATSO</a>&nbsp;|&nbsp;');
	document.writeln('	<a href="events.html" alt="Events" onmouseover="fadeBGColMem(231,233,169)" onmouseout="fadeBGColRestore()">Events</a>&nbsp;|&nbsp;');
	document.writeln('	<a href="gallery.html" alt="Gallery" onmouseover="fadeBGColMem(246,178,178)" onmouseout="fadeBGColRestore()">Gallery</a>&nbsp;|&nbsp;');
	document.writeln('	<a href="links.html" alt="Links" onmouseover="fadeBGColMem(216,181,252)" onmouseout="fadeBGColRestore()">Links</a>&nbsp;|&nbsp;');
	document.writeln('	<a href="contact.html" alt="Contact Us" onmouseover="fadeBGColMem(252,181,252)" onmouseout="fadeBGColRestore()">Contact Us</a>&nbsp;&nbsp;&nbsp;');
	document.writeln('	</div>');
	document.writeln('	<div class="footer_row" style="margin-top: 32px;">&copy; 2007 CATSO</div>');
	document.writeln('</div>');
}