jQuery(document).ready(function()
{
	jQuery(".intro .intro-nav a").hover(
		function()
		{
		jQuery(".intro .intro-nav a").each(function()
		{
			jQuery(this).removeClass("current");
		});
		jQuery(this).addClass("current");
		
		var menuID = jQuery(".intro .intro-nav a").index(jQuery(this)) + 1;
		jQuery(".intro .panel").each(function()
		{
			jQuery(this).removeClass("current");
		});
				
		jQuery(".intro .panel:eq(" + menuID + ")").addClass("current");
		},
		function() { }
	)
});

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:6000},
	panelbehavior: {speed:500, wraparound:false, persist:true},
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['', -5, 80], rightnav: ['', -20, 80]},
	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']
})