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; 

function writeMenu(){
	document.write('<div class="menu" id="menu"><ul id="sddm">' +
    '<li><a href="/">Home</a></li>' +
    '<li><a href="#"' + 
        'onmouseover="mopen(\'m2\')"' + 
        'onmouseout="mclosetime()">About Us</a>' +
        '<div id="m2"' +
            'onmouseover="mcancelclosetime()"' + 
            'onmouseout="mclosetime()">' +
        '<a href="/about_us/our_hospital.html">Our Hospital</a>' +
        '<a href="/about_us/our_team.html">Our Team</a>' +
        '</div>' +
    '</li>' +
    '<li><a href="services.html" onmouseover="mopen(\'m4\')" onmouseout="mclosetime()">Services</a>' +
	'<div id="m4"' +
            'onmouseover="mcancelclosetime()"' + 
            'onmouseout="mclosetime()">' +
        '<a href="/services/wellness_services.html">Wellness Services</a>' +
        '<a href="/services/behavior_counseling.html">Behavior Counseling</a>' +
        '<a href="/services/nutrition_counseling.html">Nutrition Counseling</a>' +
        '<a href="/services/internal_medicine_consultation.html">Internal Medicine Consultation</a>' +
		'<a href="/services/laboratory_diagnostics.html">Laboratory Diagnostics</a>' +
		'<a href="/services/imaging_diagnostics.html">Imaging Diagnostics</a>' +
		'<a href="/services/anesthesia_and_surgery.html">Anesthesia and Surgery</a>' +
		'<a href="/services/dentistry.html">Dentistry</a>' +
		'<a href="/services/hospitalization.html">Hospitalization</a>' +
		'<a href="/services/pharmacy.html">Pharmacy</a>' +
		'<a href="/services/emergency_services.html">Emergency Services</a>' +
		'<a href="/services/referrals_to_veterinary_specialists.html">Referrals to Veterinary Specialists</a>' +
		'<a href="/services/euthanasia_and_cremation.html">Euthanasia and Cremation</a></div></li>' +
    '<li><a href="#"' + 
        'onmouseover="mopen(\'m3\')"' + 
        'onmouseout="mclosetime()">Cat Health</a>' +
        '<div id="m3"' +
            'onmouseover="mcancelclosetime()"' + 
            'onmouseout="mclosetime()">' +
        '<a href="/cat_health/health_topics.html">Health Topics</a>' +
        '<a href="/cat_health/links.html">Links</a>' +
        '<a href="/cat_health/articles.html">Articles</a>' +
        '<a href="/cat_health/faq.html">FAQ</a>' +
        '</div>' +
    '</li>' +
    '<li><a href="contact.html">Contact</a></li>' +
'</ul>' +
'<div style="clear:both"></div>' +
'</div>')
}