/*

MENU.JS WRITES OUT A TABLE USING THE DOCUMENT.WRITE METHOD OF JAVASCRIPT. THE CONTENTS OF THE TABLE ARE DETERMINED BY VARIABLES SET ON THE HTML PAGE THAT HOSTS SCRIPT. THE TWO VARIABLES THAT ARE CALLED, "BGID" AND "VMENU", MUST APPEAR IN A SEPERATE SCRIPT TAG IN THE HEAD OF THE HTML PAGE: 

<SCRIPT TYPE="TEXT/JAVASCRIPT" LANGUAGE="JAVASCRIPT">VAR BGID="BGID1"; VAR VMENU="";</SCRIPT>

IF "BGID" EQUALS "BGID2" AND "VMENU" EQUALS "VMENU2", THE SECOND BUTTON WILL HIGHLIGHT AND THE SECOND MENU WILL APPEAR. IN SUCH A CASE, THE REMAINING BUTTONS AND MENUS WILL SET TO THEIR "OFF" STATE USING THE ELSE STATEMENT. IF NO MENU ITEMS NEED TO BE HIGHLIGHTED, THEN THE "BGID" VARIABLE IS SET TO "" AND THE "VMENU" VARIABLE IS SET TO "". SINCE SEVERAL OF THE BUTTONS USE THE SAME HTML CODE, FUNCTIONS WERE CREATED TO MAKE CHANGES AND UPDATES CONVENIENT: 

BUTTON_TOP('NAME','LINK','CLASS',1) = TOP LEVEL BUTTON WITH A TEXT FIELD, HREF LOCATION, STYLE CLASS, AND BACKGROUND = TRUE"1" OR FALSE"0".

U_BUTTON_TOP('NAME','LINK','CLASS',1) = SAME AS ABOVE BUT WITH THE UTILITY BACKGROUND COLOR.

BUTTON_SUB('NAME','LINK','CLASS',1) = SUB LEVEL BUTTON AND ARROW WITH A TEXT FIELD, HREF LOCATION, STYLE CLASS, AND BACKGROUND = TRUE"1" OR FALSE"0".

FUNCTION DIVIDER('IMAGE') = DIVIDER CODE WITH THE OPTION OF DEFINING DIFFERENT GRAPHICS.

FUNCTION AD(LNK,IMG,BGC) = THIS ALLOWS FOR A GRAPHIC LIKE THE DIVIDER FUNCTION BUT ALLOWS THE CODER A HREF LOCATION AND BACKGROUND COLOR.

FUNCTION SUB_MENUTOP() = HTML CODE FOR THE TOP OF THE SUBMENU.

FUNCTION SUB_MENUBOTTOM() = HTML CODE FOR THE BOTTOM OF THE SUBMENU.

*/

document.write('<table border="0" width="147" cellspacing="0" cellpadding="0">\r');
document.write('<tr>\r');
document.write('<td width="5" bgcolor="#000000"><img src="../images/spacer.gif" width="5" height="14"></td>\r');
document.write('<td>\r');
document.write('<table border="0" width="138" cellspacing="0" cellpadding="0">\r');
document.write(ad('./home.htm','../images/sbaalogo_resized.gif','#6699ff'));
document.write(divider('../images/divider1.gif'));

//BEGIN "HOME" BUTTON

if(bgid=="bgid1"){
	document.write(button_top('Home','home.htm','leftnav',1));
}
else{
	document.write(button_top('Home','home.htm','leftnav',0));
}

//END "HOME" BUTTON

document.write(divider('../images/divider2.gif'));


//BEGIN "CALENDAR" BUTTON

if(bgid=="bgid2"){
	document.write(ubutton_top('Calendar','../htm/calendar.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Calendar','../htm/calendar.htm','leftnav',0));
}

//END "CALENDAR" BUTTON

document.write(divider('../images/divider2.gif'));


//BEGIN "FORMS" BUTTON

if(bgid=="bgid3"){
	document.write(ubutton_top('Forms','../htm/forms.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Forms','../htm/forms.htm','leftnav',0));
}

//END "FORMS" BUTTON

document.write(divider('../images/divider2.gif'));


//BEGIN "RELATED SITES" BUTTON

if(bgid=="bgid4"){
	document.write(ubutton_top('Related Sites','../htm/relatedsites.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Related Sites','../htm/relatedsites.htm','leftnav',0));
}

//END "RELATED SITES" BUTTON

document.write(divider('../images/divider2.gif'));


//BEGIN "BOARD" BUTTON

if(bgid=="bgid5"){
	document.write(ubutton_top('Contact the Board','../htm/board.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Contact the Board','../htm/board.htm','leftnav',0));
}

//END "BOARD" BUTTON

document.write(divider('../images/divider2.gif'));


//BEGIN "CHEER" BUTTON

if(bgid=="bgid6"){
	document.write(ubutton_top('Cheer Committee','../htm/cheer.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Cheer Committee','../htm/cheer.htm','leftnav',0));
}

//END "CHEER" BUTTON

document.write(divider('../images/divider2.gif'));

//BEGIN "NEWSLETTERS" BUTTON

