var current = 1;
var count = 3;
var interval = 0;

$(document).ready(function() {    
    interval = setInterval(NextImage, 5000);    
});

function NextImage() {

    var images = $("#rotator .image");
    var links = $("#rotator .pages a.page");

    $(links[current - 1]).removeClass("selected");
    $(images[current - 1]).fadeOut("fast", function() {

        $(this).addClass("hidden");
        current++;

        if (current > images.length)
            current = 1;

        $(images[current - 1]).fadeIn("fast");
        $(links[current - 1]).addClass("selected");
    });
}

function ShowImage(num) {

    clearInterval(interval);

    var images = $("#rotator .image");
    var links = $("#rotator .pages a.page");

    $(links[current - 1]).removeClass("selected");
    $(images[current - 1]).fadeOut("fast", function() {
        $(this).addClass("hidden");
        current = num;
        $(images[num - 1]).fadeIn("fast");
        $(links[num - 1]).addClass("selected");
    });

    interval = setInterval(NextImage, 5000);
}

function Back() {
    var show = 0;
    if (current == 1)
        show = $("#rotator .image").length;
    else
        show = current - 1;
    ShowImage(show);
}

function Next() {
    var show = 0;
    if (current == ($("#rotator .image").length))
        show = 1
    else
        show = current + 1;
        
    ShowImage(show);
}