var sb_step = 1;
var sb_count = parseInt($('#slide_bar ul li').length);
var sb_container_width = 947;
var color_in = '#f5f5f5';
var color_out = '#4d4d4d';
$("#slide_bar .container ul").width(sb_count * sb_container_width);
var sb_animation = false;
$("#slide_bar_prev_btn").click(function() {
	if (sb_step == 1) {
		sb_step++;
		$("#slide_bar .container ul li:last").remove().prependTo("#slide_bar .container ul");
		$("#slide_bar .container ul").css("marginLeft", "-"+sb_container_width+"px");
	}
	if (sb_step > 1 && !sb_animation) {
		sb_animation = true;
		$(document).stopTime("slideRight");
		sb_step--;
		$("#slide_bar .container ul h1, #slide_bar .container ul h1 a").animate({color:color_in}, "slow");
		$("#slide_bar .container ul").animate({marginLeft:'+='+sb_container_width+'px'}, "slow", function() {
			$("#slide_bar .container ul h1, #slide_bar .container ul h1 a").animate({color:color_out}, "slow");
			sb_animation = false;
			$(document).everyTime("10s", "slideRight", nextSlide);
		});
	}
});
$("#slide_bar_next_btn").click(function() {
	if (sb_step < sb_count && !sb_animation) {
		sb_animation = true;
		sb_step++;
		$(document).stopTime("slideRight");
		$("#slide_bar .container ul h1, #slide_bar .container ul h1 a").animate({color:color_in}, "slow");
		$("#slide_bar .container ul").animate({marginLeft:'-='+sb_container_width+'px'}, "slow", function() {
			$("#slide_bar .container ul h1, #slide_bar .container ul h1 a").animate({color:color_out}, "slow");
			sb_animation = false;
			$(document).everyTime("10s", "slideRight", nextSlide);
			if (sb_step == sb_count) {
				sb_step--;
				$("#slide_bar .container ul li:first").remove().appendTo("#slide_bar .container ul");
				$("#slide_bar .container ul").css("marginLeft", "-"+((sb_step - 1) * sb_container_width)+"px");
			}
		});
	}
});

function nextSlide () {
	if (sb_count == 1) {
		$(document).stopTime("slideRight");
	}
	if (sb_step < sb_count && !sb_animation) {
		sb_animation = true;
		sb_step++;
		$("#slide_bar .container ul h1, #slide_bar .container ul h1 a").animate({color:color_in}, "slow");
		$("#slide_bar .container ul").animate({marginLeft:'-='+sb_container_width+'px'}, "slow", function() {
			$("#slide_bar .container ul h1, #slide_bar .container ul h1 a").animate({color:color_out}, "slow");
			sb_animation = false;
			if (sb_step == sb_count) {
				sb_step--;
				$("#slide_bar .container ul li:first").remove().appendTo("#slide_bar .container ul");
				$("#slide_bar .container ul").css("marginLeft", "-"+((sb_step - 1) * sb_container_width)+"px");
			}
		});
	}
}

$(document).everyTime("10s", "slideRight", nextSlide);

$("#slide_bar li.link").click(function () {
	window.location = $(this).find("a").attr("href");
});