<html>
<head>

<title>Willy's Sweethearts - menu</title>
<meta http-equiv="Content-Language" content="us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<LINK REL="stylesheet" TYPE="text/css" HREF="design/navigation.css">

<style>
<!--
body {scrollbar-base-color: #F9F2DB}
DIV.clTop{position:absolute; width:147px; background-color: 432218; border: none}
DIV.clSub{position:absolute; left:0; width:131px; padding-left:10px}
#divCont{position:relative; left:4px; top:5px; height:340px; width:160px}
A.clMain{
	font-family: Tahoma, Verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #501020;
	padding: 0px;
	font-weight: bold;
}
A.clSubb{
	font-family: Tahoma, Verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#F5F5F5;
	padding: 0px;
}
A:hover{color:#F5F5DC;}
A:active{color:#F5F5DC}

#divMain{position:absolute}
UL { margin: 0px; padding-left: 0px}  
LI { margin-left: 12px; padding-left: 0px;}

#divTop1 { background-color: RoyalBlue ; 
border-left: 8px ridge RoyalBlue ; padding-left: 7px; padding-top: 1px; padding-bottom: 4px;
border-right: 8px ridge RoyalBlue ; border-top: 8px ridge RoyalBlue }

#divTop2 { background-color: LimeGreen; 
border-left: 8px ridge LimeGreen; padding-left: 7px; padding-top: 1px; padding-bottom: 5px;
border-right: 8px ridge LimeGreen}

#divTop3 { background-color: gold; 
border-left: 8px ridge gold; padding-left: 7px; padding-top: 1px; padding-bottom: 5px;
border-right: 8px ridge gold}

#divTop4 { background-color: orange; 
border-left: 8px ridge orange; padding-left: 7px; padding-top: 1px; padding-bottom: 5px;
border-right: 8px ridge orange}

#divTop5 { background-color: #ff2020; 
border-left: 8px ridge #ff2020; padding-left: 7px; padding-top: 1px; padding-bottom: 5px;
border-right: 8px ridge #ff2020}

#divTop6 { background-color: maroon; 
border-left: 8px ridge maroon; padding-left: 7px; padding-top: 1px; padding-bottom: 5px;
border-right: 8px ridge maroon}

#divTop7 { background-color: purple; 
border-left: 8px ridge purple; padding-left: 5px; padding-top: 1px; padding-bottom: 5px;
border-right: 8px ridge purple}

#divTop8{ background-color: Orchid; 
border-left: 8px ridge Orchid; padding-left: 5px; padding-top: 0px; padding-bottom: 4px;
border-right: 8px ridge Orchid; border-bottom: 8px ridge Orchid}



#divSub1 { background-color: RoyalBlue; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub2 { background-color: LimeGreen; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub3 { background-color: gold; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub4 { background-color: orange; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub5 { background-color: #ff2020; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub6 { background-color: maroon; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub7 { background-color: purple; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}

#divSub8 { background-color: orchid; 
padding-left: 8px; padding-top: 1px; padding-bottom: 5px}


-->
</style>
<script language="JavaScript" type="text/javascript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************/

/************************************************************************************
This script is a "foldout" menu script, all the "foldouts" will
stay outfolded in older browsers. Works in ie4+ and ns4+.

To change where the menu appears change the left and top values of the divCont
in the stylesheets, it's currently placed relative so you can
place this menu in tables or similar if you want. Change the 
text colors and size in the A.clMain and A.clSubb classes.
************************************************************************************/

/************************************************************************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
************************************************************************************/
var stayFolded=false

/************************************************************************************
Browsercheck
************************************************************************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var ua, s, i;
var bid = false;
  ua = navigator.userAgent;
//  s = "MSIE";
//  if ((i = ua.indexOf(s)) >= 0) {
//    this.isIE = true;
//    this.version = parseFloat(ua.substr(i + s.length));
//    return;
//  }
  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    bid = true;
  }
  // Treat any other "Gecko" browser as NS 6.1.
  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    bid = true;
  }
var browser=((n || ie || bid) && parseInt(navigator.appVersion)>=4)  

/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenu(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'										
	this.css=(bid) ? document.getElementById(obj).style : (n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style');					
   	this.ref=(bid) ? document.getElementById(obj) : (n) ? eval(nest+'document.'+obj+'.document'):eval('document');		
	this.height= (bid) ? this.ref.offsetHeight : (n) ? this.ref.height : eval(obj+'.offsetHeight')
	this.x=(n | bid)? this.ref.offsetLeft : this.css.pixelLeft; this.y=(bid) ? this.ref.offsetTop : (n) ? this.css.Top:this.css.pixelTop;							
	this.hideIt=b_hideIt;	this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt											
	return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************************************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************************************************/
var itemNumber = 8 /* number of main items */
function init(){
	oTop=new Array()
	for(i=0;i<itemNumber;i++){
	  oTop[i]=new makeMenu('divTop'+eval(i+1),'divCont')
	}

	oSub=new Array()
	for(i=0;i<itemNumber;i++){
	  oSub[i]=new makeMenu('divSub'+eval(i+1),'divCont.document.divTop'+eval(i+1))
	}
		
	for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
	for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
	if(!bid) {
	  for(i=0;i<oSub.length;i++){ oSub[i].moveIt(oSub[i].x,oSub[i].y+oTop[i].height) }
    }
}
/************************************************************************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************************************************/

