var AppliqueStyles = new Class({
                        Implements: Options,
						
                        options: {    //options par défaut si aucune option utilisateur n'est renseignée
                                    hauteur : '38px',
                                    largeur : '198px',
									itemid : 1,
                                    menu_image : 'key.jpg',
                                    titre : '',
                                    descrip : ''
                        },
			initialize: function(element,options)
			{					
                                this.setOptions(options); //enregistre les options utilisateur
                                
                                //définit des éléments
                                var menu_image = this.options.menu_image;
                                var titre = this.options.titre;
                                var descrip = this.options.descrip;
                                var itemclass = this.options.itemid;

                                //applique la fonction au lien
                                var itemToplay = $$('.flyoutmenuCK li.item'+this.options.itemid);
                                itemToplay.each(function(item) {
                                  //seulement si c'est un parent
                                  if (item.hasClass('parent')) {

                                     //capture les éléments existants
                                     var ulenfant = item.getElement('ul');
                                     var lienfant = ulenfant.getFirst();
                                     var enfants = ulenfant.getChildren();

                                     //crée les éléments à ajouter
                                     var myDivElement = new Element('div', {'class': 'flyoutdiv'});
                                     var myImgElement = new Element('img', {'class': 'flyoutimg'});
                                     myImgElement.setProperty('src',menu_image);
                                     var myTitreElement = new Element('h4', {'class': 'flyouttitre'});
                                     var myDescElement = new Element('p', {'class': 'flyoutdesc'});
            
                                     //injecte les données dans les nouveaux éléments
                                     myTitreElement.setHTML(titre);
                                     myDescElement.setHTML(descrip);
            
                                     //injecte les élements créés dans les éléments existants
                                     myTitreElement.inject(myDivElement);
                                     myImgElement.inject(myDivElement);
                                     myDescElement.inject(myDivElement);
                                     myDivElement.inject(ulenfant);
                                     var divimbrique = ulenfant.getElement('div');
                                     divimbrique.adopt(enfants);

                                  }
                                });
                         }
});

AppliqueStyles.implement(new Options);


