//load images
imageSrcArray = new Array;
imageSrcArray.push("images/portfolio_down.png");
imageSrcArray.push("images/portfolio_over.png");
imageSrcArray.push("images/portfolio_up.png");

imageArray = new Array;
for(i=0; i<imageSrcArray.length; i++){
	imageArray[i] = new Image();
	imageArray[i].src = imageSrcArray[i];
}

$(document).ready(function(){

	
	$("#portfolioButton").click(function(ev){
		$("#portfolioButton").css("background-image", "url('images/portfolio_down.png')");
		document.location = "portfolio.html";
	});
	
	$("#portfolioButton").mouseover(function(ev){
		$("#portfolioButton").css("background-image", "url('images/portfolio_over.png')");
	});
	
	$("#portfolioButton").mouseout(function(ev){
		$("#portfolioButton").css("background-image", "url('images/portfolio_up.png')");
	});
	
	$("#portfolioButton").mousedown(function(ev){
		$("#portfolioButton").css("background-image", "url('images/portfolio_down.png')");
	});
	
	$("#portfolioButton").mouseup(function(ev){
		$("#portfolioButton").css("background-image", "url('images/portfolio_over.png')");
	});

});