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:false, moveby:1, pause:3000},
	panelbehavior: {speed:500, wraparound:false, persist:true},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/arrow_left.png', -35, 27], rightnav: ['images/arrow_right.png', 20, 27]},
	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']
})


	var clsname = 'banner1'
	function changeclass1()
	{
		clsname = 'banner1'
		document.getElementById("banner").className = clsname;
	}

	function changeclass2()
	{
		clsname = 'banner2'
		document.getElementById("banner").className = clsname;
	}
	
	function changeclass3()
	{
		clsname = 'banner3'
		document.getElementById("banner").className = clsname;
	}
	function changeclass4()
	{
		clsname = 'banner4'
		document.getElementById("banner").className = clsname;
	}