/**
 * @depricated, use RollOverHandler
 */
function RollableImage_doMouseOut()
{
	if (this.outImage.src != null)
	{
		document.images[this.imageName].src = this.outImage.src;
	}
}

function RollableImage_doMouseOver()
{
	if (this.overImage.src != null)
	{
		document.images[this.imageName].src = this.overImage.src;
	}
}

function RollableImage_doMouseDown()
{
	if (this.downImage.src != null)
	{
		document.images[this.imageName].src = this.downImage.src;
	}
}

function RollableImage_doMouseUp(delay)
{
	if (this.upImage.src != null)
	{
		if (delay > 0)
		{
			setTimeout("document.images['" + this.imageName + "'].src = '" + this.upImage.src + "';", 150);
		}
		else
		{
			document.images[this.imageName].src = this.upImage.src;
		}
	}
}

function RollableImage(imageName, mouseOutImage, mouseOverImage, mouseDownImage, mouseUpImage)
{
	this.imageName = imageName;
	
	// preload images to avoid pauses when doing image swaps
	this.outImage = new Image();			//mouse-out image (default image that loads with page)
	this.outImage.src = mouseOutImage;
	this.overImage = new Image();			//mouse-over image
	this.overImage.src = mouseOverImage;
	this.downImage = new Image();			//button-pressed image (optional)
	this.downImage.src = mouseDownImage;
	this.upImage = new Image();				//button-released image (optional)
	this.upImage.src = mouseUpImage;

	// functions to swap images
	this.doMouseOut = RollableImage_doMouseOut;
	this.doMouseOver = RollableImage_doMouseOver;
	this.doMouseDown = RollableImage_doMouseDown;
	this.doMouseUp = RollableImage_doMouseUp;
}