function pageHeader(){
	createStyle();
	createBanner();
	startBodyTemplate();

}
function pageFooter(){
	endBodyTemplate();
}
//----- STYLE tag functions
// this function will place the style tags and their contents
function createStyle(){
	outCode = "";
	outCode += "<style>";
	outCode += "a:link { text-decoration: none; color: #000000 }";
	outCode += "a:visited { text-decoration: none; color: #000000 }";
	outCode += "a:hover { text-decoration: underline; color: #000000 }";
	outCode += ".menu { color:#000000; font-size:10pt; font-family: arial }";
	outCode += "	.menu a:link { text-decoration: none; color:#000000 }";
	outCode += "	.menu a:visited { text-decoration: none; color:#000000 }";
	outCode += "	.menu a:hover { text-decoration: underline; color:#990000 }";
	outCode += ".body1 { color:#000000; font-family: times }";
	outCode += "	.body1 a:link { text-decoration: none; color:#000000 }";
	outCode += "	.body1 a:visited { text-decoration: none; color:#000000 }";
	outCode += "	.body1 a:hover { text-decoration: none; color:#990000 }";
	outCode += ".quote { color:#000000; font-family: tahoma, Verdana, times new roman, times; margin: 0in 0in 0pt; font-weight: bold;}";
	outCode += ".author { color:#000000; font-family: tahoma, Verdana, times new roman, times; margin: 0pt 40pt 0pt; font-size:85%;}";
	outCode += "</style>";

	document.write(outCode);
}

// this function will print the banner table and calls the BODY tag function
function createBanner(){
	openBodyTag();

	//----- begin drawing the banner
	outCode += "<table cellpadding=0 cellspacing=0 width='100%' border=0>";
	outCode += "<tr>";
	outCode += "<td width='457' align='left'><img src='images/banner_pic_a1.gif' border=0></td>";
	outCode += "<td background='images/banner_pic_a2.gif'><img src='images/clear.gif' valign='top'></td>";
	outCode += "</tr>";
	outCode += "</table>";
	outCode += "";
	

	document.write(outCode);
}

//----- BODY TAG functions
// this function will print the opening BODY tag
function openBodyTag(){
	document.write("<body bgcolor='#DADADA' rightmargin='0' topmargin='0' leftmargin='0'>");
}

// this function will print the closig BODY tag
function closeBodyTag(){
	document.write("</body>");
}

//--------------------------
// this function creates the body template
//	NOTE: body template includes menu column
function startBodyTemplate(){
	outCode = "";
	outCode += "<table cellpadding=0 cellspacing=0 height=100% width='100%' border=0>";
	outCode += "<tr>";
	outCode += "	<td width=151 align='left' valign='top' height=29><img src='images/banner_pic_b1.gif' border=0><br>";
	outCode += "	<table background='images/banner_pic_c1.gif' cellpadding=0 cellspacing=0 width='100%' border=0>";
	outCode += "	<tr>";
	outCode += "		<td width='25'><img src='images/clear.gif' width=15 height=10 align='left' border=0></td>";
	outCode += "		<td valign='top' align='left'>";
	
	outCode += "			<span class='menu'>";
	outCode +=			getMenuCode();
	outCode += "			<img src='images/clear.gif' width=20 height=20 border=0><br>";

					<!----- menu image ---------->
	outCode += "			<img src='images/black.gif' width='110' height='200' align='left' name='menu_img'><br>";
	outCode += "			</span>";
	outCode += "		</td>";
	outCode += "	</tr>";
	outCode += "	</table>";
	outCode += "	<img src='images/banner_pic_c1.gif' border=0 width='151' height='20'><br><!-- menu vertical spacer -->";
	outCode += "	<img src='images/banner_pic_d1.gif' border=0><br><!-- menu </tr>stars -->";
	outCode += "	<img src='images/banner_pic_e1.gif' border=0><!-- menu stars -->";
	outCode += "	</td>";
			<!----- body left spacer ----->
	outCode += "	<td valign='top' width='10'>";
	outCode += "	<img src='images/clear.gif' width='10' height='5'>";
	outCode += "	</td>";
	outCode += "	<td valign='top'>";

	document.write(outCode);
}

// this function will close out the body template
function endBodyTemplate(){
	outCode = "";
	outCode += "	</td>";
			<!----- body right spacer ----->
	outCode += "	<td valign='top' width='20'>";
	outCode += "	<img src='images/clear.gif' width='20' height='5'>";
	outCode += "	</td>";
	outCode += "	</tr>";
	outCode += "</table>";
	outCode += "";

	document.write(outCode);
	closeBodyTag();	
}

//----- menu items
menuItems = new Array (
	"The Campaign", "index.html",
	"The Proposal", "proposal.html",
	"Episode 1", "episode1.html",
	"Episode 5", "coming_soon.html",
	"Episode 12", "coming_soon.html",
	"Testimonials", "testimonials.html",
	"Merchandise", "coming_soon.html"
	//"Headlines", "headlines.html",
	//"Statistics", "statistics.html"
);

// this function will return the menu code
function getMenuCode(){
	outCode = "";
	for (i=0; i < menuItems.length; i=i+2){
		outCode += "<b><a href='" + menuItems[i+1] + "'>" + menuItems[i] + "</a><br></b>";
	}
	return outCode;
}

//-----------------------------------------------

function createBanner2(){
	outCode = "<table bgcolor='silver' height=50 width='100%'><tr><td>";
	outCode += "Spatula City Hustla";
	outCode += "</td></tr></table>";
	outCode += "";
	document.write(outCode);	
}
function createMenu(){
	outCode = "<table bgcolor='gray' height='100%'><tr><td>";
	document.write(outCode);
}

function createFooter(){
	outCode += "</td></tr></table>";
	outCode += "";
	document.write(outCode);	
}
