// JavaScript Document
jQuery(function($) {

	var timer;

	function rotateImage(event, forwards) {

		if (forwards == null)
			forwards = true;

		var oNext;

		var oCurrent = $(".slides > li.current");
		if (oCurrent.length == 0)
			oCurrent = $(".slides > li:first");

		if (forwards)
			oNext = oCurrent.next();
		else
			oNext = oCurrent.prev();

		if (oNext.length == 0) {
			if (forwards)
				oNext = $(".slides > li:first");
			else
				oNext = $(".slides > li:last");
		}

		var oCurrentImage = oCurrent.find('img');
		var oNextImage = oNext.find('img');

		oCurrent.removeClass('current');
		oNext.addClass('current');

		oCurrentImage.css("visibility", "hidden");
		oNextImage.css("visibility", "visible");

		oNextImage.css("opacity", 0);
		oNextImage.animate({ opacity: 1 }, 600);
	}

	$(".left > a").click(function() {
		clearTimeout(timer);
		rotateImage(null, false);
		timer = setInterval(rotateImage, 4000);
	});

	$(".right > a").click(function() {
		clearTimeout(timer);
		rotateImage(null, true);
		timer = setInterval(rotateImage, 4000);
	});

	// on load
	timer = setInterval(rotateImage, 4000);

});