var browserName = navigator.appName;
var browserAppVersion = navigator.appVersion;

function makeMenus(){

	//each loop creates one complete menu	
	for (z=0; z<arrMenu.length; z++){
		subMenu = arrMenu[z];
		menuItem = subMenu[0];

		//build the outer shell
		//cannot put style attributes in the div tag, must put them in the css or it will hang NS 4.x and the page won't load
		document.write("<div id=\"" + menuItem[0] + "Closer\" class=\"layerCloser\">"); 
		document.write("<a href=\"#\" onMouseOver=\"P7_autoLayers(0)\"><img src=\"/images/spacer.gif\" width=300 height=300 border=0 alt=\"\"></a>");
		document.write("</div>");
		document.write("<div id=\"" + menuItem[0] + "Menu\" class=\"layerMenu\">");
		document.write("<table width=148 border=0 cellspacing=0 cellpadding=0>");
		document.write("<tr><td colspan=3 bgcolor=\"#5D5639\" height=1><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td></tr>");

		//write submenu items
		for (x=1; x<subMenu.length; x++){
			currMenuItem = subMenu[x];
			document.write("<tr><td bgcolor=\"#000000\" width=1><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td>");
		    document.write("<td width=146 bgcolor=\"#A8A87D\" onMouseOver=\"this.bgColor='#FFFFE4'\" onMouseOut=\"this.bgColor='#A8A87D'\">");
			document.write("<ilayer width=100% name=\"dropDown" + x + "\"><layer width=100% onMouseOver=\"this.bgColor='#FFFFE4'\" onMouseOut=\"this.bgColor='#A8A87D'\">");

			// NS 4.0 will crash if you use nested divs but need to use divs so the style will treat text as a block.
			if (browserName == "Microsoft Internet Explorer" || browserAppVersion != 4){
				document.write("<a href=\"" + currMenuItem[1] + "\"><div class=\"dropDownMenu\">" + currMenuItem[0] + "</div></a>");
			}else{
				document.write("<a href=\"" + currMenuItem[1] + "\"><span class=\"dropDownMenu\">" + currMenuItem[0] + "</span></a>");
			}

			document.write("</layer></ilayer>");
			document.write("</td><td bgcolor=\"#000000\" width=1><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td></tr>");

			//don't want to write the divider bar if you've just done the last menu item.
			if (x != (subMenu.length - 1) ){
				document.write("<tr><td bgcolor=\"#5D5639\" width=1><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td>");
				document.write("<td bgcolor=\"#5D5639\"><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td>");
				document.write("<td bgcolor=\"#5D5639\" width=1><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td></tr>");
			}

		}
		//end submenu items
		
		//close the shell
		document.write("<tr><td colspan=3 bgcolor=\"#5D5639\" height=1><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td></tr></table>");
		document.write("</div>");
	}
}

function makeSideMenu(pageOn,subPageOn,subPage){

	if (pageOn == "resources") {z = 0}
	else if (pageOn == "who"){z = 1}
	else if (pageOn == "involved"){z = 2}
	else {z = 3}

	sideMenu = arrMenu[z];
	document.write("<table width=152 border=0 cellspacing=0 cellpadding=0>");

	//write submenu items
	for (x=1; x<sideMenu.length; x++){
		state = "";
		currMenuItem = sideMenu[x];
		if ((currMenuItem[2] == subPageOn)||(currMenuItem[2] == subPage)){
			state = "ON";
		    document.write("<tr><td bgcolor=\"#B69A5A\">");
		}else{
		    document.write("<tr><td bgcolor=\"#E0D6A7\" onMouseOver=\"this.bgColor='#CBB881'\" onMouseOut=\"this.bgColor='#E0D6A7'\">");
			document.write("<ilayer width=100% name=\"sideMenu" + x + "\"><layer width=100% onMouseOver=\"this.bgColor='#CBB881'\" onMouseOut=\"this.bgColor='#E0D6A7'\">");
		}
		// NS 4.0 will crash if you use nested divs but need to use divs so the style will treat text as a block.
		if (browserName == "Microsoft Internet Explorer" || browserAppVersion != 4){
			document.write("<a href=\"" + currMenuItem[1] + "\"><div class=\"sideMenu" + state + "\">" + currMenuItem[0] + "</div></a>");
		}else{
			document.write("<a href=\"" + currMenuItem[1] + "\"><span class=\"sideMenu" + state + "\">" + currMenuItem[0] + "</span></a>");
		}
		document.write("</layer></ilayer>");
		document.write("</td></tr>");

		//don't want to write the divider bar if you've just done the last menu item.
		if (x != (sideMenu.length - 1) ){
			document.write("<tr><td bgcolor=\"#B69A5A\"><img src=\"/images/spacer.gif\" width=1 height=1 alt=\"\"></td></tr>");
		}
	}
	//end submenu items	
	document.write("</table>");
}

