// 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);
	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;

document.write("<div id='menu'>\
<ul id='sddm'>\
  <li><a href='index.htm'>Home</a></li>\
  <li><a href='courses.htm' onmouseover='mopen(\"m2\")'\
    onmouseout='mclosetime()'>Courses</a> \
      <div id='m2' onmouseover='mcancelclosetime()' onmouseout='mclosetime()'>\
      <a href='prenatal.htm'>Prenatal</a> \
      <a href='workshop.htm'>Birth Workshop</a> \
      <a href='postnatal.htm'>Postnatal</a> \
    </div>\
  </li>\
  <li><a href='teacher.htm'>Teacher</a></li>\
  <li><a href='schedule.htm'>Schedule</a></li>\
  <li><a class='wide' href='testimonials.htm'>Testimonials</a></li>\
  <li><a href='contact.htm'>Contact</a></li>\
</ul>\
</div>");