var busy = false;
var max = 0;

Event.observe(window,"load",function() {
	
	max = $$("#scroller .item").length;
	
	$("scroll_right").observe("click",function(ev) {
		ev.stop();
		if (this.hasClassName("active") && busy == false) {
			busy = true;
			left = parseInt($("scroller").getStyle("marginLeft"));
			new Effect.Morph("scroller", { style: "margin-left: " + (left - 592) + "px", duration: 0.5, afterFinish: function() { busy = false; } });
			$("scroll_left").removeClassName("active").addClassName("active");
			span = $$("#scroller_count span")[0];
			c = parseInt(span.innerHTML) + 1
			span.innerHTML = c;
			if (c == max)
				this.removeClassName("active");
		}
	});
	
	$("scroll_left").observe("click",function(ev) {
		ev.stop();
		if (this.hasClassName("active") && busy == false) {
			busy = true;
			left = parseInt($("scroller").getStyle("marginLeft"));
			new Effect.Morph("scroller", { style: "margin-left: " + (left + 592) + "px", duration: 0.5, afterFinish: function() { busy = false; } });
			$("scroll_right").removeClassName("active").addClassName("active");
			span = $$("#scroller_count span")[0];
			c = parseInt(span.innerHTML) - 1
			span.innerHTML = c;
			if (c == 1)
				this.removeClassName("active");
		}
	});
	
});