rendered paste body<html>
<head>
<script type="text/javascript" src="loadpages.js">
</script>
<script type="text/javascript">
var pagenumber = 0;
function changepg( newnum )
{
pagenumber = newnum;
test();
}
function test()
{
document.title = sitename+" - "+ptitle[pagenumber];
document.getElementById('cs_mheader').innerHTML = pheader[pagenumber]+"<br /><br />";
document.getElementById('cs_body').innerHTML = pbody[pagenumber]+"<br /><br />";
document.getElementById('cs_footer').innerHTML = pfooter[pagenumber];
var x = 1;
var daznm = "";
for(x=0;x<ptitle.length;x += 1)
{
daznm += '<li><a href="#" onClick="changepg('+x+')">'+ptitle[x]+'</a></li>';;
}
document.getElementById('menu').innerHTML = "<ul>"+daznm+"</ul>";
}
window.onload = test;
</script>
<style type="text/css">
body
{
background-color: #A8A8A8;
}
#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center;
width: 600px;
margin: 0px auto;
padding: 5px 0px 5px 0px;
background-color: #000000;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#menu li {
display: inline;
}
#menu a {
padding: 5px 15px;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
background-color: #333333;
}
#logo
{
margin:auto;
align:center;
height: 110px;
width: 600px;
border: 0px;
background-color: grey;
}
#bodybase
{
padding-bottom:5px;
padding-right:50px;
padding-left:50px;
margin:auto;
height: 370px;
width: 500px;
border: 0px;
background-color: white;
text-align:left;
padding-top:20px;
}
#cs_mheader
{
margin-left:auto;
margin-right:auto;
font-size:25px;
}
#cs_body a:link {color:black;}
#cs_body a:visited {color:orange;}
#cs_body a:hover {color:yellow;}
#cs_body
{
margin-left:auto;
margin-right:auto;
font-size:16px;
}
#cs_footer
{
text-align:center;
font-size:12px;
margin:auto;
height: 25px;
width: 600px;
border: 0px solid;
background-color: grey;
color: #111111;
}
</style>
</head>
<body>
<div id="logo">
<a href="index.html"><img src="logo.png" border="0" /></a>
</div>
<div id="menu">
</div>
<div id="bodybase">
<div id="cs_mheader"></div>
<div id="cs_body"></div>
</div>
<div id="cs_footer"></div>
</body>
</html>
------------------------------------------
var ptitle=new Array();
var pheader=new Array();
var pbody=new Array();
var pfooter=new Array();
var sitename = "Teh1337's Site";
ptitle[0] = "Home"; //Page Title
pheader[0] = "Home Header"; //Page Header
pbody[0] = "Home Content FTW!!"; //Body Content
pfooter[0] = "Woot Woot? Home?"; //Footer
ptitle[1] = "News"; //Page Title
pheader[1] = "News Header"; //Page Header
pbody[1] = "News Content FTW!!"; //Body Content
pfooter[1] = "News Footer"; //Footer
ptitle[2] = "Test 3"; //Page Title
pheader[2] = "Test 3"; //Page Header
pbody[2] = "Test 3"; //Body Content
pfooter[2] = "Test 3"; //Footer
ptitle[3] = "Test 4"; //Page Title
pheader[3] = "Test 4"; //Page Header
pbody[3] = "Test 4"; //Body Content
pfooter[3] = "Test 4"; //Footer