$(document).ready(function() {

	var max = 6;

	var INTERVAL = 7000;

	

	$('#navbar_sl span').click(function() {

        var boxId = $(this).text();

		$('#navbar_sl span').removeClass('activebtn');

		$(this).toggleClass('activebtn');

		

		$('.boxx').removeClass('active');

		$('#'+boxId).toggleClass('active');

    });

	

	setInterval(changebox, INTERVAL);

	

	function changebox() {

		var current = $('.active').attr('id');

				

		if (current == max) {

			current = 1; 

		} else {

			current = parseInt(current) + 1;

		}

		$('.boxx').removeClass('active');

		$('#'+current).toggleClass('active');

		

		$('#navbar_sl span').removeClass('activebtn');

		$('#b'+current).toggleClass('activebtn');

	};

	

});