/*********************************
 Basic button
 Basic button display behaviour
 
 Mustafa Anabtawi
 http://www.thepolarcat.com 
**********************************/

buttonImage = new Array();
imageIndex	= new Array();
index		= 0;
var buttonImageName;

function addButton(ImageName, ImageWidth, ImageHeight, defaultImage, rollOverImage, downImage){

	//Set buttonImageName
	setButtonImageName(ImageName);

	// Add image to images list
	imageIndex[index]=buttonImageName.id;
	buttonImage[index] = new Array();

	// Load main image (rollout)
	buttonImage[index][0]=new Image(ImageWidth, ImageHeight);
	buttonImage[index][0].src=defaultImage;

	// Load rollOver image
	buttonImage[index][1]=new Image(ImageWidth, ImageHeight);
	buttonImage[index][1].src=rollOverImage;
	
	// Load mouse down image
	buttonImage[index][2]=new Image(ImageWidth, ImageHeight);
	buttonImage[index][2].src=downImage;
	
	index++;
	
	buttonImageName.onmouseover=buttonRollover;
	buttonImageName.onmouseout=buttonRollout;
	buttonImageName.onmousedown=buttonDown;
	buttonImageName.onmouseup=buttonRollover;
	
	return false;
	
};

function setButtonImageName(id){
	//Set buttonImageName
	buttonImageName=document.getElementById(id);
}

function searchImageIndex(){
	var ii=0;
	for(i=0; i<=imageIndex.length; i++){
		if(imageIndex[i]==buttonImageName.id){
			ii=i;
		}
	}
	return ii;
}

function buttonRollover(){
    //Set buttonImageName
	setButtonImageName(this.id);
	
	buttonImageName.src=buttonImage[searchImageIndex(buttonImageName)][1].src;
	return true;
};

function buttonRollout(){
	buttonImageName.src=buttonImage[searchImageIndex(buttonImageName)][0].src;
	return true;
};

function buttonDown(){
	buttonImageName.src=buttonImage[searchImageIndex(buttonImageName)][2].src;
	return true;
};