var collection = [
	["B", "siteimages/collections/f2011/collection1.jpg"],
	["C", "siteimages/collections/f2011/collection2.jpg"],
	["D", "siteimages/collections/f2011/collection3.jpg"],
	["E", "siteimages/collections/f2011/collection4.jpg"],
	["F", "siteimages/collections/f2011/collection5.jpg"],
	["G", "siteimages/collections/f2011/collection6.jpg"],
	["H", "siteimages/collections/f2011/collection7.jpg"]
];

var index = 0;
var loading = false;

$(document).ready(function() {
	
	$(".image-browse").click(function(e) {
	    if(!loading) {
	        loading = true;
    		// increment or decrement the index as needed
    		if($(this).hasClass("next")) { index < collection.length - 1 ? index++ : index = 0; }
    		if($(this).hasClass("previous")) { index > 0 ? index-- : index = collection.length - 1; }
    		// load main image
    		$("#image-link img").fadeOut("medium", function() {
    			$(this).remove();
    			$("#image").addClass("loading");
    			var image = new Image();
    			$(image).load(function() {
    				$(this).hide();
    				$("#image").removeClass("loading");
    				$("#image-link").append(this);
    				$(this).fadeIn("medium");
    				loading = false;
    			}).error(function() {
    				$("#image").html("image not found");
    				loading = false;
    			}).attr('src', collection[index][1]);
    		});
    	}
		return false;
	});
	
	
});