function menu(ref,sub){
	if( ref.className != 'clMain') return false;
	var refparent = (bid) ? ref.parentNode : ref.parentElement;
	if( refparent.className != 'clTop' ) return false;
	if( refparent.id.indexOf('divTop') != 0) return false;
    var num = eval(refparent.id.substr(6)-1);  /* num is number of current menu top item */
	if(browser){
		if(!stayFolded){
			for(i=0;i<oSub.length;i++){
				if(i!=num) oSub[i].hideIt()
			}
			for(i=1;i<oTop.length;i++){
				oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
			}
		}
		if(sub) {
		  oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt()
		}
		else {
		  oSub[num].hideIt()
		  top.frames[ref.target].location = ref.href;
		}
		
		for(i=1;i<oTop.length;i++){ 
			if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) 
			else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
		}
	}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;
</script>
</head>



<body topmargin="20" leftmargin="0" bgcolor="#230802" text="#EEB76F">
	
	<div align="left">
	<table border="0" width="100%">
	<tr>
	<td align="center">
	<a href="main.htm" target="main"><img src="design/logo_wss.gif" alt="Willy's Sweethearts"></a>
	</td>
	</tr>
	</table>
	</div>


<div id="divCont">
  
   <div id="divTop1" class="clTop"> <a href="" onclick="menu(this,1); return false" class="clMain">Info</a>
    <div id="divSub1" class="clSub">
      <ul>
        <li><a href="main.htm" target="main" class="clSubb">Factory Gates</a></li>
        <li><a href="map/map.htm" target="main"  class="clSubb">Map Room</a></li>
        <li><a href="adminoffices/adminoffices.htm" target="main" class="clSubb">Administration Offices</a></li>
	<li><a href="affiliates/affiliates.htm" class="clSubb" target="main">Over the Rainbow</a></li>
      </ul>
    </div>
  </div>

<div id="divTop2" class="clTop"> <a href="" onclick="menu(this,1); return false" class="clMain">Facts</a>
    <div id="divSub2" class="clSub"> 
	<ul> 
         <li><a href="chocolaterm/chocolaterm.htm" class="clSubb" target="main">Chocolate Room</a></li>
	 <li><a href="nutrm/nutrm.htm" target="main" class="clSubb">Nut Room</a></li>
	 <li><a href="tvrm/tvrm.htm" class="clSubb" target="main">Television Room</a></li>
	 <li><a href="elevator/elevator.htm" class="clSubb" target="main">Elevator Maintenance</a></li>
        </ul>
    </div>
  </div>
  

<div id="divTop3" class="clTop"> <a href="" onclick="menu(this,1); return false" class="clMain">Fun</a>
    <div id="divSub3" class="clSub">
      <ul>
        <li><a href="double/double.htm" target="main" class="clSubb">Double Fudge</a></li>
        <li><a href="fun/fun.htm" target="main"  class="clSubb">Fun Room</a></li>
        <li><a href="visuals/visuals.htm" target="main"  class="clSubb">Visuals</a></li>
     </ul>
    </div>
  </div>


<div id="divTop4" class="clTop"> <a href="" onclick="menu(this,1); return false" class="clMain">Creative</a>
    <div id="divSub4" class="clSub">
      <ul>
        <li><a href="inventingrm/inventingrm.htm" target="main" class="clSubb">Inventing Room</a></li>
        <li><a href="literary/literary.htm" target="main"  class="clSubb">Literary Allusions</a></li>
	<li><a href="askwilly/askwilly.htm" target="main" class="clSubb">Ask Willy!</a></li>
      </ul>
    </div>
  </div>


<div id="divTop5" class="clTop"> <a href="" onclick="menu(this,1); return false" class="clMain">Languages/World</a>
    <div id="divSub5" class="clSub">
      <ul>
        <li><a href="accents/accents.htm" target="main"  class="clSubb">Dodgy accents</a></li>
        <li><a href="http://willywonka.wz.cz/catcf/int_reg/int_reg.htm" target="_blank" class="clSubb">International dictionary</a></li>
	<li><a href="dvd/dvd.htm" target="main" class="clSubb">DVD scans</a></li>
        <li><a href="posters/posters.htm" class="clSubb" target="main">Posters</a></li>
      </ul>
    </div>
  </div>


<div id="divTop6" class="clTop"> <a href="" onclick="menu(this,1); return false" class="clMain">Candy</a>
    <div id="divSub6" class="clSub">
      <ul>
        <li><a href="recipes/recipes.htm" target="main" class="clSubb">Recipes</a></li>
      </ul>
    </div>
  </div>


<div id="divTop7" class="clTop">
    <a href="http://www.blueboard.cz/kniha_0.php?hid=vuc697ond3v91h1i8chfkbbxn34tt8" onclick="menu(this,0); return false" class="clMain" target="main">Guestbook</a>
    <div id="divSub7" class="clSub">
	 </div>
	</div>


<div id="divTop8" class="clTop">
    <a href="http://willyssweethearts.myfreeforum.org/" onclick="menu(this,0); return false" class="clMain" target="_blank">Forum</a>
    <div id="divSub8" class="clSub">
	 </div>
	</div>


</div>
</div>

<font size="2">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; © 2006
</font>


</body>
</html>