/*
* Gestion du menu de vignette avec navigation droite/gauche
*/
$(document).ready(function(){
    // Gestion du menu
    Menu = new Class ({
        initialize: function() {
            // Initialisation
            this.BoutonBack =$('#NavigationBackButton');
            this.BoutonNext =$('#NavigationNextButton');
            this.SlidingZone = $('#ZoneVignettes_Enveloppe > ul');
            var ListItem=$('#ZoneVignettes li');
            this.Max = ListItem.length;
            this.Current = 1;
            this.NbPlaces = 7;
            //this.LargeurImage= ListItem[0].getDimensions().width;
            if ($.client.os == "Mac" && $.client.browser== "Firefox") {
				// Petit décalage sous firefox/mac....
				this.LargeurImage= 110;
			} else {
				this.LargeurImage= 109;
			}
            this.Pas=7;
            var Suivant=function(){
                this.SlidingZone.stop();
                this.Current=this.Current+this.Pas;
                this.CheckButton();
                this.SlidingZone.animate({'opacity':0.5},100).animate({'marginLeft':-(this.Current-1)*this.LargeurImage+'px'},400).animate({'opacity':1},300);
            };
            var Precedent=function(){
                this.SlidingZone.stop();
                this.Current=this.Current-this.Pas;
                this.CheckButton();
                this.SlidingZone.animate({'opacity':0.5},100).animate({'marginLeft':-(this.Current-1)*this.LargeurImage+'px'},400).animate({'opacity':1},300);
            };
            this.AllerSuivant=Suivant.bind(this);
            this.AllerPrecedent=Precedent.bind(this);
         },
        CheckButton: function() {
            // Check to highlight or not navigation buttons
            if (this.Current + this.NbPlaces > this.Max) {
                this.BoutonNext.animate({opacity:0.3});
                this.BoutonNext.unbind('click', this.AllerSuivant);
                this.BoutonNext.css('cursor','default');
            }
            else {
                this.BoutonNext.animate({opacity:1});
                this.BoutonNext.bind('click', this, this.AllerSuivant);
                this.BoutonNext.css('cursor','pointer');
            }

            if (this.Current == 1) {
                this.BoutonBack.animate({opacity:0.3});
                this.BoutonBack.unbind('click', this.AllerPrecedent);
                this.BoutonBack.css('cursor','default');
            }
            else {
                this.BoutonBack.animate({opacity:1});
                this.BoutonBack.bind('click', this.AllerPrecedent);
                this.BoutonBack.css('cursor','pointer');
            }
         }
    });

    M=new Menu();
    M.CheckButton();
});