var buttons = new Array();

function button (name, anchor, url) {
	this.inactive = "./images/valve_stopped.gif";
	this.active = "./images/valve_moving.gif";
	this.anchor = "./images/" + anchor;
	this.name = name;
	this.url = url;
	this.makeLink = makeLink;
}

function turnOn (name) {
	for (i=0; i < buttons.length; i+=1) {
		if (buttons[i].name == name) {
			document.images[buttons[i].name].src = buttons[i].active;
		}
		else {
			document.images[buttons[i].name].src = buttons[i].inactive;
		}
	}
}

function addButton (name, active, inactive, url) {
	buttons[buttons.length] = new button(name, active, inactive, url);
	buttons[buttons.length-1].makeLink();
}

function makeLink () {
	var string = "";

	string+= "<TR>\n";
	string+= "<TD HEIGHT=46><IMG SRC='./images/blank.gif' WIDTH=16 HEIGHT=1></TD>\n";
	string+= "<TD VALIGN='bottom'><IMG SRC='"+ this.inactive +"' NAME='"+ this.name +"' WIDTH=41 HEIGHT=41></TD>\n";
	string+= "<TD><IMG SRC='./images/blank.gif' WIDTH=9 HEIGHT=1></TD>\n";
	string+= "<TD>";
	string+= "<A HREF='"+ this.url +"' TARGET='main' onClick=\"turnOn('" + this.name + "');this.blur();\" onMouseOver=\"self.status='';return true;\">";
	string+= "<IMG SRC='"+ this.anchor +"' BORDER=0 WIDTH=111 HEIGHT=41></TD>\n";
	string+= "</A>";
	string+= "</TR>\n";
	
	document.write(string);
}


function spacer () {
	var string = "";
	string += "<TR><TD COLSPAN=4><IMG SRC='./images/blank.gif' WIDTH=1 HEIGHT=27></TD></TR>";
	document.write(string);
}