
function background2()
{

//alert(document.body.style.backgroundImage);
var b = document.body;
b.style.backgroundImage= "url('/images/1208007-bigthumbnail.jpg')";
}
function background()
{

var b = document.getElementByClassName('body');
b.style.backgroundimage= 'url("/images/543382-bigthumbnail.jpg")';
}

function home()
{
  document.getElementById('mainArea').innerHTML = '	<div class = "container page">\
		<h3 id="lyricstitle">Otherworld - FFX </h3>\
		<p id="lyrics">\
Go now, if you want it,\
Another world awaits you.<br>\
Don\'t you give up on it,\
You bite the hand that feeds you.<br>\
All alone, cold fields you wander,\
Memories of it cloud your sight,\
Fills your dreams to raise your slumber.<br>\
Lost your way, a fallen knight.<br>\
<br>\
Hold now, aim is steady.<br>\
Another world awaits you.<br>\
One thousand years, you ready?<br>\
The otherworld, it takes you<br>\
Go into the sand, and the dust, and the sky.<br>\
Go now, there\'s no better plan, than to do or to die.<br>\
Free me, pray to the fayth in the face of the light<br>\
Feed me, fill me with sin, and get ready to fight.<br>\
<br>\
Gotta Fight!<br>\
<br>\
Hope dies, and you wander\
The otherworld, it makes you.<br>\
Dreams, they rip asunder\
The otherworld, it hates you.<br>\
Free now, ride up on it\
Up to the heights, it takes you<br>\
Go now, if you want it\
Another world awaits you.</p>\
	<!--<button onclick="background2()" style="width:50px;height:20px;" ></button>-->\
</div>';
  //change secondary menus
  
}

function blog()
{
  document.getElementById('mainArea').innerHTML = '	<div class = "container page">\
\
\
<!--<div id="blogtitle"><h1>My Vampiric Legacy</h1></div>-->\
<div id="blogpost">\
\
<img id="underthestairs" src="/images/020_(1).jpg"></img>\
<h4 id="blogtitle" style="text-align:center; font-size:30px;"> Inventory </h4>\
<table id="inventory">\
<tr>\
    <th colspan="3"></th>\
  </tr>\
  <tr>\
    <td id="slot0" onmouseover="mystock[0].showiteminfo()"><img id="itempic" src="'+mystock[0].pic+'"></img></td>\
    <td id="slot0" onmouseover="mystock[1].showiteminfo()"><img id="itempic" src="'+mystock[1].pic+'"></img></td>\
    <td id="slot0" onmouseover="mystock[2].showiteminfo()"><img id="itempic" src="'+mystock[2].pic+'"></img></td>\
  </tr>\
  <tr>\
    <td id="slot0" onmouseover="mystock[3].showiteminfo()"><img id="itempic" src="'+mystock[3].pic+'"></img></td>\
    <td id="slot0" onmouseover="mystock[4].showiteminfo()"><img id="itempic" src="'+mystock[4].pic+'"></img></td>\
    <td id="slot0" onmouseover="mystock[5].showiteminfo()"><img id="itempic" src="'+mystock[5].pic+'"></img></td>\
  </tr>\
  <tr>\
    <td id="slot0" onmouseover="mystock[6].showiteminfo()"><img id="itempic" src="'+mystock[6].pic+'"></img></td>\
    <td id="slot0" onmouseover="mystock[7].showiteminfo()"><img id="itempic" src="'+mystock[7].pic+'"></img></td>\
    <td id="slot0" onmouseover="mystock[8].showiteminfo()"><img id="itempic" src="'+mystock[8].pic+'"></img></td>\
  </tr>\
</table>\
<script>document.getElementById("slot0").innerHTML = "proto";</script>\
<div id="myiteminfo"></div>\
<h4 id="gil" >Gil: '+mygil+'</h4>\
</div>'; 
}

function portfolio()
{
document.getElementById('mainArea').innerHTML = '<div class = "container page">\
<!--<div id="gallerytitle"><h1>My Pretend Portfolio</h1></div>-->\
<img id="picturebox" onclick="tidus.display();" src="/characters/tidus.jpg">\
<img id="picturebox" onclick="dorothy.display();"src="/characters/dorothy.png">\
<img id="picturebox" onclick="merchant.display();" src="/characters/merchant.jpg">\
<img id="picturebox" onclick="leon.display();" src="/characters/leon.jpg">\
<img id="picturebox" onclick="kai.display();" src="/characters/Kai.jpg">\
<img id="picturebox" onclick="cheshirecat.display();" src="/characters/cheshire-cat.jpg">\
<img id="picturebox" onclick="sephiroth.display();" src="/characters/sephiroth.jpg">\
<img id="picturebox" onclick="ginger.display();" src="/characters/ginger2.jpg">\
<img id="picturebox" onclick="akasha.display();" src="/characters/stoneakasha.jpg">\
<img id="picturebox" onclick="carlybeth.display();" src="/characters/carlybeth.jpg">\
<img id="picturebox" onclick="coraline.display();" src="/characters/coraline.jpg">\
<img id="picturebox" onclick="lain.display();" src="/characters/lain.png">\
<!--<button id="buttonleft"></button><button id="buttonright"></button>-->\
<h4 id="speakinstructions" >Left-click a portrait to review the patients file</h4><br>\
<h4 id="speakinstructions2" >Left-click the merchant and click "store" button, to purchase treatments</h4>\
</div>';
}

