$(document).ready(function(){				
	$("#chained").scrollable({circular: true, mousewheel: false}).navigator();//.autoscroll({interval: 3000});
	$('.nav > li > a').wrap('<span />');
	$('.footerNav li').first().addClass('bg-none');
	$(".detailSlider .items img").click(function() {
		// see if same thumb is being clicked
		if ($(this).hasClass("active")) { return; }
	
		// calclulate large image's URL based on the thumbnail URL (flickr specific)
		var url = $(this).attr("src").replace("_t", "");
		var title = $(this).attr("title").replace("_t", "");
	
		// get handle to element that wraps the image and make it semi-transparent
		var wrap = $(".image_wrap").fadeTo("fast", 0.5);
	
		// the large image from www.flickr.com
		var img = new Image();
	
		// call this function after it's loaded
		img.onload = function() {
	
			// make wrapper fully visible
			wrap.fadeTo("fast", 1);
	
			// change the image
			wrap.find("img").attr("src", url);
			wrap.find("img").attr("title", title);
	
		};
	
		// begin loading the image from www.flickr.com
		img.src = url;
	
		// activate item
		$(".items img").removeClass("active");
		$(this).addClass("active");
	
	// when page loads simulate a "click" on the first image
    }).filter(":first").click();
});