stepcarousel.setup({
	galleryid: 'mygallery', //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
	autostep: {enable:true, moveby:1, pause:3800},
	panelbehavior: {speed:300, wraparound:true, persist:true}, //remember last page view when broswer refresh
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['images/arrowl.png" id="btn_page', -40, 270], rightnav: ['images/arrowr.png" id="btn_page', -20, 270]},
	
	
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})

function change_bg_img(id){
	//alert("Current ID : " + id);
	
	$('#background_panel').css({'background-image': 'url(images/backgroundimg_0'+ (parseInt(id)+1) +'.jpg)'}).hide();
	$('#background_panel').fadeIn();
	$('#cover_menu li').find("span").stop().animate({
			marginBottom: "0" //Find the <span> tag and move it up 40 pixels
		}, 250);
	$('#cover_menu li:eq('+ id +')').find("span").stop().animate({
			marginBottom: "-50" //Find the <span> tag and move it up 40 pixels
		}, 250);
}