var itimer = 0; // interval id
$(document).ready(function () {
	var slides = $("div.slide");
	var timeout = 7000;
	var n = 0; // slides index. 
	var distance = 100; //distance to slide
	var direction = 'left';
	options = {'direction':'right','distance': distance};
	if (slides.length > 1) {
		itimer = window.setInterval(update_slide, timeout);
		$("div#slides").hover(function() {clearInterval(itimer)},
			function() {itimer = window.setInterval(update_slide, timeout)});
	}
	function update_slide() {
		if (typeof(direction) == 'undefined') {
			direction = 'left';
		}
		// mark current slide as previous
		$(slides[n]).css('z-index','-1');
		var old_n = n;
		if (direction == 'right') {
			n = n == 0 ? slides.length - 1 : n-1;
		} else {
			n = n >= slides.length - 1? 0 : n+1;
		}
		$(slides[n]).css('z-index','2');
		$(slides[n]).css('opacity','0.2'); 
		// move element 200px to the left and decrease it width
		if (direction == 'right') {
			$(slides[n]).css('left',0-distance + 'px');
		} else {
			$(slides[n]).css('left',distance + 'px');
		}
		$(slides[n]).show();
		$(slides[n]).animate({'opacity': 1,'left':0},500);
		$(slides[n]).css('opacity','1'); 
	}
	$("a#slides-button-right").click(function(event) {
		event.preventDefault();
		direction = 'left';
		update_slide();
	});
	$("a#slides-button-left").click(function(event) {
		event.preventDefault();
		direction = 'right';
		update_slide();
	});

})