jQuery(function($) {
	// apply each thumbnail element's image and link
	$('.slideshow_thumbnails li a').each(function() {
	// 	$(this).css('backgroundImage', 'url("' + $(this).attr('img') + '")');
	})
	
	// fade in and out on hover
	.hover(function() {
		$(this).not('.selected').animate({opacity: 1.0}, 'fast');
	}, function(argument) {
		$(this).not('.selected').animate({opacity: 0.5}, 'fast');
	})
		
	// load content upon click
	.click(function() {
		$(this).animate({opacity: 1.0}, 'fast').addClass('selected');
		$(this).parent().siblings().find('a').animate({opacity: 0.5}, 'fast').removeClass('selected');
	});
	
	// make thumbnails scroll
	// first figure out if we need to move the carousel on load to show the current slide
	var slide_id = location.href.match(/slide=([0-9]*)/);
	var visible_slides = 6;
	
	if (slide_id) {
		var our_slide = $('.slideshow_thumbnails li a[slide_id='+slide_id[1]+']');
		var slide_number = $('.slideshow_thumbnails li a').index(our_slide);
		var start_number = (Math.floor(slide_number / visible_slides) * visible_slides) + 1;
	} else {
		var start_number = 1;
	}
	$('.slideshow_thumbnails').jcarousel({ start: start_number, visible: visible_slides, easing: 'swing' });

});