var scrollposition = 0;
var slideposition = 0;

var busy = false;

Event.observe(window,"load", function() {
	$$("#scroller .page").invoke("observe","click", function(ev) {
		el = ev.element();
		ev.stop();
		id = el.name;
		scroller(parseInt(id));
	});
	
	$("scroll_left").observe("click",function(ev) {
		ev.stop();
		if (scrollposition != 0)
			scroller(scrollposition - 1);
		else
			scroller(scrollmax);
	});
	
	$("scroll_right").observe("click",function(ev) {
		ev.stop();
		if (scrollposition != scrollmax)
			scroller(scrollposition + 1);
		else
			scroller(0);
	});
	$("scroller_wrap").scrollLeft = 0;
	$("scroller").scrollLeft = 0;
});

function scroller(id) {
	if (busy != true) {
		spos = id * 30;
		if (spos >= slideposition + 90) {
			while (spos >= slideposition + 90) {
				slideposition += 90;
			}
			new Effect.SmoothScroll("scroller", { duration: 0.8, x: slideposition });
		} else if (spos < slideposition) {
			while (spos < slideposition) {
				slideposition -= 90;
			}
			new Effect.SmoothScroll("scroller", { duration: 0.8, x: slideposition });	
		}
		ipos = id * 568;
		scrollposition = id;
		$$("#scroller .page").each(function(el) {
			el.removeClassName("act");
			if (el.name == scrollposition)
				el.addClassName("act");
		});
		busy = true;
		new Effect.SmoothScroll("scroller_wrap", { duration: 0.8, x: ipos, afterFinish: function() {
			img = $("scroll_image_" + id);
			link = img.alt.split("||");
			$("scroller_count").innerHTML = (parseInt(id)+1);
			$("scroller_title").innerHTML = '<a href="' + link[0] + '">' + img.title + '</a>';
			$("scroller_desc").innerHTML = 	'<a href="' + link[0] + '">' + link[2] + '</a>';
			$("scroller_link").href = link[0];
			//$("scroller_alink").href = link[0];
			$("scroller_linktext").innerHTML = link[1];
			busy = false;
			clearTimeout(scrollTimer);
			scrollTimer = setTimeout("autoscroll()",10000);
		}});
	}
}

var scrollTimer = setTimeout("autoscroll()",10000);

function autoscroll() {
	if (busy != true) {
		if (scrollposition != scrollmax)
			scroller(scrollposition + 1);
		else
			scroller(0);
	}
}