jQuery.noConflict();
var $j = jQuery;

carouselInterval = null;

$j(document).ready(function() {
	var count = $j("ul.carousel li").size();
	$j("ul.carousel-navigation").empty();
	$j("ul.carousel li").each(function(i) {
		$j("ul.carousel-navigation").append("<li><a class=\"" + i + "\" href=\"javascript:;\"><span>" + parseInt(count - i) + "</span></a></li>");
	});
	$j("ul.carousel").data("position", 1);

	$j(".carousel-navigation li a").click(function() {
		clearInterval(carouselInterval);

		carouselInterval = window.setInterval("incrementCarousel()", 5000);
		
		var max = parseInt($j("ul.carousel li").length);

		$j("ul.carousel").data("position", max - $j(this).attr("class") - 1);
		updateCarousel();
	});

	$j("ul.carousel").data("position", "0");
	updateCarousel();
	carouselInterval = window.setInterval("incrementCarousel()", 5000);
});

function incrementCarousel() {
	var position = parseInt($j("ul.carousel").data("position"));
	var max = parseInt($j("ul.carousel li").length);
	position++;
	if (position > (max-1)) {
		position = 0;
	}
	$j("ul.carousel").data("position", position);
	updateCarousel();
}

function updateCarousel() {
	var position = parseInt($j("ul.carousel").data("position"));
	var max = parseInt($j("ul.carousel li").length);
	$j("ul.carousel-navigation li span").removeClass("active");
	$j("ul.carousel-navigation li span").eq(max - position - 1).addClass("active");
	var left = position * -1 * parseInt($j("ul.carousel li:first").css("width"));
	$j("ul.carousel").animate({left: left + "px"}, 500);
}