// DHTML Menu Code: //
	
	/*
		The layer code works like this:
		ShowLayer and HideLayer take an absolutely positioned DIV and change the 
			visibility attribute.  This will make a layer (the DIV) visible or 
			invisible.
		ShowMenu and HideMenu use a variable "SelectedMenu" to keep track of what's
			currently visible, and when the mouse is outside of the menu it
			makes the current menu dissapear.  (just like drop down menus in
			windows).
		ChangeImage is thrown in for fun, and just changes an image source (mouse
			over / roll over images).
	*/
	
	function ShowLayer(id) {
		if (document.all){ 			// Internet Explorer Code
			eval("document.all." + id + ".style.visibility='visible';");
		
		}
		else if (document.layers){ 	// Netscape Navigator Code
			eval("window.document.layers['" + id + "'].visibility='show';");
			
	}
	else{
		document.getElementById(id).style.visibility='visible';
		
		}
	}
	
	function HideLayer(id) {
		if (document.all) 			// Internet Explorer Code
			eval("document.all." + id + ".style.visibility='hidden';");
		else if (document.layers) 	// Netscape Navigator Code
			eval("window.document.layers['" + id + "'].visibility='hidden';");		
		else{
		document.getElementById(id).style.visibility='hidden';
		}
	}
	
	var SelectedMenu = "";
	var SelectedMenu2 = "";
	
	function ShowMenu(id) {
		if (SelectedMenu == id)
			return;
	
		if (SelectedMenu == "") {	// Nothing's open yet
			ShowLayer('Background');
		}
		else {
			HideLayer(SelectedMenu);
		}
	
		if (SelectedMenu != id) {
			ShowLayer(id);
			SelectedMenu = id;
		}
		
	}
	
	
	function ShowNewMenu(id) {
		if (SelectedMenu2 == id)
			return;
	
		if (SelectedMenu2 == "") {	// Nothing's open yet
			ShowLayer('Background');
		}
		else {
			HideLayer(SelectedMenu2);
		}
	
		if (SelectedMenu2 != id) {
			ShowLayer(id);
			SelectedMenu2 = id;
		}
		
	}
	
	
		
	function HideMenus() {
		HideMenu()
		HideNewMenu()
	}
	
	
	function HideMenu() {
		if (SelectedMenu != "") {
			HideLayer(SelectedMenu);
			HideLayer('Background');
			SelectedMenu = "";
		}
	}
	
		function HideNewMenu() {
		if (SelectedMenu2 != "") {
			HideLayer(SelectedMenu2);
			HideLayer('Background');
			SelectedMenu2 = "";
		}
	}
	// Image Changing Code: //
	function imgChange(id, src) {
		document.images[id].src = src;
	}		

	function imgOver (name) {
		document.images[name].src = "images/" + name + "on.gif";
	}

	
	function imgOut (name) {
		document.images[name].src = "images/" + name + "off.gif";
	}
	
	function imgList (imgName, i) {
	        this.over = new Image();
	        this.over.src = imgName + "on.gif"
	        this.out = new Image();
	        this.out.src = imgName + "off.gif"
	        if (i<=1) {
	                this.feat = new Image();
	                this.feat.src = imgName + "feat.gif"
	        }
	}
	
	//if we understand this, we should understand all we need:
	if (document.images) {
	        //for each of our named/numbered images,
	        for (i = 1; i <= 1; i++) {
	                //build array of named image objects
	                // with MouseOver/MouseOut src properties
	                imgList['images/nav' + i] = new imgList('images/nav' + i, i);
	        }
	}

	 // - stop hiding -->