BTNArray = new Array();

function makeButton(theImages,href,name,prodName,group,onClick,onMOver,onMOut,onMUp,onMDown) {
	this.setImageList = BtnSIL;
	this.getImageCount = BtnGIC;
	this.nextImage = BtnNI;
	this.previousImage = BtnPI;

	this.getImageList = getImageList;
	this.getGroupCount = getGroupCount;
	this.clearGroup = clearGroup;
	this.mouseOver = mouseOver;
	this.mouseOut = mouseOut;
	this.setState = setState;
	this.getState = getState;
	this.setIndex = setState;
	this.getIndex = getState;
	this.setClicked = setClicked;
	this.setUnclicked = setUnclicked;

	this.onChange = null;
	this.onClick = onClick;
	this.onMouseOver = onMOver;
	this.onMouseOut = onMOut;
	this.onMouseUp = onMUp;
	this.onMouseDown = onMDown;

	this.name = name;
	this.type = "Image";
	this.state = 0;
	this.group = group;

	this.imagelist = new Array();      // image names
	this.btnImageArray = new Array();  // image objects
	this.setImageList(theImages);

	this.getElementID = getElementID;
	this.elementResolved = elementResolved;
	this.elementID = null;
}

function BtnGIC() {
	if (!this.elementResolved()) return -1;
	return this.btnImageArray.length;
}

function BtnNI() {
	with(this) {
		if (!this.elementResolved()) return;
		state = parseInt(state);
		if (state == getImageCount()-1)
			state = 0;
		else
			state += 1;

		elementID.src = imagelist[state];
	}
}

function BtnPI() {
	with(this) {
		if (!this.elementResolved()) return;
		state = parseInt(state);
		if (state == 0)
			state = getImageCount()-1;
		else
			state -= 1;

		elementID.src = imagelist[state];
	}
}

function BtnSIL(theImages) {
	with(this) {
		imagelist = theImages.split(",");
		for (var i = 0; i < imagelist.length; i++) {
			this.btnImageArray[i] = new Image();
			this.btnImageArray[i].src = imagelist[i];
		}
	}
}

function getImageList() {
	if (!this.elementResolved()) return "";
	return this.imagelist.join();
}

function getGroupCount() {
	if (!this.elementResolved()) return -1;
	var k = 0;
	for (i = 0; i < BTNArray.length; i++) {
		if (this.group == BTNArray[i].group) k++;
	}
	return k;
}

function setState(newState) {
	if (!this.elementResolved()) return;
	if (newState < 0) return;
	with(this) {
		if (imagelist[newState] != null) {
			elementID.src = btnImageArray[newState].src;
			state = newState;
		}
	}
}

function getState() {
	if (!this.elementResolved()) return -1;
	return this.state;
}

function _B__onMouseOver(ID) {
	if (BTNArray != null && BTNArray.length > ID && BTNArray[ID].state == 0) {
		BTNArray[ID].setState(1);
	}
}

function _B__onMouseOut(ID) {
	if (BTNArray != null && BTNArray.length > ID && BTNArray[ID].state == 1) {
		BTNArray[ID].setState(0);
	}
}

function mouseOver() {
	if (!this.elementResolved()) return;
	if (this.state == 0)
		this.setState(1);
}

function mouseOut() {
	if (!this.elementResolved()) return;
	if (this.state == 1)
		this.setState(0);
}

function setClicked() {
	with(this) {
		if (!this.elementResolved()) return;
		if ((state == 0 || state == 1) && (btnImageArray.length > 2)) {
			clearGroup();
			setState(2);
		} else if (state == 2 && getGroupCount() == 1) {
			setState(1);
		}
	}
}

function _B__setClicked(ID) {
	if (BTNArray != null && BTNArray.length > ID) {
		BTNArray[ID].setClicked();
	}
}

function setUnclicked() {
	if (!this.elementResolved()) return;
	if (this.state == 2) this.setState(0);
}

function clearGroup() {
	if (!this.elementResolved()) return;
	for (var i = 0; i < BTNArray.length; i++) 	{
		if (this.group == BTNArray[i].group) 		{
			BTNArray[i].setUnclicked();
		}
	}
}