Not sure if this will do it, but give it a shot.
Make another file to test as i dont wanna muck up your layout lol
So make test.html and use the code below
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SkyHabbo.NET - The sky, is no limit to us.</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display ="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
<style type="text/css">
<!--
.style1 {font-size: 10px}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body>
<center>
<div id="header">
<div id="box1"><img src="images/top3.PNG" alt="" /><br />
<img src="images/bottom3.PNG" alt="" /></div>
<div id="box2"><img src="images/top2.PNG" alt="" /><br />
<img src="images/bottom2.PNG" alt="" width="208" height="10" /></div>
</div>
<div id="container">
<div id="left">
<div id="boxleft"><strong><img src="images/top.PNG" alt="" /><br />
<div id="boxes">
<!-- Keep all menus within masterdiv-->
</font>
</strong>
<div id="masterdiv">
<div class="menutitle style1" onclick="SwitchMenu('sub1')">HOME</div>
<a href="#"> Homepage</a><br \>
<a href="#"> History</a><br \>
<a href="#"> The Team</a><br \>
<a href="#"> Job Openings</a><br \>
<a href="#"> Disclaimer</a><br \>
<a href="#"> Contact Us</a><br \>
<div class="menutitle style1" onclick="SwitchMenu('sub2')">NEWS</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
<div class="menutitle style1 style2" onclick="SwitchMenu('sub3')">MEDIA</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
<div class="menutitle style1" onclick="SwitchMenu('sub4')">RADIO</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
<div class="menutitle style1" onclick="SwitchMenu('sub5')">EXTRAS</div>
- <a href="#">1</a><br>
- <a href="#">2</a><br>
- <a href="#">3</a><br>
- <a href="#">4</a>
</div></div>
<strong><strong>
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxleft"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxleft"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxleft"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<br />
</div>
<div id="main">
<div id="contentbox"><img src="images/top4.PNG" /><br />
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
var f = document.getElementById("mainframe");
function resize() {
var h = "";
var w = "";
if (f.contentDocument) {
h = f.contentDocument.documentElement.offsetHeight + 20 + "px";
} else if (f.contentWindow) {
h = f.contentWindow.document.body.scrollHeight + 5 + "px";
} else {
return;
}
f.setAttribute("height",h);
f.parentNode.setAttribute("height",h);
}
if (window.addEventListener) {
f.onload = resize;
} else if (f.attachEvent) {
f.attachEvent("onload", resize);
} else {
return;
}
resize();
}
//]]>
</script>
<iframe name="main" id="mainframe" src="home.html" width="414px" frameborder="0" allowtransparency="yes" scrolling="no" marginwidth="0" marginheight="0"></iframe>
<img src="images/bottom4.PNG" /></div>
</div>
<div id="right">
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
<div id="boxright"><img src="images/top.PNG" alt="" /><br />
<img src="images/bottom.PNG" alt="" /></div>
</div>
</div>
<div id="footer"><img src="images/footer.PNG" />
</div>
</center>
</body>
</html>
See how it works out and reply cheers.