var gp = "/graphics/interface/";

var img_btnl	= new Image(); img_btnl.src		= gp+"button_up_left.gif";
var img_btnc	= new Image(); img_btnc.src		= gp+"button_up_mid.gif";
var img_btnr	= new Image(); img_btnr.src		= gp+"button_up_right.gif";

var img_btnld	= new Image(); img_btnld.src	= gp+"button_dis_left.gif";
var img_btncd	= new Image(); img_btncd.src	= gp+"button_dis_mid.gif";
var img_btnrd	= new Image(); img_btnrd.src	= gp+"button_dis_right.gif";

var img_btnlo	= new Image(); img_btnlo.src	= gp+"button_over_left.gif";
var img_btnco	= new Image(); img_btnco.src	= gp+"button_over_mid.gif";
var img_btnro	= new Image(); img_btnro.src	= gp+"button_over_right.gif";

var img_btnlw	= new Image(); img_btnlw.src	= gp+"button_down_left.gif";
var img_btncw	= new Image(); img_btncw.src	= gp+"button_down_mid.gif";
var img_btnrw	= new Image(); img_btnrw.src	= gp+"button_down_right.gif";

function buttonState(id, state) {
	var bd = document.getElementById("button" + id);
	var bl = document.getElementById("button" + id + "left");
	var bc = document.getElementById("button" + id + "center");
	var br = document.getElementById("button" + id + "right");
	var bt = document.getElementById("button" + id + "text");

	bt.style.paddingTop = "0";

	switch(state) {
		case 0:
			if (bc.className == "btnbg") {
				bd.onclick = "function() { return false; }";
				bc.className = "btnbgd";
				bc.style.background = "url(" + img_btncd.src + ")";
				bl.style.background = "url(" + img_btnld.src + ")";
				br.style.background = "url(" + img_btnrd.src + ")";
			}
			break;
		case 1:
		case 4:
			if (state == 1 || (state == 4 && bc.className != "btnbgd")) {
				bd.onclick = document.getElementById("button" + id + "action").onclick;
				bc.className = "btnbg";
				bc.style.background = "url(" + img_btnc.src + ")";
				bl.style.background = "url(" + img_btnl.src + ")";
				br.style.background = "url(" + img_btnr.src + ")";
			}
			break;
		case 2:
			if (bc.className == "btnbg") {
				bc.style.background = "url(" + img_btnco.src + ")";
				bl.style.background = "url(" + img_btnlo.src + ")";
				br.style.background = "url(" + img_btnro.src + ")";
			}
			break;
		case 3:
			if (bc.className == "btnbg") {
				bt.style.paddingTop = "1px";
				bc.style.background = "url(" + img_btncw.src + ")";
				bl.style.background = "url(" + img_btnlw.src + ")";
				br.style.background = "url(" + img_btnrw.src + ")";
			}
			break;
	}
}