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.writeln('<table class="Top"');
document.writeln('	<tr>');
document.writeln('		<td class="TopBar">');
document.writeln('<ul id="sddm">');
document.writeln('	<li><a href="#" onmouseover="mopen(\'m1\')" onmouseout="mclosetime()">Sunday</a>');
document.writeln('		<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">');
document.writeln('		<a href="../sunday/worship.php">Worship</a>');
document.writeln('		<a href="../sunday/prayermeeting.php">Prayer Meeting</a>');
document.writeln('		<a href="../sunday/sundayschool.php">Sunday School</a>');
document.writeln('		<a href="../sunday/children.php">Children</a>');
document.writeln('      <a href="../sunday/parkingfacilities.php">Parking</a>');
document.writeln('		<a href="../sunday/churchtour.php">Church Tour</a>');
document.writeln('		</div>');
document.writeln('	</li>');

document.writeln('	<li><a class="TopBar" href="../sermon/sermon.php?y=2010">Sermon</a>');
document.writeln('	</li>');

document.writeln('	<li><a href="#" onmouseover="mopen(\'m3\')" onmouseout="mclosetime()">About us</a>');
document.writeln('		<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">');
document.writeln('		<a href="../aboutus/churchhistory.php">Church History</a>');
document.writeln('		<a href="../aboutus/churchstaff.php">Church Staff</a>');
document.writeln('		<a href="../aboutus/missionandvision.php">Vision And Mission</a>');
document.writeln('		<a href="../aboutus/statementOffaith.php">Statement of Faith</a>');
document.writeln('		<a href="../aboutus/accessibility.php">Accessibility</a>');
document.writeln('		<a href="MailTo:info@mcbc.com">Contact us</a>');
document.writeln('		<a href="../aboutus/map.php">Map</a>');
document.writeln('		<a href="../aboutus/rentalpolicies.php">Rental Policies</a>');
document.writeln('		</div>');
document.writeln('	</li>');

document.writeln('	<li><a href="#" onmouseover="mopen(\'m4\')" onmouseout="mclosetime()">Community</a>');
document.writeln('		<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">');
document.writeln('		<a href="../fellowship/fellowships.php">Fellowships</a>');
document.writeln('		<a href="MailTo:prayer@mcbc.com">Prayer Request</a>');
document.writeln('		<a href="../../scout/home/index.php">Scouts</a>');
document.writeln('		<a href="http://www.rbc.org/odb/odb.shtml">Daily Bread</a>');
document.writeln('		</div>');
document.writeln('	</li>');


document.writeln('	<li><a href="#" onmouseover="mopen(\'m5\')" onmouseout="mclosetime()">Get involved</a>');
document.writeln('		<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">');
document.writeln('		<a href="../getinvolved/getinvolved.php">Weekly Activities</a>');
document.writeln('		</div>');
document.writeln('	</li>');

document.writeln('	<li><a href="#" onmouseover="mopen(\'m6\')" onmouseout="mclosetime()">Events</a>');
document.writeln('		<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">');
document.writeln('		<a href="../events/events.php">Weekly News</a>');
document.writeln('		<a href="../events/childrenchoir.php">Children Choir</a>');
document.writeln('		</div>');
document.writeln('	</li>');


document.writeln('</ul>');
document.writeln('				</tr>');
document.writeln('		</td>');
document.writeln('	</tr>');

document.writeln('</table>');