if(bgid=="bgid7"){
	document.write(ubutton_top('Newsletters','../htm/newsletters.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Newsletters','../htm/newsletters.htm','leftnav',0));
}

//END "NEWSLETTERS" BUTTON

document.write(divider('../images/divider2.gif'));

//BEGIN "JOIN" BUTTON

if(bgid=="bgid8"){
	document.write(ubutton_top('Join SBACI','../htm/join.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Join SBACI','../htm/join.htm','leftnav',0));
}

//END "JOIN" BUTTON

document.write(divider('../images/divider2.gif'));

//BEGIN "SPONSORS" BUTTON

if(bgid=="bgid10"){
	document.write(ubutton_top('Sponsors','../htm/sponsors.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Sponsors','../htm/sponsors.htm','leftnav',0));
}

//END "SPONSORS" BUTTON

document.write(divider('../images/divider2.gif'));

//BEGIN "MYSPACE" BUTTON

if(bgid=="bgid9"){
	document.write(ubutton_top('SBACI on MySpace!','http://www.myspace.com/sbacindy','leftnav',1));
}
else{
	document.write(ubutton_top('SBACI on MySpace!','http://www.myspace.com/sbacindy','leftnav',0));
}

//END "MYSPACE" BUTTON

document.write(divider('../images/divider2.gif'));

//BEGIN "Hats On" BUTTON

if(bgid=="bgid11"){
	document.write(ubutton_top('Hats On For SB!','../htm/Hats_on.htm','leftnav',1));
}
else{
	document.write(ubutton_top('Hats On For SB!','../htm/Hats_on.htm','leftnav',0));
}

//END "Hats On" BUTTON


document.write(divider('../images/divider4_bot.gif'));


//END BUTTONS

//document.write(ad(0,'../images/ben_small.gif','#3333cc'));
//document.write(divider('../images/divider4_bot.gif'));
document.write('</table>\r');
document.write('</td>\r');
document.write('<td width="4" bgcolor="#6699ff"><img src="../images/spacer.gif" width="4" border="0"></td>\r');
document.write('</tr>\r');
document.write('<tr>\r');
document.write('<td colspan="3"><img src="../images/bottom_menu.gif"></td>\r');
document.write('</tr>\r');
document.write('<tr>\r');
document.write('<td colspan="3" class="ftext"><br>&copy;2009 SBACI</td>\r');
document.write('</tr>\r');

// DONATE SECTION
document.write('<tr>\r');
document.write('<td colspan="3" class="ftext"><br>&nbsp<br>&nbsp<br>&nbsp<br></td>\r');
document.write('</tr>\r');

document.write('<tr>\r');
document.write('<td colspan="3" nowrap align="middle"><a href="./fundraising.htm"><img src="../images/red_donate.gif" border="0"></a>\r');
document.write('</td>\r');
document.write('</tr>\r');

document.write('<tr>\r');
document.write('<td colspan="3" class="ftext"><br>Please consider donating through a tax deductible donation or by volunteering to help with our events<br><br></td>\r');
document.write('</tr>\r');

document.write('</table>\r');

//END MENU


//BEGIN FUNCTIONS MENU REFERS TO

function button_top(text,lnk,acl,bgid){
	str='<tr><td width="138" height="14" background="'
	if(bgid) str+='../images/backon.gif'
	else str+='../images/backoff.gif'
	str+='"><div class="menuspace"><a href="'+lnk+'" class="'+acl+'"><font color="#ffffff">'+text+'</font></a></div></td></tr>\r' 
	return str
}

function ubutton_top(text,lnk,acl,bgid){
	str='<tr><td width="138" height="14" background="'
	if(bgid) str+='../images/ubackon.gif'
	else str+='../images/ubackoff.gif'
	str+='"><div class="menuspace"><a href="'+lnk+'" class="'+acl+'"><font color="#ffffff">'+text+'</font></a></div></td></tr>\r' 
	return str
}

function button_sub(text,lnk,acl,bgid){
	str='<tr><td height="14" width="12" valign="top" background="'
	if(bgid) str+='../images/backon.gif'
	else str+='../images/backoff.gif'
	str+='"><img src="../images/arrow3.gif"></td><td height="14" width="126" background="'
	if(bgid) str+='../images/backon.gif'
	else str+='../images/backoff.gif'
	str+='"><div class="menuspace"><a href="'+lnk+'" class="'+acl+'"><font color="#ffffff">'+text+'</font></a></div></td></tr>\r' 
	return str
}

function divider(img){
	str='<tr><td><img src="'+img+'"></td></tr>\r'
	return str
}

function ad(lnk,img,bgc){
	str='<tr><td bgcolor="'+bgc+'">'
	if(lnk) str+='<a href="'+lnk+'" border="0"><img src="'+img+'" border="0"></a>'
	else str+='<img src="'+img+'" border="0">'
	str+='</td></tr>\r'
	return str
}

function sub_menutop(){
str='<tr><td>\r'
str+='<table border="0" width="138" cellspacing="0" cellpadding="0">\r'
	return str
}

function sub_menubottom(){
str='</table>\r'
str+='</td></tr>\r'
	return str
}

//END FUNCTIONS