//window.onload = rolloverInit;

jQuery(document).ready(function(){
    rolloverInit();
});

function rolloverInit()
{
	
	for (var i=0; i<document.images.length; i++)
		{
			if (document.images[i].parentNode.tagName == "a")
			{
				
				setupRollover(document.images[i]);	
			}
		
		}

}


function setupRollover(thisImage)
{
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;
	
	thisImage.overImage = new Image();
	thisImage.overImage.src = "portfolio/images/buttons/" + thisImage.id + "-off.png";
	thisImage.onmouseover = rollOver;
	
	thisImage.clickImage = new Image();
	thisImage.clickImage.src = "portfolio/images/buttons/" + thisImage.id + "-on.png";
	thisImage.onmouseover = rollClick;
}



function rollOut ()
{
	this.src = this.outImage.src;
}

function rollOver ()
{
	this.src = this.overImage.src;
}

function rollClick ()
{
	this.src = this.clickImage.src;
}