stepcarousel.setup({
	galleryid: 'mySlides', //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:10000},
	panelbehavior: {speed:300, wraparound:false, persist:false},
	defaultbuttons: {enable: false},
	//defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/banner/banner-nav-l.jpg', -47, 130], rightnav: ['images/banner/banner-nav-r.jpg', 5, 130]},
	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']
})

$(document).ready(function() {
	$("a.slide-prev").click(function () { 
		 stepcarousel.stepBy('mySlides', -1);
		 return false;
	});
	$("a.slide-next").click(function () { 
		 stepcarousel.stepBy('mySlides', 1);
		 return false;
	});
	
   
});
