var actualSlide = 0;
var slideCount = 0;
var interval = 5000;
var timeout;
var animation = false;

var $j = jQuery.noConflict();

$j(document).ready(function () {
    $j(".slide").hide();
    $j(".slide:first").show();

    var i = 0;
    $j('.slide').each(function (index) {
        var slideId = "slide" + i;
        $j(this).attr("id", slideId);
        i++;
    });
    slideCount = i;

    $j("#slider-next-button a").click(function () {
        slideNext();
        return false;
    });
    $j("#slider-prev-button a").click(function () {
        slidePrev();
        return false;
    });


    timeout = setTimeout('slideNext()', interval);

})

function slideNext() {
    if (!animation) {
        animation = true;
        clearTimeout(timeout);

        var oldSlideId = "slide" + actualSlide;
        if (slideCount <= (actualSlide + 1)) {
            actualSlide = 0;
        } else {
            actualSlide++;
        }
        var newSlideId = "slide" + actualSlide;

        $j("#" + oldSlideId).fadeOut("slow", function () {
            $j("#" + newSlideId).fadeIn("slow");
            animation = false;
        });

        timeout = setTimeout('slideNext()', interval);
    }
}
function slidePrev() {
    
    if (!animation) {
        animation = true;
        clearTimeout(timeout);
        var oldSlideId = "slide" + actualSlide;
        if (actualSlide <= 0) {
            actualSlide = slideCount - 1;
        } else {
            actualSlide--;
        }
        var newSlideId = "slide" + actualSlide;

        $j("#" + oldSlideId).fadeOut("slow", function () {
            $j("#" + newSlideId).fadeIn("slow");
            animation = false;
        });

        timeout = setTimeout('slideNext()', interval);
    }
}