// Copyright 2006-2007 javascript-array.com

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	if(ddmenuitem !== null) {
		ddmenuitem.style.visibility = 'visible';
	}

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 





//Draw the menu
function onLoad() {
	document.getElementById("menu").innerHTML = 
		'<table border="0" width="700">																					\
		<tr>																								\
			<td><img src="http://www.wave.to/common/wavelogo.png" height="150" width="150"</td>				\
			<td><h1>Google Wave Development</h1><h3 stype="color: #FF0037;"><i><a href="http://wave.to">Check out our new site!</a></i></h3></td>		\
		</tr>																								\
		</table>																							\
		<ul id="sddm" style="width:500px;margin:0 auto">				\
			<li><a href="http://www.wave.to/"							\
	        onmouseover="mopen(\'m1\')" 								\
	        onmouseout="mclosetime()">Home</a>							\
	        <div id="m1" 												\
	            onmouseover="mcancelclosetime()"						\
	            onmouseout="mclosetime()">								\
	        <a href="http://www.wave.to/about">About</a>			\
	        <a href="http://www.wave.to/contact">Contact</a>		\
	        <a href="http://www.wave.to/">wave.to in the Press</a>			\
	        </div>														\
	    </li>															\
	    <li><a href="#" 												\
	        onmouseover="mopen(\'m2\')" 								\
	        onmouseout="mclosetime()">Robots</a>						\
	        <div id="m2" 												\
	            onmouseover="mcancelclosetime()" 						\
	            onmouseout="mclosetime()">								\
	        <a href="http://www.wave.to/projects/robots/hangman">Hangman</a>		\
	        <a href="http://wave.to/projects/robots/rssybot">Rssybot</a>		\
	        <a href="http://wave.to/projects/robots/starify">Starify</a>		\
	        <a href="http://www.wave.to/projectsrobots/wave-live-messenger">Wave Live Messenger</a>		\
	        </div>														\
	    </li>															\
	    <li><a href="#" 												\
	        onmouseover="mopen(\'m3\')" 								\
	        onmouseout="mclosetime()">Gadgets</a>						\
	        <div id="m3" 												\
	            onmouseover="mcancelclosetime()" 						\
	            onmouseout="mclosetime()">								\
	        <a href="http://www.wave.to/projects/gadgets/alien-hangman">Alien Hangman</a>	\
	        <a href="http://www.wave.to/projects/gadgets/floodit">Floodit</a>	\
	        <a href="http://www.wave.to/projects/gadgets/hangman-gadget">Hangman</a>	\
	        <a href="http://www.wave.to/projects/gadgets/iwave">iWave</a>		\
	        </div>														\
	    </li>															\
	    <li><a href="http://wave.to/projects/wave-client"	 					\
	        onmouseover="mopen(\'m4\')" 								\
	        onmouseout="mclosetime()">Wave Client</a>					\
	    </li>															\
	</ul>																\
	<div style="clear:both"></div>';									
}