/************************************************************************************
base.js
************************************************************************************/
var dev = { 
	widgets: { }
};

/*** Slideshow ***/
dev.widgets.slideshow = {
	init: function() {
		
		$("#gallery").jCarouselLite({
			btnNext: "#next",
			btnPrev: "#prev",
			speed: 900,
			visible: 3,
			start: 0,
			btnGo:
			["#cones", "#plates", "#press", "#purchase", "#about"]
		});
	
	}
};

/*** Nav ***/
dev.widgets.nav = {
	init: function() {
		
		$(".project").each(function() {
			var project = $(this);
			var dd = project.find("dd");
			var nav = project.find(".nav");
			
			nav.each(function(i) {
				var anchs = $(this);
				
				anchs.find("a").click(function() {
					var $this = $(this);
					var image = $this.find("img").attr("src");
					image = image.replace("_thumb","");
					var loader = 'images/loader.gif';
					
					dd.find("img:first").attr("src",image);
					dd.append('<img class="loader" src="'+loader+'" alt="" />');
					
					$.ajax({
						success: function() {
							$(".loader").remove();
						}
					});
				});
			});
		});
	
	}
};

$(function() {
	dev.widgets.slideshow.init();
	dev.widgets.nav.init();
});