var MenuImg10 = new Image();
var MenuImg20 = new Image();
var MenuImg11 = new Image();
var MenuImg21 = new Image();
var MenuImg12 = new Image();
var MenuImg22 = new Image();
var MenuImg13 = new Image();
var MenuImg23 = new Image();
var MenuImg14 = new Image();
var MenuImg24 = new Image();
var MenuImg15 = new Image();
var MenuImg25 = new Image();
var MenuImg16 = new Image();
var MenuImg26 = new Image();

(document.layers) ? layerobj = true : layerobj = false;
(document.all) ? allobj = true : allobj = false;
(document.getElementById) ? dom = true : dom = false;

var tdColor="#ffffff";	// menu item text color
var tdBgColor="#001699";	// menu item background color
var hlColor="#001699";	// highlight text color
var hlBgColor="#ff9000";	// highlight background color

var curVis = 0;
var curHl = 0;

function locMenu(mID,  iNum) {

	var wW = 775;
	var mTop = 135;
	var mLeft = 0;

	if(window.document.body.clientWidth) wW = window.document.body.clientWidth;
	else if(window.innerWidth) wW = window.innerWidth;

	if( wW > 775) mLeft = (wW - 774)/2 + iNum;
	else mLeft = iNum;


	if(dom) {
		document.getElementById(mID).style.top = mTop + "px";
		document.getElementById(mID).style.left = mLeft + "px";
	}
	else if(layerobj) {
		document.layers[mID].top = mTop;
		document.layers[mID].left = mLeft;
	}
	else if(allobj) {
		document.all[mID].style.top =  mTop;
		document.all[mID].style.left =  mLeft;
	}

}


function setMenu(mID, the_change) {

	if(mID == 0) mID = curVis;
	if(mID == 0) return;

	switch(the_change)
	{
		case "visible":
			if(dom) document.getElementById(mID).style.visibility = "VISIBLE";
			else if(layerobj) document.layers[mID].visibility = "SHOW";
			else if (allobj) document.all[mID].style.visibility = "VISIBLE";


			if(curVis == 0) {curVis = mID; break;}
			if(curVis == mID) break;

			if(dom) document.getElementById(curVis).style.visibility = "HIDDEN";
			else if(layerobj) document.layers[curVis].visibility = "HIDE";
			else if (allobj) document.all[curVis].style.visibility = "HIDDEN";

			curVis = mID;
			break;

		case "hidden":
			if(dom) document.getElementById(mID).style.visibility = "HIDDEN";
			else if(layerobj) document.layers[mID].visibility = "HIDE";
			else if (allobj) document.all[mID].style.visibility = "HIDDEN";

			setItem(0,false);

			curVis = 0;
			break;
		default: return;
	}

}


function setItem(iID, the_flag) {

	if((the_flag == true) && (iID != 0)) {
		if(dom)  {
			document.getElementById(iID).style.backgroundColor = hlBgColor;
			document.getElementById(iID).style.color = hlColor;
		} else if(layerobj)  {
			document.layers[iID].backgroundColor = hlBgColor;
			document.layers[iID].color = hlColor;
		} else if (allobj) {
			document.all[iID].style.backgroundColor = hlBgColor;
			document.all[iID].style.color = hlColor;
		}

		if( curHl == 0) {curHl = iID; return;}
		if( curHl == iID) return;
	}

	if(curHl == 0) return;

	if(dom)  {
		document.getElementById(curHl).style.backgroundColor = tdBgColor;
		document.getElementById(curHl).style.color = tdColor;
	} else if(layerobj)  {
		document.layers[curHl].backgroundColor = tdBgColor;
		document.layers[curHl].color = tdColor;
	} else if (allobj) {
		document.all[curHl].style.backgroundColor = tdBgColor;
		document.all[curHl].style.color = tdColor;
	}

	if( the_flag == true) curHl = iID;
	else curHl = 0;

}


