var flag = ( navigator.userAgent.indexOf("MSIE") >= 0 && parseInt( navigator.appVersion ) >= 4 );
var eOpenMenu = null;

if ( flag )	
{
	document.onmouseover=mouseover;
	document.onmouseout=mouseout;
	window.onresize=initMenuPos;
}

function OpenMenu(eSrc,eMenu)
{	
	if (kswsWelcome)
		eMenu.style.top = kswswelcome.offsetHeight+ kswstitle.offsetHeight+ divConcert.offsetTop + 15;	
	else
		eMenu.style.top = kswstitle.offsetHeight+ divConcert.offsetTop + 15;	
	eMenu.style.visibility = "visible";
	eOpenMenu = eMenu;
}

function CloseMenu(eMenu)
{
	eMenu.style.visibility = "hidden";
	eOpenMenu = null;
}

function setmsg(msg) 
{
	window.status = msg;
	return true;
}

function mouseover()
{
	if ( flag )	{
		var eSrc = window.event.srcElement;

		if ( eSrc.className == "clsMenuBarItem" )
		{
			var eMenu = document.all[eSrc.id.replace("tdMenuBarItem", "divMenu")];

			//close any open menus
			if (eOpenMenu && eOpenMenu != eMenu) 
				CloseMenu(eOpenMenu);

			//open menu for the selected item
			if (eMenu) 
				OpenMenu(eSrc,eMenu);

			//eSrc.style.color="blue";			
		}
		else if (eOpenMenu && !eOpenMenu.contains(eSrc) )
			CloseMenu(eOpenMenu);
	}
}

function mouseout()
{
	if ( flag )	
	{
		//var eSrc = window.event.srcElement;		
		//eSrc.style.color="";
	}
}	

function drawmenus()
{
	var str='';

	if ( flag )	
	{	
		str += '<div id="divMenuPeople" class="clsMenuGray" ';
		str += 'style="width:100;position:absolute;z-index:1;left:5; visibility:hidden;">';
		str += '<div class="clsMenuGraySpacer"></div>';		
		str += '<a href="' + path + 'music.htm"		onMouseOver = "return setmsg(\'The Music Director\');"	onMouseOut  = "return setmsg(\'\');">Music Director</a><br>';
		str += '<a href="' + path + 'comm.htm"		onMouseOver = "return setmsg(\'The people in the KSWS executive committee\');"	onMouseOut  = "return setmsg(\'\');">Committee</a><br>';
		str += '<a href="' + path + 'members.htm"	onMouseOver = "return setmsg(\'The musicians of the band\');"					onMouseOut  = "return setmsg(\'\');">Members</a><br>';
		str += '<a href="' + path + 'quintet.htm"	onMouseOver = "return setmsg(\'The brass quintet of the band\');"				onMouseOut  = "return setmsg(\'\');">Quintesen</a><br>';
		str += '<a href="' + path + 'rem.htm"		onMouseOver = "return setmsg(\'Appreciation to those who had contributed to the band\');"	onMouseOut  = "return setmsg(\'\');">Reminiscence</a><br>';
		str += '</div>';
		
		str += '<div id="divMenuConcert" class="clsMenuGray" style="width:90;position:absolute;z-index:1;left:25; visibility:hidden;">';
		str += '<div class="clsMenuGraySpacer"></div>';
		str += '<a href="' + path + 'concert.htm" 	onMouseOver="return setmsg(\'Find out the lastest concert by KSWS\');" onMouseOut="return setmsg(\'\');">Concerts</a><br>';						
		str += '<a href="' + path + 'ticket.htm" 	onMouseOver="return setmsg(\'Reserve your concert tickets here\');" onMouseOut="return setmsg(\'\');">Ticketing</a><br>';
		str += '</div>';
		
		str += '<div id="divMenuGallery" class="clsMenuGray" style="width:100;position:absolute;z-index:1;left:140; visibility:hidden;">';
		str += '<div class="clsMenuGraySpacer"></div>';		
		str += '<a href="' + path + 'repertoire.htm" 	onMouseOver="return setmsg(\'Repertoire from past concerts\');" onMouseOut="return setmsg(\'\');">Repertoire</a><br>';
		str += '<a href="' + path + 'photo.htm" 	onMouseOver="return setmsg(\'A collection of photographs from past activities\');"	onMouseOut="return setmsg(\'\');">Photographs</a><br>';
		str += '<a href="' + path + 'media.htm" 	onMouseOver="return setmsg(\'A collection of multimedia files, like MP3, and videos\');"	onMouseOut="return setmsg(\'\');">Multimedia</a><br>';				
		str += '</div>';

		str += '<div id="divMenuMessages" class="clsMenuGray" style="width:120;position:absolute;z-index:1;left:240; visibility:hidden;">';
		str += '<div class="clsMenuGraySpacer"></div>';		
		str += '<a href="' + path + 'messages.htm"	onMouseOver="return setmsg(\'Leave a message in the guest book\');" onMouseOut="return setmsg(\'\');">Sign GuestBook</a><br>';	
		str += '<a href="' + path + 'gview.php"onMouseOver="return setmsg(\'Browse through the messages in the guest book\');" onMouseOut="return setmsg(\'\');">View GuestBook</a><br>';				
		str += '</div>';

		str += '<div id="divMenuAbout" class="clsMenuGray" ';	
		str += '	style="width:100;position:absolute;z-index:1;left:340; visibility:hidden;">';
		str += '<div class="clsMenuGraySpacer"></div>';		
		str += '<a href="' + path + 'contact.htm" ';	
		str += '	onMouseOver = " return setmsg(\'Information about finding us\');" ';	
		str += '	onMouseOut  = " return setmsg(\'\');">Contact Us</a><br>';
		str += '<a href="' + path + 'history.htm" ';	
		str += '	onMouseOver = " return setmsg(\'A brief history of KSWS\');" ';	
		str += '	onMouseOut  = " return setmsg(\'\');">History</a><br>';				
		str += '</div>';

		document.write( str )
		initMenuPos();
	}
}

function initMenuPos()
{	
	var offset = divNews.offsetParent.offsetParent.offsetLeft + divNews.offsetLeft +divNews.offsetWidth-5;
	divMenuPeople.style.left	= offset ;
	divMenuConcert.style.left	= divMenuPeople.offsetLeft	+ divMenuPeople.offsetWidth -15;
	divMenuGallery.style.left	= divMenuConcert.offsetLeft + divMenuConcert.offsetWidth-10;
	divMenuMessages.style.left	= divMenuGallery.offsetLeft + divMenuGallery.offsetWidth-15;
	divMenuAbout.style.left		= divMenuMessages.offsetLeft + divMenuMessages.offsetWidth-35;
}