$(document).ready(function() {
		$(".thumbnail:first").attr("selected","1")
		var imageSource = $(".thumbnail:first").attr("src").replace("_s.jpg",".jpg");
		$(".main-col-pic").attr("src",imageSource);
		$(".main-col-pic").show();
		set_image_details($(".thumbnail:first"));

		$("#thumbs").jCarouselLite({
			btnNext: ".thumbs-next-btn",
			btnPrev: ".thumbs-prev-btn",
			visible: 8,
			scroll: 4,
			circular: true
		});

		$(".thumbnail").click(function(){
			$(".thumbnail").attr("selected","0");
			$(this).attr("selected","1");
			var imageSource = $(this).attr("src").replace("_s.jpg",".jpg");
			$(".main-col-pic").attr("src",imageSource);
			set_image_details($(this));
			return false;
		});

		$("#feat-photo-prev").click(function(){
			var selected = $(".thumbnail[selected='1']").attr("id").replace("thumbnail-","");
			selected--;
			
			var imageSource;
			if ($("#thumbnail-"+selected).length > 0) {
				imageSource = $("#thumbnail-"+selected).attr("src").replace("_s.jpg",".jpg");
				set_image_details($("#thumbnail-"+selected));
			} else {
				var last = $("#thumbs ul").children().size() - 17;
				imageSource = $("#thumbnail-"+last).attr("src").replace("_s.jpg",".jpg");
				set_image_details($("#thumbnail-"+last));
				selected = last;
			}
			$(".main-col-pic").attr("src",imageSource);
			$(".thumbnail").attr("selected","0");
			$("#thumbnail-"+selected).attr("selected","1");
			
			return false;
		});

		$("#feat-photo-next").click(function(){
			var selected = $(".thumbnail[selected='1']").attr("id").replace("thumbnail-","");
			selected++;
			var imageSource;
			if ($("#thumbnail-"+selected).length > 0) {
				imageSource = $("#thumbnail-"+selected).attr("src").replace("_s.jpg",".jpg");
				set_image_details($("#thumbnail-"+selected));
			} else {
				imageSource = $("#thumbnail-0").attr("src").replace("_s.jpg",".jpg");
				set_image_details($("#thumbnail-0"));
				selected = 0;
			}
			$(".main-col-pic").attr("src",imageSource);
			$(".thumbnail").attr("selected","0");
			$("#thumbnail-"+selected).attr("selected","1");
			return false;
		});
	});
	
	function set_image_details(img){
		$("img.thumbnail").removeClass("selected");
		var sel = '.thumbnail[flickr_id="' + img.attr('flickr_id') + '"]';
		$(sel).addClass("selected");
		$.get("get_details.php", {id: img.attr('flickr_id')}, function(details){
			var details = details.split("::::");
			$('#main-image-title')[0].innerHTML = details[0];
			$('#main-image-caption')[0].innerHTML = details[1];
		});
	}