var timeout         = 200;
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 ('<ul id=\"sddm\">');
document.write ('<li><a href=\"index.html\">Home</a>');
document.write ('<div id=\"m1\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\"></div>');
document.write ('</li>');

document.write ('<li><a href=\"#\" onmouseover=\"mopen(\'m2\')\" onmouseout=\"mclosetime()\">About Us</a>');
document.write ('<div id=\"m2\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('<a href=\"story.html\">Our Story</a>');
document.write ('<a href=\"quotes.php\">Quotes</a>');
document.write ('<a href=\"news.html\">News</a>');
document.write ('<a href=\"faq.html\">Frequently Asked Questions</a>');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"locations.html\" onmouseover=\"mopen(\'m3\')\" onmouseout=\"mclosetime()\">Locations</a>');
document.write ('<div id=\"m3\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('<a href=\"locations.html\">African Continent</a>');
document.write ('<a href=\"south_africa.html\">South Africa</a>');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"#\" onmouseover=\"mopen(\'m4\')\" onmouseout=\"mclosetime()\">Our Classes</a>');
document.write ('<div id=\"m4\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('<a href=\"classes.html\">Weekly Programmes</a>');
document.write ('<a href=\"holiday.html\">Holiday Programmes</a>');
document.write ('<a href=\"school.html\">School Programmes</a>');
document.write ('<a href=\"child_protection.html\">Child Protection</a>');
document.write ('<a href=\"drama_parties.html\">Drama Parties</a>');
document.write ('<a href=\"corporate_training.html\">Corporate Training</a>');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"franchising.html\">Franchising</a>');
document.write ('<div id=\"m5\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"teaching.html\">Teaching Jobs</a>');
document.write ('<div id=\"m6\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"scholarship.html\">Sponsorship</a>');
document.write ('<div id=\"m9\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"#\" onmouseover=\"mopen(\'m7\')\" onmouseout=\"mclosetime()\">Contact Us</a>');
document.write ('<div id=\"m7\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('<a href=\"contact.php\">Send A Message</a>');
document.write ('<a href=\"info.html\">Contact Information</a>');
document.write ('</div>');
document.write ('</li>');

document.write ('<li><a href=\"links.html\">Links</a>');
document.write ('<div id=\"m8\" onmouseover=\"mcancelclosetime()\" onmouseout=\"mclosetime()\">');
document.write ('</div>');
document.write ('</li>');
document.write ('</ul>');