stepcarousel.setup({
	galleryid: 'social-media', //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:3000},
	    panelbehavior: {speed:500, wraparound:true, persist:true},
	    defaultbuttons: {enable: true, moveby: 1, leftnav: ['./image/crousal-left.gif', 222, 184], rightnav: ['./image/crousal-right.gif', -280, 184]},
	    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() {
	
	stepcarousel.stepTo('social-media',8);
	stepcarousel.autorotate('social-media');
	
});
function moveTo(pg){document.getElementById('statusA').value=pg;}