function init_frame()
{


MenuImg10.src = "images/B1-Home.gif";
MenuImg20.src = "images/B2-Home.gif";
MenuImg11.src = "images/B1-Band.gif";
MenuImg21.src = "images/B2-Band.gif";
MenuImg12.src = "images/B1-Chorus.gif";
MenuImg22.src = "images/B2-Chorus.gif";
MenuImg13.src = "images/B1-Jazz.gif";
MenuImg23.src = "images/B2-Jazz.gif";
MenuImg14.src = "images/B1-MarchingBand.gif";
MenuImg24.src = "images/B2-MarchingBand.gif";
MenuImg15.src = "images/B1-Orchestra.gif";
MenuImg25.src = "images/B2-Orchestra.gif";
MenuImg16.src = "images/B1-ContactUs.gif";
MenuImg26.src = "images/B2-ContactUs.gif";


document.write('<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="775" align="center"><tr>');

document.write('<td><a href="index.html" onMouseOut="imageI.src=MenuImg10.src;" onMouseOver="imageI.src=MenuImg20.src; setMenu(0, \'hidden\');"><img src="' +
MenuImg10.src + '" border="0" alt="" name="imageI" width="110" height="20"/></a></td>');

document.write('<td><a href="band.html" onMouseOut="imageE.src=MenuImg11.src;" onMouseOver="imageE.src=MenuImg21.src; locMenu(\'mBand\', 110); setMenu(\'mBand\',\'visible\');"><img src="' +
MenuImg11.src + '" border="0" alt="" name="imageE" width="110" height="20"/></a></td>');

document.write('<td><a href="chorus.html" onMouseOut="imageC.src=MenuImg12.src;" onMouseOver="imageC.src=MenuImg22.src; locMenu(\'mChorus\', 220); setMenu(\'mChorus\',\'visible\');"><img src="' +
MenuImg12.src + '" border="0" alt="" name="imageC" width="110" height="20"/></a></td>');

document.write('<td><a href="jazz.html" onMouseOut="imageB.src=MenuImg13.src;" onMouseOver="imageB.src=MenuImg23.src; locMenu(\'mJazz\', 330); setMenu(\'mJazz\',\'visible\');"><img src="' + 
MenuImg13.src + '" border="0" alt="" name="imageB" width="110" height="20"/></a></td>');

document.write('<td><a href="marching.html" onMouseOut="imageD.src=MenuImg14.src;" onMouseOver="imageD.src=MenuImg24.src; locMenu(\'mMarch\', 440); setMenu(\'mMarch\',\'visible\');"><img src="' +
MenuImg14.src + '" border="0" alt="" name="imageD" width="110" height="20"/></a></td>');

document.write('<td><a href="orchestra.html" onMouseOut="imageF.src=MenuImg15.src;" onMouseOver="imageF.src=MenuImg25.src; locMenu(\'mOrch\', 550); setMenu(\'mOrch\',\'visible\');"><img src="' +
MenuImg15.src + '" border="0" alt="" name="imageF" width="110" height="20"/></a></td>');

document.write('<td><a href="contactus.html" onMouseOut="imageJ.src=MenuImg16.src;" onMouseOver="imageJ.src=MenuImg26.src; setMenu(0, \'hidden\');"><img src="' + 
MenuImg16.src + '" border="0" alt="" name="imageJ" width="110" height="20"/></a></td>');

document.write('<td><img src="images/spacer.gif"></td></tr>');

document.write('<tr><td bgcolor="#FFFFFF"colspan="7" height="5"> </td></tr></table>');


sH = '<table cellspacing="0" name="mBand" id="mBand" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mBand\', \'hidden\');" onMouseOver="setMenu(\'mBand\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mBand1" id="mBand1" onMouseOver="setItem(\'mBand1\', true);"  onClick="window.location = \'band.html\';">&#149; About Band</td></tr>';
sH+= '<tr><td class="menuitem" name="mBand2" id="mBand2" onMouseOver="setItem(\'mBand2\', true);"  onClick="window.location = \'FAQband.html\';">&#149; FAQs</td></tr>';
sH+= '<tr><td class="menuitem" name="mBand3" id="mBand3" onMouseOver="setItem(\'mBand3\', true);"  onClick="window.location = \'BandCal.html\';">&#149; Calendar</td></tr>';
sH+= '<tr><td class="menuitem" name="mBand4" id="mBand4" onMouseOver="setItem(\'mBand4\', true);"  onClick="window.location = \'BandNews.html\';">&#149; Band News</td></tr>';
sH+= '<tr><td class="menuitem" name="mBand5" id="mBand5" onMouseOver="setItem(\'mBand5\', true);"  onClick="window.location = \'Band-dwnld.html\';">&#149; Band Downloads and Handbook</td></tr>';
sH+= '<tr><td class="menuitem" name="mBand6" id="mBand6" onMouseOver="setItem(\'mBand6\', true);"  onClick="window.location = \'BandAud.html\';">&#149; Auditions</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mChorus" id="mChorus" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mChorus\', \'hidden\');" onMouseOver="setMenu(\'mChorus\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mChorus1" id="mChorus1" onMouseOver="setItem(\'mChorus1\', true);"  onClick="window.location = \'chorus.html\';">&#149; About Chorus</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus2" id="mChorus2" onMouseOver="setItem(\'mChorus2\', true);"  onClick="window.location = \'FAQChorus.html\';">&#149; FAQs</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus3" id="mChorus3" onMouseOver="setItem(\'mChorus3\', true);"  onClick="window.location = \'ChorusCal.html\';">&#149; Choral Calendar</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus4" id="mChorus4" onMouseOver="setItem(\'mChorus4\', true);"  onClick="window.location = \'ChorusNews.html\';">&#149; Choral News</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus5" id="mChorus5" onMouseOver="setItem(\'mChorus5\', true);"  onClick="window.location = \'chorus-dwnld.html\';">&#149; Choral Downloads & Handouts</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus6" id="mChorus6" onMouseOver="setItem(\'mChorus6\', true);"  onClick="window.location = \'chorus-mus.html\';">&#149; Music</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus7" id="mChorus7" onMouseOver="setItem(\'mChorus7\', true);"  onClick="window.location = \'ChorusMad.html\';">&#149; Madrigal Singers</td></tr>';
sH+= '<tr><td class="menuitem" name="mChorus8" id="mChorus8" onMouseOver="setItem(\'mChorus8\', true);"  onClick="window.location = \'chorus-theory.html\';">&#149; Music Theory</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mJazz" id="mJazz" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mJazz\', \'hidden\');" onMouseOver="setMenu(\'mJazz\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mJazz1" id="mJazz1" onMouseOver="setItem(\'mJazz1\', true);"  onClick="window.location = \'jazz.html\';">&#149; About Jazz</td></tr>';
sH+= '<tr><td class="menuitem" name="mJazz2" id="mJazz2" onMouseOver="setItem(\'mJazz2\', true);"  onClick="window.location = \'FAQJazz.html\';">&#149; FAQs</td></tr>';
sH+= '<tr><td class="menuitem" name="mJazz3" id="mJazz3" onMouseOver="setItem(\'mJazz3\', true);"  onClick="window.location = \'JazzCal.html\';">&#149; Jazz Calendar</td></tr>';
sH+= '<tr><td class="menuitem" name="mJazz4" id="mJazz4" onMouseOver="setItem(\'mJazz4\', true);"  onClick="window.location = \'40sDance.html\';">&#149; 40s Dance</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mBand" id="mMarch" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mMarch\', \'hidden\');" onMouseOver="setMenu(\'mMarch\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mMarch1" id="mMarch1" onMouseOver="setItem(\'mMarch1\', true);"  onClick="window.location = \'marching.html\';">&#149; About Marching Band</td></tr>';
sH+= '<tr><td class="menuitem" name="mMarch2" id="mMarch2" onMouseOver="setItem(\'mMarch2\', true);"  onClick="window.location = \'FAQMband.html\';">&#149; FAQs</td></tr>';
sH+= '<tr><td class="menuitem" name="mMarch3" id="mMarch3" onMouseOver="setItem(\'mMarch3\', true);"  onClick="window.location = \'MarchingCal.html\';">&#149; Marching Band Calendar</td></tr>';
sH+= '<tr><td class="menuitem" name="mMarch4" id="mMarch4" onMouseOver="setItem(\'mMarch4\', true);"  onClick="window.location = \'MarchingNews.html\';">&#149; Marching Band News</td></tr>';
sH+= '<tr><td class="menuitem" name="mMarch5" id="mMarch5" onMouseOver="setItem(\'mMarch5\', true);"  onClick="window.location = \'MarchingForms.html\';">&#149; Marching Band Downloads & Links</td></tr>';
sH+= '<tr><td class="menuitem" name="mMarch6" id="mMarch6" onMouseOver="setItem(\'mMarch6\', true);"  onClick="window.location = \'MarchingEtt.html\';">&#149; Band Competition Ettiquette</td></tr>';
sH+= '<tr><td class="menuitem" name="mMarch7" id="mMarch7" onMouseOver="setItem(\'mMarch7\', true);"  onClick="window.location = \'MarchingComp.html\';">&#149; Band Competition Notes</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mBand" id="mOrch" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mOrch\', \'hidden\');" onMouseOver="setMenu(\'mOrch\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mOrch1" id="mOrch1" onMouseOver="setItem(\'mOrch1\', true);"  onClick="window.location = \'orchestra.html\';">&#149; About Orchestra</td></tr>';
sH+= '<tr><td class="menuitem" name="mOrch2" id="mOrch2" onMouseOver="setItem(\'mOrch2\', true);"  onClick="window.location = \'FAQOrch.html\';">&#149; FAQs</td></tr>';
sH+= '<tr><td class="menuitem" name="mOrch3" id="mOrch3" onMouseOver="setItem(\'mOrch3\', true);"  onClick="window.location = \'OrchCal.html\';">&#149; Orchestra Calendar</td></tr>';
sH+= '<tr><td class="menuitem" name="mOrch4" id="mOrch4" onMouseOver="setItem(\'mOrch4\', true);"  onClick="window.location = \'OrchNews.html\';">&#149; Orchestra News</td></tr>';
sH+= '<tr><td class="menuitem" name="mOrch5" id="mOrch5" onMouseOver="setItem(\'mOrch5\', true);"  onClick="window.location = \'Orch-dwnld.html\';">&#149; Orchestra Handbook & Downloads</td></tr>';
sH+= '</table>';
document.write(sH);
}