// 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);

});