var Site = {
    slideShow: null,
    slides: 4,
    activeSlide: 1,
    scrollInterval: 5000,

    _nextSlide: function() {
        return this.activeSlide == this.slides ? 1 : this.activeSlide + 1;
    },

    scrollImages: function() {
        var current = $('#adv-images img')[this.activeSlide - 1];
        var next = $('#adv-images img')[this._nextSlide() - 1];

        $(next).show();

        $(current).fadeOut(this.scrollInterval / 2, function() {
            $(next).addClass('active');
            $(current).removeClass('active');
        });

        this.activeSlide = this._nextSlide();
    },

    run: function() {
        this.slideShow = setInterval(function() { Site.scrollImages() }, this.scrollInterval);
    },

    clean: function() {
        clearInterval(this.slideShow);
    }
}

$(window).ready(function() {
    Site.run();
}).unload(function() {
    Site.clean();
});