/*
jQuery drop down plugin
Copyright (C) 2009 Schwartz Pierre

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
*/
( 
	function($){
		//Définition du plugin
		$.fn.imgDropDown = function(options){
			// définition des paramètres par défaut
			var defaults = {	
				title: "test",	
				callback: null,		
				selectEvent: 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 id='dropdownCell' class='dropdownCell'>" + opts.title + "</div>");

				// créer la seconde zone, affichant toutes les options
				var dropdown = $("<div class='dropdownPanel'></div>");

				$(this).find("li").each(
					function(){
						dropdown.append(
							$("<div class='dropdownOpt'></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);
								cell.html($(this).html());	
						}
						else{
							dropdown.slideDown("fast");
							$.data(cell, "visible", true);
							cell.html($(this).html());	
						}
					}
				);

				// fonction appelée à chaque sélection d'un élément
				function onSelect(){

					// Mettre à jour la valeur du "cell"
					// alert($(this).attr("value"));
					cell.attr("value", $(this).attr("value"));
					//alert($(this).html());
					cell.html($(this).html());

					// Masquer la liste déroulante
					dropdown.slideUp("fast");
					$.data(cell, "visible", false);
					$.data(cell, "selected", true);
					///cell.html($(this).html());

					// appel d'une fonction personnalisée
					 // if (opts.callback)
						 // opts.callback($(this));

					// Appel de la fonction onChange si elle est définie
					if (opts.selectEvent) {
						opts.selectEvent($(this)); // Appel de la fonction onChange (si définie)
					}
				}
			}

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

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