var outer = null;
var inner = null;
var slideWidth = 0;
var slideNum = 0;
var actSlide = 1;
var slideTimer = null;

var nextSlide = function() {
	actSlide++;
	var actLeft = inner.getStyle('left').toInt();
	inner.tween('left', actLeft, -(slideWidth * actSlide));
}

var prevSlide = function() {
	actSlide--;
	var actLeft = inner.getStyle('left').toInt();
	inner.tween('left', actLeft, -(slideWidth * actSlide));
}

function tweenComplete () {
	if (actSlide == slideNum - 1) {
		actSlide = 1;
		inner.setStyle('left', -slideWidth);	
	} else if (actSlide == 0) {
		actSlide = slideNum - 2;
		inner.setStyle('left', -(slideWidth * actSlide));	
	}
}

window.addEvent('domready',function() {
	outer = $('bulli_slider');
	inner = $('bulli_slider_inner');
	slideWidth = outer.getSize().x;
	slideNum = $$('.slide').length + 2;
	
	inner.setStyle('width', slideWidth * slideNum);
	
	var firstSlide = inner.getFirst();
	var lastSlide = inner.getLast();
	
	firstSlide.clone().inject(inner,'bottom');
	lastSlide.clone().inject(inner,'top');

	inner.setStyle('left', -slideWidth);
	
	inner.set('tween',{
		duration: 'short',
			onComplete: tweenComplete
	});

	$('slider_left').addEvent('click', function () {
		if (slideTimer != null) {
			slideTimer = $clear(slideTimer);
		}
		prevSlide();
	});

	$('slider_right').addEvent('click', function () {
		if (slideTimer != null) {
			slideTimer = $clear(slideTimer);
		}
		nextSlide();
	});

	slideTimer = nextSlide.periodical(5000);
});