function showz(id,loop) 
{	
	var div=document.getElementById(id);
		if (loop==1) {div.style.top="205px";}
		div.style.visibility="visible";
		var curtop=parseInt(div.style.top);
		if (curtop<220)
		{
			loop+=1;
			var newtop=curtop+1;
			div.style.top=newtop+"px";
			setTimeout("show('"+id+"',"+loop+")",10);
		}
}

function hidez(id)
{
	setTimeout("hidez('"+id+"')",1000);
}

function show(id)
{
	var div=document.getElementById(id);
	div.style.visibility="visible";
	div.style.top="217px";
	
	if (id=="events") {hide('about');} else {hide('events');}
}

function hide(id)
{
	var div=document.getElementById(id);
	//div.style.visibility="hidden";
	div.style.top="-1000px";
	clearhover();
}

function keepshow(id)
{
	var div=document.getElementById(id);
	div.style.visibility="visible";
	div.style.top="217px";

	//if (id=="events") {hide('about');} else {hide('events');}
}

function clearhover()
{
	document.getElementById('m1').innerHTML="";
	document.getElementById('m2').innerHTML="";
	document.getElementById('m3').innerHTML="";
	document.getElementById('m4').innerHTML="";
	document.getElementById('m5').innerHTML="";
	document.getElementById('m6').innerHTML="";
	document.getElementById('m7').innerHTML="";
	document.getElementById('m8').innerHTML="";
	document.getElementById('m9').innerHTML="";
	document.getElementById('n1').innerHTML="";
	document.getElementById('n2').innerHTML="";
	document.getElementById('n3').innerHTML="";
}

function hover(id)
{
	clearhover();
	var div=document.getElementById(id);
	div.innerHTML="<img src='images/hover.png'/>";
}