// JavaScript Document	
    m_width=new Array();
	m_width[0]=110;
	m_width[1]=70;
	m_pulldown_width=new Array();
	m_pulldown_width[1]=90;
	m_pulldown_width[2]=70;
	m_pulldown_width[3]=90;
	m_pulldown_width[4]=90;

	m_height=15;
	m_height_pulldown=20;
	m_gap=2;
	
	header_image="<img src='graphics/nav_arrow.gif'>";
	line_image="<img src='graphics/nav_dot.gif' border=0>";
	line_indentation=26;

	m_header_style="cursor:pointer; background: transparent; font-size:9px; font-family:verdana,arial,helvetica,sanserif; font-color: #FFFFFF; font-weight:bold; border:solid black 0px";
	m_pulldown_style="cursor:pointer; background: transparent; font-size:9px; font-family:verdana,arial,helvetica,sanserif; font-color: #FFFFFF;font-weight:bold; border:solid #F5F5F5 0px; table-layout: fixed";
	m_pulldown_cellcolor="A28D10";
	m_mouseover_color="#A28D10";
	m_mouseout_color="A28D10"; <!-- should usually be the same as pulldown background color -->

	mi=new Array();
	ml=new Array();
	mi[1]=new Array("<font color='#FFFFFF'>HOME</font>");
	ml[1]=new Array("home.php");
	mi[2]=new Array("<font color='#FFFFFF'>ABOUT US</font>","<font color='#FFFFFF'>News","<font color='#FFFFFF'>History","<font color='#FFFFFF'>Awards");
	ml[2]=new Array("page.php?p=aboutus","page.php?p=news","page.php?p=history","page.php?p=awards");
	mi[3]=new Array("<font color='#FFFFFF'>CONTACT US</font>");
	ml[3]=new Array("page.php?p=contactus");
	mi[4]=new Array("<font color='#FFFFFF'>GALLERY</font>");
	ml[4]=new Array("gallery.php");
		
<!-------------------------------------------------------------------------------------------------------------------------->
overcat=new Array();
cat=new Array();
totalcols=mi.length-1;

col_width=new Array();
pdcol_width=new Array();
col_loc=new Array();
lc=1;col_max=0;
while(lc<=totalcols)
	{
	  if(typeof m_width[lc]!="undefined")
	  	col_width[lc]=m_width[lc];
	  else col_width[lc]=m_width[0];
	  col_loc[lc]=col_max;
	  col_max=col_max+col_width[lc]+4;

	  if(typeof m_pulldown_width=="undefined")
		pdcol_width[lc]=col_width[lc];
	  else if(typeof m_pulldown_width[lc]!="undefined")
		pdcol_width[lc]=m_pulldown_width[lc];
	  else if(typeof m_pulldown_width[0]!="undefined")
	      pdcol_width[lc]=m_pulldown_width[0];
	  else pdcol_width[lc]=col_width[lc];

	  lc=lc+1;
	}

function mvex(pdid) <!---- execute when mouse over ---->
{
   document.getElementById(pdid).style.visibility="visible";
   x=1;
   while(x<=totalcols)
	{
	  if(pdid!=x)
	  	  document.getElementById(x).style.visibility="hidden";
	  x=x+1;
	}
}

function moex(pdid) <!---- execute when mouse out after a second---->
{
   if(!overcat[pdid])
     document.getElementById(pdid).style.visibility="hidden";
}

function winopen(glink)
{
   if(glink!="")
     {
	 if(glink.indexOf(" ")==-1)
	 	window.location=glink;
	 else
		{
		  w_command=glink.split(" ");

	  	  if(w_command[0]="new")
		    window.open(w_command[1],"","scrolling=yes, resizable=yes");
		}
     }
}

function showmenu()
{
document.write("<div style='position: relative; width:" + col_max + "px; z-index: 20; visibility: visible;'>");

document.write("<table cellspacing=0 cellpadding=0>");
  document.write("<tr>"); <!---- menu headers ---->
    y=1;
    while(y<=totalcols)
	{
        document.write("<td valign='center' onclick='winopen(\"" + ml[y][0] + "\")' height='" + m_height + "' style='" + m_header_style + "' align='center' width=" + col_width[y] + " onMouseOver='mvex(" + y + "); overcat[" + y + "]=1;' onMouseOut='overcat[" + y + "]=0; setTimeout(\"moex(" + y + ")\",500);'>" + header_image + mi[y][0] + "</td>");
	  y=y+1;
	}
  document.write("</tr>");
document.write("</table>");

y=1; <!----- pulldown items ------>
while(y<=totalcols)
  {
  document.write("<div id='" + y + "' style='position: absolute; top: " + (m_height+m_gap) + "px; left: " + (col_loc[y] + line_indentation) + "px; z-index: 100; visibility: hidden;'>");
  
  document.write("<table class='topNav' style='" + m_pulldown_style + "' cellspacing=0 width=" + (pdcol_width[y]+4) + ">");
  z=1;
  while(typeof mi[y][z]!="undefined")
	{
  	  document.write("<tr><td bgcolor='" + m_pulldown_cellcolor + "' align='left' valign='middle' onMouseOver='overcat[" + y + "]=1;' onMouseOut='overcat[" + y + "]=0; setTimeout(\"moex(" + y + ")\",500);' height=" + m_height_pulldown + " width=95%><a href='" + ml[y][z] + "'>" + line_image + mi[y][z] + "</a></td>");
	  if(z==1) document.write("<td rowspan=" + (mi[y].length-1) + ">&nbsp;</td>");
	  document.write("</tr>");
	  z=z+1;
	}
  document.write("</table>");
  
  document.write("</div>");
  y=y+1;
  }

document.write("</div>");
}