// For instructions how how to modify go to this URL
// http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
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:true, moveby:1, pause:10000},
	panelbehavior: {speed:500, wraparound:true, persist:true},
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -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']
})

jQuery(document).ready(function(){
	jQuery(".nav_buttons:first").addClass("active_button");
    jQuery(".nav_buttons").click(function(){
    	jQuery(".nav_buttons").removeClass("active_button");
    	jQuery(this).addClass("active_button");
    });
    
    jQuery(".left_arrow").click(function() {
    	var panels_count = jQuery("#statusC").text();
    	var current_panel = jQuery("#statusA").text();
    	jQuery(".nav_buttons").removeClass("active_button");
    	if(current_panel==1) {
    		jQuery("#nav_button_"+panels_count).addClass("active_button");
    	}
    	else {
    		jQuery("#nav_button_"+current_panel).prev().addClass("active_button");
    	}
    });
    
    jQuery(".right_arrow").click(function() {
    	var panels_count = jQuery("#statusC").text();
    	var current_panel = jQuery("#statusA").text();
    	jQuery(".nav_buttons").removeClass("active_button");
    	if(current_panel==panels_count) {
    		jQuery("#nav_button_1").addClass("active_button");
    	}
    	else {
    		jQuery("#nav_button_"+current_panel).next().addClass("active_button");
    	}
    });
});