if (document.images) {
	var imgFolder = "gfx/gif/"
	var urlBase = ""
	var onTail = "_on.gif"
	var offTail = "_off.gif"
	var imgOrient = "menu_v_"
	var imgAxis = "v"
	var imgWidth = 155
	var imgHeight = 28
	var tableIntro = "<tr><td>"
	var tableFinish = "</tr></td>"
	var offImgArray = new Array();
	var onImgArray = new Array();
	var descArray = new Array();
	var buttonName
	var currentPage
}

function NewItem(key)
{
icon="<img SRC=\"../gfx/new.gif\">";

 if (key == "home")
 {
  icon="<img SRC=\"gfx/new.gif\">";
 } else {
  icon="<img SRC=\"../gfx/new.gif\">";
 }

 document.write(icon);
}

function draw_menu(thisPage, menuOrient, pageDepth) {

	if (document.images) {

		currentPage = thisPage;

		// set the path to the graphics folder

		if (pageDepth == "two") {
			imgFolder = "../gfx/gif/";
	  		urlBase = "../"
	 	}
		if (pageDepth == "three") {
			imgFolder = "../../gfx/gif";
	  		urlBase = "../../"
	 	}

	 	// set the orientation and the image dimensions

		if (menuOrient == "horizontal") {
  			imgOrient = "menu_h_";
  			imgAxis = "h"
  			imgWidth = 99
			imgHeight = 25
 			tableIntro = "<td>"
 			tableFinish = "</td>"
		}

		// fill the image arrays

		buttonName = "home"
		buttonDesc ="PLan Home"
		imgArrayLoad(buttonName, buttonDesc)

		buttonName = "newitem"
		buttonDesc ="PLan New Items"
		imgArrayLoad(buttonName, buttonDesc)

		buttonName = "infosheet"
		buttonDesc ="PLan Information Sheets"
		imgArrayLoad(buttonName, buttonDesc)

		buttonName = "newsletter"
		buttonDesc ="PLan Newsletters"
		imgArrayLoad(buttonName, buttonDesc)

		buttonName = "link"
		buttonDesc ="PLan Links"
		imgArrayLoad(buttonName, buttonDesc)

		buttonName = "disclaimer"
		buttonDesc ="PLan Disclaimer"
		imgArrayLoad(buttonName, buttonDesc)

		buttonName = "about"
		buttonDesc ="About PLan"
		imgArrayLoad(buttonName, buttonDesc)

		// define the table
		writeLine = "<TABLE border='0' cellspacing='0' cellpadding='0'>"
		document.write(writeLine)
		buttonName = "home"
		draw_menu_item(buttonName)
		buttonName = "newitem"
		draw_menu_item(buttonName)
		buttonName = "infosheet"
		draw_menu_item(buttonName)
		buttonName = "newsletter"
		draw_menu_item(buttonName)
		buttonName = "link"
		draw_menu_item(buttonName)
		buttonName = "disclaimer"
		draw_menu_item(buttonName)
		buttonName = "about"
		draw_menu_item(buttonName)

		// END THE TABLE
		writeLine ="</TABLE>"
		document.write(writeLine)

	}
}

function imgArrayLoad(buttonName, buttonDesc) {

	offImgArray[buttonName] = new Image(imgWidth,imgHeight);
	offImgArray[buttonName].src = imgFolder + imgOrient + buttonName + offTail;
	descArray[buttonName] = buttonDesc
	onImgArray[buttonName] = new Image(imgWidth,imgHeight);
	onImgArray[buttonName].src = imgFolder + imgOrient + buttonName + onTail;
	descArray[buttonName] = buttonDesc
}

// functions that swap images & status bar
function imageOn(imgName) {
	if (document.images) {
		document.images[imgName].src = onImgArray[imgName].src;
	}
}

function imageOff(imgName) {
	if (document.images) {
		document.images[imgName].src = offImgArray[imgName].src;
	}
}

// status bar message
function setMsg(buttonName) {
	msg = descArray[buttonName]
	if (msg != "") {

	}else{
		msg = 'PLan: the Planning Action Network'
	}

	window.status = msg;
	return true;
}

function draw_menu_item(buttonName) {

	imageSource=offImgArray[buttonName].src;
	imageDesc=descArray[buttonName]

	urlActual = urlBase + buttonName + "/"+ buttonName + ".html";

	// p names that don't match pages
	if (buttonName == "home") {
		urlActual = urlBase + "index.php";
	}

	if (buttonName == "about") {
		urlActual = urlBase + buttonName + "/"+ buttonName + ".php";
	}

	if (buttonName == "disclaimer") {
		urlActual = urlBase + buttonName + "/"+ buttonName + ".php";
	}
    	
    if (buttonName == "newitem") {
		urlActual = urlBase + buttonName + "/"+ buttonName + ".php";
	}
	
    if (buttonName == "newsletter") {
		urlActual = urlBase + buttonName + "/"+ buttonName + ".php";
	}
    	
	if (buttonName == "infosheet") {
		urlActual = urlBase + buttonName + "/"+ buttonName + ".php";
	}
	
	if (buttonName == "link") {
		urlActual = urlBase + buttonName + "/"+ buttonName + ".php";
	}
	
	writeLine = tableIntro + "<a href='" + urlActual + "'";
	writeLine += "onmouseover=\"imageOn('" + buttonName + "');";
	writeLine += "return setMsg('" +  buttonName + "')\"";
	writeLine += " onmouseout=\"imageOff('" + buttonName + "');";
	writeLine += "return setMsg('" +  currentPage + "')\">";
	writeLine += "<img SRC='" + imageSource + "' name='" + buttonName + "'";
	writeLine += "alt='" + imageDesc + "' height='" + imgHeight + "'";
	writeLine += "width = '" + imgWidth + "' border='0'></a>" + tableFinish;

	document.write(writeLine);

}