<!--//<![CDATA[
			stepcarousel.setup({
				galleryid: 'slider', //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:5000},
				panelbehavior: {speed:500, wraparound:false, persist:true},
				defaultbuttons: {enable: false, moveby: 1, leftnav: ['', 450, 282], rightnav: ['', -35, 282]},
				statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
				onslide:function(){ select_icon(statusA); },
				contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
				})
				function select_icon(q){					
					for(i=1;i<5 ;i++)
					{
					  if(i==q)
					  {
					  	$("#service_" + i).removeClass("sliderItem");
						$("#service_" + i).addClass("sliderItemOn");
						if(i=="1"){
							$("#service_" + i).addClass("sliderItemOnFirst");
						}
						
					  }
					  else
					  {
					  	if(i=="1"){
							$("#service_" + i).removeClass("sliderItemOnFirst");
						}
					  	$("#service_" + i).removeClass("sliderItemOn");
						$('#service_'+i).addClass("sliderItem");
						
					  }
					}
				}
	//]]>-->

