/* Copyright Fontis Pty Ltd 2009 */

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

carouselInterval = null;

$j(document).ready(function() {
    $j(".carousel-wrapper").each(function() {
        var carousel = this;
        var count = $j("ul.carousel li", carousel).size();
        $j("ul.carousel-navigation", carousel).empty();
        var firstClass = " class=\"active\"";

        $j("ul.carousel li", carousel).each(function(i) {
            $j("ul.carousel-navigation", carousel).append("<li><a class=\"" + 
                parseInt(i+1) + "\" href=\"javascript:;\"><span" + 
                firstClass + ">" + parseInt(i+1) + "</span></a></li>");
            firstClass = "";
        });

        $j("ul.carousel", carousel).data("position", 1);

        var timer = window.setInterval(function() {
            incrementCarousel(carousel);
        }, 5000);

        $j(this).data("timer", timer);
    });

    $j(".carousel-navigation li a").click(function() {
        var carousel = $j(this).parents(".carousel-wrapper");
        var timer = carousel.data("timer");
        clearInterval(timer);

        var timer = window.setInterval(function() {
            incrementCarousel(carousel);
        }, 5000);
        carousel.data("timer", timer);

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

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

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