(
	function($) {
		//Définition du plugin
		$.fn.imgDropDown = function(options){

			// définition des paramètres par défaut
			var defaults = {   title: "",    callback: null		};

			// mélange des paramètres fournis et par défaut
			var opts = $.extend(defaults, options);

			// création d'une liste
			function createList(f){
				// créer la première zone, affichant l'option sélectionnée
				var cell = $("<div class='dropdownCellico'>" + opts.title + "</div>");

				// créer la seconde zone, affichant toutes les options
				var dropdown = $("<div class='dropdownPanelIco' valign='top'></div>");	
				dropdown.hide();
				$(this).find("li").each(
					function(){
						dropdown.append(
							$("<div class='dropdownOptIco'></div>")
							.click(onSelect)
							.attr("value", $(this).attr("value"))
							.append($(this).html())
							.hover(function(){$(this).addClass("dropdownOptSelected");},
							function(){$(this).removeClass("dropdownOptSelected");})
						);
					}
				);

				// on masque la zone déroulante
				dropdown.hide();
				$.data(cell, "visible", false);

				// on remplace la balise ul par notre liste personnalisée
				$(this).after(dropdown);
				$(this).after(cell);
				$(this).remove();
				// on positionne l'évènement de déroulage de la liste
				cell.click(
					function(){
						// si la liste est déroulée
						if ($.data(cell, "visible")){
							dropdown.slideUp("fast");
							$.data(cell, "visible", false);
							// alert('ed5');
						}
						else{
							dropdown.slideDown("fast");
							$.data(cell, "visible", true);
							// alert('ed6');
						}
					}
				);

				// alert('ed4');
				// fonction appelée à chaque sélection d'un élément
				function onSelect(){
					cell.html($(this).html());
					cell.attr("value", $(this).attr("value"));
					dropdown.slideUp("fast");
					$.data(cell, "visible", false);
		
					// ----------------------------------------------------------------------
					// appel de mon traitement JS
					// ----------------------------------------------------------------------
					// alert('$(this).attr("value") = '+  $(this).attr("value") );
					// alert("toto = "+  $('Gallerie1-opt').attr("value") );
					// alert('toto = '+  cell.attr('value') );
					// alert('toto = '+  $(this).html() );
					// upImageFromIco(opts.title);
					choixIco(opts.title);
					 
					// appel d'une fonction personnalisée
					// if (opts.callback)	opts.callback($(this));
				}
			}

			// création d'une liste déroulante personnalisée pour tous les éléments de l'objet jQuery
			$(this).each(createList);

			// interface fluide
			return $(this);
		};
	}
)
(jQuery);