Event.observe(window, 'load', function(event){
    Diaporama = Class.create({
        initialize: function(){
            this.buttons = new Array();
            this._current = 0;
            this._old = 0;
            this._auto = true;
            this._total = 0;
			this._timer = new PeriodicalExecuter(this._autoRun, 10);
        },
        _change: function(num){
            if (num != this._current) {
                this._old = this._current;
                this._current = num;
                this._hide(this._show);
            }
        },
        _show: function(){
            var element = $("actu_" + diaporama._current);
            element.setStyle({display : 'block', visibility : 'visible'});
            var showFX = new Effect.Opacity(element, {
                from: 0,
                to: 1,
                duration: 0.8,
                transition: Effect.Transitions.linear
            });
        },
        _hide: function(){
            var element = $("actu_" + this._old);
            var hideFX = new Effect.Opacity(element, {
                from: 1,
                to: 0,
                duration: 0.8,
                transition: Effect.Transitions.linear,
                afterFinish: function(){
                    element.setStyle({display : 'none', visibility : 'hidden'});
                    diaporama._show();
                    diaporama._changeMenu();
                }
            });
        },
        _changeMenu: function(){
            var aLinks = $$("a.lien-numeros");
            var iLinks = aLinks.length;
            
            for (var j = 0; j < iLinks; j++) {
                var eLink = aLinks[j];
                if (j == diaporama._current) {
                    eLink.addClassName('current');
                }
                else {
                    eLink.removeClassName('current');
                }
            }
        },
		_autoRun : function(){
			var num = diaporama._current + 1;
			if (num >= diaporama._total){
				num = 0;
			}
			diaporama._change(num);
		}
    });
    
    var diaporama = new Diaporama;
    
	// les div à afficher
    var aDiv = $$("div.news-bas-detail");
    var iDiv = aDiv.length;
    // les numéros
    var aLinks = $$("a.lien-numeros");
    var iLinks = aLinks.length;
    
    diaporama._total = iLinks;
    
	//gestions des divs
    for (var i = 0; i < aDiv; i++) {
        var eDiv = aDiv[i];
        var opacity = eDiv.getStyle("opacity");
        var visibility = eDiv.getStyle("visibility");
        var display = eDiv.getStyle("display");
        
        if (i == 0) {
            element.setStyle({
                display: 'block',
                visibility: 'visible',
                opacity: 1
            });
        }
        else {
            element.setStyle({
                display: 'none',
                visibility: 'hidden',
                opacity: 0
            });
        }
    }
    // gestion des numéros
    for (var j = 0; j < iLinks; j++) {
        var eLink = aLinks[j];
        Event.observe(eLink, 'click', function(event){
            var pattern = "btn_actu_";
            var num = 0;
            if (this.id.indexOf(pattern) != -1) {
                num = parseInt(this.id.substr(pattern.length), 10) - 1;
                diaporama._change(num);
            }
        });
    }
});