// -----------------------------------------------------------------------------------
// Simple Drop
// Author:		Kyle Haskins, mail [at] kylehaskins.com, http://www.kylehaskins.com
// Updated:		June 19 2006
// Note:		Please credit if used
//
// menu:		Container DIV
// dropdown:	A link that activates the menu
// contents:	Unordered List
//
// Example Code:
//
//	 <div id="menu" onmouseout="javascript:hidemenu();">
//	 <a href="#" id="dropdown" onmouseover="javascript:showmenu();">
//	 <img src="img/nav-menu.gif" alt="Contents" /></a><br />
//	
//	 <ul id="contents">
//	  <li id="nav1"><a href="index.html"><span>Page 1</span></a></li>
//	  <li id="nav2"><a href="page2.html"><span>Page 2</span></a></li>
//	  <li id="nav3"><a href="page3.html"><span>Page 3</span></a></li>
//	</ul>
//	</div>
//
//	#menu{
//		float:left;
//		margin: 0 0 0 20px;
//		z-index:99;
//		position:absolute;
//		width:227px;
//		height:500px;
//	}
//	#contents{
//		width: 227px;
//		background-color: #fff;
//		list-style:none;
//		padding:0;
//		margin: 0;
//		overflow:hidden;
//		position:absolute;
//		display:none;
//	}
//	#contents li{
//		padding:0;
//		margin:0;
//		width: 227px;
//		height: 22px;
//		border-top: 1px solid #644; 
//	}
//	#contents a{
//		display:block;
//		border:none;
//		text-decoration:none;
//		width: 227px;
//		height: 22px;
//		overflow:hidden;
//	}
//	#contents li span{
//		margin-left: -200px;
//		}
//	#nav1 a{
//		background: url(../img/nav1.gif) no-repeat 0 0;
//	}
//	#nav1 a:hover{
//		background: url(../img/nav1.gif) no-repeat 0 -22px;
//	}
// -----------------------------------------------------------------------------------


function showmenu() {
var menu=document.all? document.all["menu"] : document.getElementById? document.getElementById("menu") : "";
var dropdown=document.all? document.all["dropdown"] : document.getElementById? document.getElementById("dropdown") : "";
var contents=document.all? document.all["contents"] : document.getElementById? document.getElementById("contents") : "";
contents.style.display="block";
contents.onmouseover = function(){
	contents.style.display="block";
}
}
function hidemenu() {
var contents=document.all? document.all["contents"] : document.getElementById? document.getElementById("contents") : "";
contents.style.display="none";
}

//First Try:

//function showmenu() {
//var menu=document.all? document.all["menu"] : document.getElementById? document.getElementById("menu") : "";
//var dropdown=document.all? document.all["dropdown"] : document.getElementById? document.getElementById("dropdown") : "";
//var contents=document.all? document.all["contents"] : document.getElementById? document.getElementById("contents") : "";
//contents.style.left="0";
//contents.onmouseover = function(){
//	contents.style.left="0";
//}
//}
//function hidemenu() {
//var contents=document.all? document.all["contents"] : document.getElementById? document.getElementById("contents") : "";
//contents.style.left="-2000px";
//}