//$("<link>").attr("type", "text/css").attr("rel", "stylesheet").attr("href", "http://www.willoughbydesign.com/styles/scripts/").appendTo("head");

$(function(){

	var dbimg = 0;
	
	$("#design-barn img").hide();

	function loadImage(img) {
		$("#design-barn img:eq(" + dbimg + ")").hide();
		dbimg = img;
		$("#design-barn img:eq(" + dbimg + ")").show();
		updateImage();
	}

	function updateImage() {
		$("#design-barn-tns span").css("background-image", "none");
		$("#design-barn-tns span:eq(" + dbimg + ")").css("background-image", "url(\"/images/commons/image-selected.png\")");
	}

	function changeImage(dir) {
		$("#design-barn img:eq(" + dbimg + ")").hide();
		dbimg += dir;
		if (dbimg == 10) {
			dbimg = 0;
		}
		if (dbimg == -1) {
			dbimg = 9;
		}
		$("#design-barn img:eq(" + dbimg + ")").show();
		updateImage();
	}

	$("#design-barn img:first-child").show();
	updateImage();

	// Project images \\
	$("<span>").attr("id", "design-barn-nav").appendTo("#design-barn");
	$("<span>").attr("id", "design-barn-prev-big").appendTo("#design-barn-nav");
	$("<span>").attr("id", "design-barn-next-big").appendTo("#design-barn-nav");
	$("<span>").attr("id", "design-barn-prev").appendTo("#design-barn-nav");
	$("<span>").attr("id", "design-barn-next").appendTo("#design-barn-nav");
	
	$("#design-barn-prev, #design-barn-prev-big").click(function(event){changeImage(-1);});
	
	$("#design-barn-next, #design-barn-next-big").click(function(event){changeImage(1);});
	
	$("#design-barn-tns img").click(function(event){
		loadImage($("#design-barn-tns img").index(this));
	});
});