function MM_reloadPage(init) {  //Updated by PVII. Reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_autoLayers() { //v1.2 by PVII
 var g,b,k,f,args=P7_autoLayers.arguments;
 var a = parseInt(args[0]);if(isNaN(a))a=0;
 if(!document.p7setc) {p7c=new Array();document.p7setc=true;
  for (var u=0;u<10;u++) {p7c[u] = new Array();}}
 for(k=0; k<p7c[a].length; k++) {
  if((g=MM_findObj(p7c[a][k]))!=null) {
   b=(document.layers)?g:g.style;b.visibility="hidden";}}
 for(k=1; k<args.length; k++) {
  if((g=MM_findObj(args[k])) != null) {
   b=(document.layers)?g:g.style;b.visibility="visible";f=false;
   for(j=0;j<p7c[a].length;j++) {
    if(args[k]==p7c[a][j]) {f=true;}}
  if(!f) {p7c[a][p7c[a].length++]=args[k];}}}
}

function P7_ReDoIt() { //v1.2 by PVII
 if(document.layers) {
	MM_reloadPage(false);
	}
}

function P7_Snap() { //v2.61 by PVII
  var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,args=P7_Snap.arguments;a=parseInt(a);
  for (k=0; k<(args.length-3); k+=4)
   if ((g=MM_findObj(args[k]))!=null) {
    el=eval(MM_findObj(args[k+1]));
    a=parseInt(args[k+2]);b=parseInt(args[k+3]);
    x=0;y=0;ox=0;oy=0;p="";tx=1;da="document.all['"+args[k]+"']";
    if(document.getElementById) {
     d="document.getElementsByName('"+args[k]+"')[0]";
     if(!eval(d)) {d="document.getElementById('"+args[k]+"')";if(!eval(d)) {d=da;}}
    }else if(document.all) {d=da;} 
    if (document.all || document.getElementById) {
     while (tx==1) {p+=".offsetParent";
      if(eval(d+p)) {x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));
      }else{tx=0;}}
     ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);var tw=x+ox+y+oy;
     if(tw==0 || (navigator.appVersion.indexOf("MSIE 4")>-1 && navigator.appVersion.indexOf("Mac")>-1)) {
      ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);
      }else{var w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;
      a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
      x=document.body.scrollLeft + event.clientX + bx;
      y=document.body.scrollTop + event.clientY;}}
   }else if (document.layers) {x=g.x;y=g.y;var q0=document.layers,dd="";
    for(var s=0;s<q0.length;s++) {dd='document.'+q0[s].name;
     if(eval(dd+'.document.'+args[k])) {x+=eval(dd+'.left');y+=eval(dd+'.top');break;}}}
   if(el) {e=(document.layers)?el:el.style;
   var xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
   if(navigator.appName=="Netscape" && parseInt(navigator.appVersion)>4){xx+="px";yy+="px";}
   if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){
    xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);
    xx+="px";yy+="px";}e.left=xx;e.top=yy;}}

SendOnTop(pageOn,'resourcesMenu');
}

// in NN 4.x the drop down menu would not end up as the top most layer even though the z-index was set so this function re-establishes the drop down menu on top AFTER it's been moved and made visible.
function SendOnTop(pageOn, dropMenu){
	var t = 0;var z = (document.layers) ? ".zIndex" : ".style.zIndex";
	var fun = (document.getElementById) ? "document.getElementById" : "MM_findObj";
	var arr = (document.layers) ? document.layers : (document.all) ? document.all.tags("DIV") : document.getElementsByTagName("DIV");
	for(var i=0;i<arr.length;i++){var oz = eval("arr["+i+"]"+z);if(oz > t){t = oz;}}
	var obj = eval(fun + "(dropMenu)");if(obj)eval(fun + "('" + dropMenu + "')" + z + "=parseInt(" + t + ")+1");
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function goodbye(){
	window.close();
}


//select image based on random number
//var randomize = Math.round(Math.random()*9);
galleryImg = Math.round((Math.random() * 10 + 0.5));