if (typeof(MooTools) != 'undefined'){



    var DropdownMaxiMenu = new Class({

        Implements: Options,

        options: {    //options par defaut si aucune option utilisateur n'est renseign�e

			

            mooTransition : 'Bounce',

            mooEase : 'easeOut',

            mooDuree : 500,

            useOpacity : '0',

            menuID : 'maximenuCK',

            testoverflow : '1',

            orientation : '0',

            style : 'moomenu',

            dureeOut : 500

        },

			

        initialize: function(element,options) {

			

            this.setOptions(options); //enregistre les options utilisateur



            var maduree = this.options.mooDuree;

            var matransition = this.options.mooTransition;

            var monease = this.options.mooEase;

            var useopacity = this.options.useOpacity;

            var dureeout = this.options.dureeOut;

            var menuID = this.options.menuID;

            var testoverflow = this.options.testoverflow;

            var orientation = this.options.orientation;

            var style = this.options.style;



            var els = element.getElements('li.maximenuCK');



            els.each(function(el) {

										

                if (el.getElement('div.floatCK') != null) {

                    el.conteneur = el.getElement('div.floatCK');

						

                    el.conteneurul = el.getElements('div.floatCK ul');

                    el.conteneurul.setStyle('position','static');

						

                    el.conteneur.mh = el.conteneur.clientHeight;

                    el.conteneur.mw = el.conteneur.clientWidth;

                    el.duree = maduree;

                    el.transition = matransition;

                    el.ease = monease;

                    el.useopacity = useopacity;

                    el.orientation = orientation;

                    el.zindex = el.getStyle('z-index');

                    el.createFxMaxiCK();



                    if (style == 'clickclose') {

                        el.addEvent('mouseenter',function() {



                            if (testoverflow == '1') this.testOverflowMaxiCK(menuID);

                            if (el.hasClass('level0') && el.hasClass('parent') && el.status != 'show') {

                                els.each(function(el2){

                                    if (el2.status == 'show') {

                                        //el2.getElement('div.floatCK').setStyle('height','0');

                                        element.getElements('div.floatCK').setStyle('left','-999em');

                                        el2.status = 'hide';

                                    }

                                });



                            }

                            this.showMaxiCK();



                        });



                         el.getElement('.maxiclose').addEvent('click',function() {

                            el.hideMaxiCK();

                        });



                    } else if (style == 'click') {



                        el.getElement('span.titreCK').addEvent('click',function() {



                            el.getElement('a.maximenuCK').setProperty('href','javascript:void(0)');



                            if (testoverflow == '1') this.testOverflowMaxiCK(menuID);

                            if (el.status == 'show') {

                                el.hideMaxiCK();

                            } else {

                                if (el.hasClass('level0') && el.hasClass('parent') && el.status != 'show') {

                                    els.each(function(el2){

                                        if (el2.status == 'show') {

                                            //el2.getElement('div.floatCK').setStyle('height','0');

                                            element.getElements('div.floatCK').setStyle('left','-999em');

                                            el2.status = 'hide';

                                        }

                                    });



                                }

                                el.showMaxiCK();

                            }



                        });



                    } else {

                        el.addEvent('mouseover',function() {



                            if (testoverflow == '1') this.testOverflowMaxiCK(menuID);

                            this.showMaxiCK();



                        });



                        el.addEvent('mouseleave',function() {



                            this.hideMaxiCK(dureeout); //si timeout, probl�me de d�roulement



                        });

                    }

                }

            });

        }

			

    });



    if (MooTools.version > '1.12' ) Element.extend = Element.implement;



       

    Element.extend({



        testOverflowMaxiCK: function(menuID) {

            var limite = document.getElement('#'+menuID).offsetWidth + document.getElement('#'+menuID).getLeft();





            if (this.hasClass('parent')) {

                var largeur = this.conteneur.mw + 180;

                if (this.hasClass('level0')) largeur = this.conteneur.mw;



                var positionx = this.getLeft() + largeur;



                if (positionx > limite) {

                    this.getElement('div.floatCK').addClass('fixRight');

                    this.setStyle('z-index','15000');

                }

				

            }



        },



               

        createFxMaxiCK: function() {

			

            var myTransition = new Fx.Transition(Fx.Transitions[this.transition][this.ease]);

            if (this.hasClass('level0') && this.orientation != '1')

            {

                this.maxiFxCK = new Fx.Style(this.conteneur, 'height', {

                    duration:this.duree,

                    transition: myTransition

                });

            } else {

                this.maxiFxCK = new Fx.Style(this.conteneur, 'width', {

                    duration:this.duree,

                    transition: myTransition

                });

            }



            if (this.useopacity == '1') {

                this.maxiOpacityCK = new Fx.Style(this.conteneur, 'opacity', {

                    duration:this.duree

                });

                this.maxiOpacityCK.set(0);

            }

            



            this.maxiFxCK.set(0);

            

            this.conteneur.setStyle('left', '-999em');

				

            animComp = function(){

                if (this.status == 'hide')

                {

                    this.conteneur.setStyle('left', '-999em');

                    this.hidding = 0;

                    this.setStyle('z-index',this.zindex);

                }

                this.showing = 0;

                this.conteneur.setStyle('overflow', '');

					

            }

            this.maxiFxCK.addEvent ('onComplete', animComp.bind(this));



        },

			

        showMaxiCK: function() {

            clearTimeout (this.timeout);

            this.addClass('sfhover');

            this.status = 'show';

            this.animMaxiCK();

        },

			

        hideMaxiCK: function(timeout) {

            this.status = 'hide';

            this.removeClass('sfhover');

            clearTimeout (this.timeout);

            if (timeout)

            {

                this.timeout = setTimeout (this.animMaxiCK.bind(this), timeout);

            }else{

                this.animMaxiCK();

            }

        },



        animMaxiCK: function() {



            if ((this.status == 'hide' && this.conteneur.style.left != 'auto') || (this.status == 'show' && this.conteneur.style.left == 'auto' && !this.hidding) ) return;

					

            this.conteneur.setStyle('overflow', 'hidden');

            if (this.status == 'show') {

                this.hidding = 0;

            }

            if (this.status == 'hide')

            {

                this.hidding = 1;

                this.showing = 0;

                this.maxiFxCK.stop();

					

                if (this.hasClass('level0') && this.orientation != '1') {

                    this.maxiFxCK.start(this.conteneur.offsetHeight,0);

                } else {

                    this.maxiFxCK.start(this.conteneur.offsetWidth,0);

                }

                if (this.useopacity == '1') {

                    this.maxiOpacityCK.stop();

                    this.maxiOpacityCK.start(1,0);

                }

                



            } else {

                this.showing = 1;

                this.conteneur.setStyle('left', 'auto');

                this.maxiFxCK.stop();

                if (this.hasClass('level0') && this.orientation != '1') {

                    this.maxiFxCK.start(this.conteneur.offsetHeight,this.conteneur.mh);

                } else {

                    this.maxiFxCK.start(this.conteneur.offsetWidth,this.conteneur.mw);

                }

                if (this.useopacity == '1') {

                    this.maxiOpacityCK.stop();

                    this.maxiOpacityCK.start(0,1);

                }

                

            }

				



        }

    });



    DropdownMaxiMenu.implement(new Options); //ajoute les options utilisateur � la class



		

/*Window.onDomReady(function() {new DropdownMenu($E('ul.maximenuCK'),{

                  //mooTransition : 'Quad',

			               //mooTransition : 'Cubic',

			               //mooTransition : 'Quart',

			               //mooTransition : 'Quint',

			               //mooTransition : 'Pow',

			               //mooTransition : 'Expo',

			               //mooTransition : 'Circ',

			               mooTransition : 'Sine',

			               //mooTransition : 'Back',

			               //mooTransition : 'Bounce',

			               //mooTransition : 'Elastic',



			               mooEase : 'easeIn',

                                       //mooEase : 'easeOut',

                                       //mooEase : 'easeInOut',

                                       

                                       mooDuree : 500

                                       })

                                       });*/



}