$(function(){
	var container = $(".menu-homepage-sidebar-bottom-nav-container"),
		menu = $("#menu-homepage-sidebar-bottom-nav"),
		items = $("#menu-homepage-sidebar-bottom-nav li"),
		num = items.length
		width = items.width(),
		speed = 300,
		current = 0;
		
	container.parent().css({
		position: "relative",
		width: "980px",
		height: "158px"
	}).prepend(
		$("<div />").addClass("scroll-left").append(
			$("<a />").attr("href", "").click(function(){
				current++;
				scrollItems();
				return false;
			})
		)
	).append(
		$("<div />").addClass("scroll-right").append(
			$("<a />").attr("href", "").click(function(){
				current--;
				scrollItems();
				return false;
			})
		)
	)
	
	function scrollItems(){
		if (current > 0) {
			current = 0;
		} else if ((-num + 3) > current) {
			current = -num + 3;
		} else {
			var scroll = (current * width) + "px";
			menu.animate({ left: scroll }, speed);
		}
	}
});