var imageSlider = new Class({
    slidesNumber: 0,
    curSlideNum: 0,
    curZ: 1,
    inte: false,
    options: {
        top: 37
    },
    initialize: function (options) {
        if (options) this.options = options;
        var imagesArr = $("imageSliderContent").getElements("a");
        this.slidesNumber = imagesArr.length;
        if (this.slidesNumber == 0)
            return;

        imagesArr.each(function (image, index) {
            image.set({ "rel": index, styles: { "display": "block", "position": "absolute", top: 0, left: "0"} });
            var fx = new Fx.Tween(image, { property: "opacity", duration: 1500 });
            if (index == 0)
                fx.set(1);
            else
                fx.set(0);
            image.retrieve("fx", fx);
        }, this);


        this.inte = this._moveNext.periodical(5000, this);

    },
    _linkMove: function (ind) {
        $clear(this.inte);
        this.inte = false;
        this._moveTo(ind);
    },
    _moveNext: function () {
        this._moveTo((this.curSlideNum + 1) % this.slidesNumber);
    },
    _moveTo: function (slideNum) {
        if (slideNum == this.curSlideNum)
            return;

        $("imageSliderContent").getElements("a").each(function (image, ind) { if (ind == this.curSlideNum) image.retrieve("fx").cancel(); else image.retrieve("fx").set(0) }, this); ;

        var newElement = $("imageSliderContent").getElement("a[rel=" + slideNum + "]");
        newElement.setStyle("z-index", this.curZ++);

        var newFx = newElement.retrieve("fx");
        newFx.cancel();
        newFx.start(1);

        this.curSlideNum = slideNum;
    }
});