function about()
{
 // alert(document.getElementById('mainArea').innerHTML);
document.getElementById('mainArea').innerHTML= '<div class = "container page">\
<div id="abouttext">\
<p>Hey there neighbor, glad you stopped by to check out my new site\
on neocities.org. My main influence for this website\
is nothingandnowhere.com which was the older website for\
a goth/retro/rock/industrial band called The Birthday Massacre. A version of their site still exists actually\
and it can be found at http://nothingandnowherthebirthdaymassacre.ru/\
Otherwise there are videos on youtube of the site as it is pretty amazing as\
far as websites go, at least in my opinion. </p>\
</div>\
<a href="http://users.smartgb.com/g/g.php?a=s&i=g18-81135-c4"><img alt="Guestbook" border="0" src="http://extras.smartgb.com/b/gb_80x40.gif"\
width="80" height="40" style="position:absolute;left:700px;"></a>\
</div>\
</div>'; 
}

function contact()
{
   document.getElementById('mainArea').innerHTML = '	<div class = "container page">\
<!--<div id="contacttitle"><h1>You want to make contact with me? No! Only links!</h1></div>-->\
\
<div id=contactbody>\
\
<div id="links">\
\
<a href="http://www.cameronsworld.net/"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">Cameron\'s World</p></a>\
<a href="http://nagato.neocities.org/"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">Yuki</p></a>\
<a href="http://syscomindustries.neocities.org//"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">SysComIndustries</p></a>\
<a href="http://the-wired.neocities.org//"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">WelcometotheWired</p></a>\
<a href="http://fauux.neocities.org//"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">WiredSound</p></a>\
<a href="http://lemonsandlimes.neocities.org//"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">LemonsandLimes</p></a>\
<a href="http://98plus.neocities.org//"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">SlightSeizureWa...</p></a>\
<a href="http://liooil.neocities.org//"><p id="contactlinks" style="color:#000000; font-size: 40px; list-style:none; text-decoration:none;">liooil</p></a>\
\
			\
</div>\
\
</div>\
\
</div>'; 
}

/*
function cheshirecat()
{
  
alert('hm hm hm hm hm...and the mome rathes...out grabe...');
player.loadVideoById('PTFdB8cn13Q');
document.getElementById('mainArea').innerHTML= '<div class = "container page">\
<img id="characterboximage" src="/characters/cheshire-cat.jpg" style="width:200px;height:200px;float:left;border:5px ridge #5C007F;"></img>\
<p style="margin-top:40px;margin-left:300px;font-size:30px;">Well that was\'nt very polite!</p>\
<button style="position:absolute;left:600px;top:450px;font-size:20px;" onclick="cheshirecat2()">What wasn\'t?</button>\
<button style="position:absolute;left:800px;top:450px;font-size:20px;" onclick="portfolio()">Back to world</button>\
</div>\
</div>'; 
}

function cheshirecat2()
{
document.getElementById('mainArea').innerHTML= '<div class = "container page">\
<img id="characterboximage" src="/characters/cheshire-cat.jpg" style="width:200px;height:200px;float:left;border:5px ridge #5C007F;"></img>\
<p style="margin-top:40px;margin-left:270px;font-size:30px;" <p> You! Couldn\'t you hear me singing? Why would you have me interupt\
 myself to scold you about having me interupting my singing to scold you about having me interupt my singing add infinitum. ... HAHAHAHAHA </p>\
<button style="position:absolute;left:800px;top:450px;font-size:20px;font-size:20px;" onclick="portfolio()">Back to world</button>\
<button style="position:absolute;left:600px;top:450px;font-size:20px;font-size:20px;" onclick="cheshirecat3()">Well I\'m Sorry.</button>\
</div>\
</div>'; 
}
function cheshirecat3()
{
document.getElementById('mainArea').innerHTML= '<div class = "container page">\
<img id="characterboximage" src="/characters/cheshire-cat.jpg" style="width:200px;height:200px;float:left;border:5px ridge #5C007F;"></img>\
<p style="margin-top:40px;margin-left:270px;font-size:30px;" <p> Oh that\'s quite alright. Just remember politeness goes\
 along way when dealing with royalty. By royalty I\'m refering to the vampire queen. Although she hasn\'nt been awoken. Btw if you DID wake her, anything\
 made from her dreams will also disappear. If you believe in that sort of thing I mean. AHAHAHAHAHAAHA</p>\
<button style="position:absolute;left:800px;top:450px;font-size:20px;font-size:20px;" onclick="portfolio();player.loadVideoById(\'rISDWIHp_YU\');">Back to world</button>\
</div>\
</div>'; 
}
*/
