var actualItem;
var itemCount;

function initialize() {
    actualItem = 0;
    itemCount = document.getElementsByClassName("homepage_slideshow_slide").length;
    $(".homepage_slideshow_slide").hide();
    $("#slide" + actualItem).show();
}

function slide() {
    next();
    setTimeout("slide()", 15000);
}

function prew() {
    if (actualItem > itemCount - 1) { actualItem = itemCount - 1; }
    var prewItem = actualItem;

    if (prewItem < 1) {
        $("#slide" + actualItem).animate({ left: 978 }, 500);
        $("#slide" + actualItem).animate({ width: 0, left: 0 }, 0);
        actualItem = itemCount - 1;
        prewItem = actualItem;
        $("#slide" + prewItem).animate({ left: -978 }, 0);
        $("#slide" + prewItem).animate({ width: 978 }, 0);
        $("#slide" + prewItem).animate({ left: 0 }, 500);
    }
    else {
        $("#slide" + actualItem).animate({ left: 978 }, 500);
        $("#slide" + actualItem).animate({ width: 0, left: 0 }, 0);
        actualItem--;
        prewItem = actualItem;
        $("#slide" + prewItem).animate({ left: -978 }, 0);
        $("#slide" + prewItem).animate({ width: 978 }, 0);
        $("#slide" + prewItem).animate({ left: 0 }, 500);
    }
}

function next() {
    var nextItem = actualItem;

    if (nextItem > itemCount - 2) {
        $("#slide" + actualItem).animate({ left: -978 }, 500);
        $("#slide" + actualItem).animate({ width: 0, left: 0 }, 0);
        actualItem = 0;
        nextItem = 0;
        $("#slide" + nextItem).animate({ left: 978 }, 0);
        $("#slide" + nextItem).animate({ width: 978 }, 0);
        $("#slide" + nextItem).animate({ left: 0 }, 500);
    }
    else {
        $("#slide" + actualItem).animate({ left: -978 }, 500);
        $("#slide" + actualItem).animate({ width: 0, left: 0 }, 0);
        actualItem++;
        nextItem = actualItem;
        $("#slide" + nextItem).animate({ left: 978 }, 0);
        $("#slide" + nextItem).animate({ width: 978 }, 0);
        $("#slide" + nextItem).animate({ left: 0 }, 500);
    }
}
