jQuery.preloadImages = function()
{
	preload = arguments[0];
	
	for(var i = 0; i<arguments[0].length; i++)
	{
		$(document.createElement('img')).bind('load', function() {
			if(preload[0]) this.src = preload.shift();
		}).trigger('load');
	}
}

$(document).ready(function() {

	// Configuration variables
	ss_thumbnailLinksContainer = "#firmImgNav ul";
	ss_mainImage = "#firmImg > img";
	ss_caption = "#firmImg > p#caption";

	// Create an array of portfolio images, and preload them
	projectImages = new Array();
	
	$(ss_thumbnailLinksContainer + " a").each(function() {
		projectImages[projectImages.length] = $(this).attr("href");
	});
	
	// set our first image to on
	$(ss_thumbnailLinksContainer + " a:first").addClass("selected");
	
	// when we click an image, load it up
	$(ss_thumbnailLinksContainer + " a").click(function() {
		$(ss_caption).text($(this).attr("title"));
		$(ss_mainImage).attr("src", $(this).attr("href"));

		$(ss_thumbnailLinksContainer + " a.selected").removeClass("selected");
		$(this).addClass("selected");
		//$("img#loader").show();
		return false;
	});
	
	// when we hover, switch to our over state if appropriate
	/*
	$(ss_thumbnailLinksContainer + " a").hover(
		function() {
			if($(this).hasClass("selected") == false) {
				$(this).addClass("hover");
			}
		},
		function() {
			if($(this).hasClass("selected") == false) {
				$(this).removeClass("hover");
			}
		}
	);
	*/
	
	// Insert our captions
	$(ss_caption).html($(ss_thumbnailLinksContainer + " li:first a").attr("title"));
	
	$(ss_mainImage).load(function() {
		// $("#portfolioImgContainer").css("width", $(this).width() + "px");
	}).error(function() {
		//alert("something's broke.");
	}).attr('src', $(ss_thumbnailLinksContainer + " li:first a").attr("href"));
	
});
	
	
$(window).load(function(){
	$.preloadImages(projectImages);
});