// This is the function that controls the portfolio buttons
$(document).ready(function() {

	$("#portfolioButtons a").click(function(){
		var urlVar = $(this).attr("href");
		var portImgVar = urlVar + " #portfolioBackground > *";
		var portTextVar = urlVar + " #portfolioText > *";
						
		$("#portfolioBackground > *").fadeOut("fast", function () {
			$("#portfolioBackground").empty().load(portImgVar).fadeIn("fast");
		});
		
		$("#portfolioText").load(portTextVar);
		

		
		return false;
	});
});	

$(document).ready(function() {
	
	$("#secondaryPortfolioNav a").click(function(){
		var urlVar = $(this).attr("href");
		var portImgVar = urlVar + " #portfolioBackground > *";
		var portTextVar = urlVar + " #portfolioText > *";
		var artPortTextVar = urlVar + " #artPortfolioText > *";

				
		$("#portfolioBackground > *").fadeOut("fast", function () {
			$("#portfolioBackground").empty().load(portImgVar).fadeIn("fast");
		});
		
		$("#portfolioText").load(portTextVar);
		
		$("#artPortfolioText").load(artPortTextVar);
		
		return false;
	});
});	


// Preload Images
var image0 = new Image(); image0.src = "images/multimediaRoll.png";
var image1 = new Image(); image1.src = "images/artSwap.png";
var image2 = new Image(); image2.src = "images/printSwap.png";
var image3 = new Image(); image2.src = "images/printRoll.png";
var image4 = new Image(); image2.src = "images/artRoll.png";