$(document).ready(function() {
			
	$("ul.gallery li").hover(function() { //On hover...
		
		var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'
		
		//Set a background image(thumbOver) on the <a> tag - Set position to bottom
		$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
		
		//Animate the image to 0 opacity (fade it out)
		$(this).find("span").stop().fadeTo('normal', 0 , function() {
			$(this).hide() //Hide the image after fade
				});
			}, function() { //on hover out...
				//Fade the image to full opacity 
				$(this).find("span").stop().fadeTo('normal', 1).show();
			});
			function mycarousel_initCallback(carousel)
			{
				// Pause autoscrolling if the user moves with the cursor over the clip.
				carousel.clip.hover(function() {
					carousel.stopAuto();
				}, function() {
					carousel.startAuto();
				});
			};
	
	$('#featurePanel').jcarousel({
		vertical: true,
		scroll: 1,
		auto: 4,
		wrap: 'circular',
		initCallback: mycarousel_initCallback
	});
});