stepcarousel.setup({	
	galleryid: 'moviecarosel', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	panelbehavior: {speed:500, wraparound:true, persist:true},
	defaultbuttons: {enable: true, moveby: 3, leftnav: ['images/back.gif', 55, 8], rightnav: ['images/next.gif', -70, 8]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
	//autostep: {enable:true, moveby:3, pause:3000}
	})
 
$(function() {
		$(".belt > span").hide();
		$(".belt a").click(function() {	
			// construct content inside #detailed-info
			var content_holder = $("#detailed-info span.content"),
				dest_img = $("#detailed-info a img"),
				dest_a = $("#detailed-info a"),
				source_img = $(this).find("img");
	
			// copy the hidden text into .content span
			content_holder.html($(this).next().html());
	
			// set detailed-info img href to image href from clicked link
			dest_img.attr("src", source_img.attr("src"));

			// set detailed-info link title to image title from clicked link
			dest_a.attr("title", source_img.attr("title"));

			$(".previous, .next, #moviecarosel").fadeOut("fast", function(){
				content_holder.parent().fadeIn("slow");
			});//.hide();
		});
		$("#close-info, #detailed-info a").click(function() {
			$("#detailed-info").hide();
			$("#moviecarosel, .previous, .next").fadeIn("slow");
		});
	});