/*
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
*/
var Actif=false;
var Actif2=false;
(function($) {
	//Définition du plugin
	$.fn.imgDropDown = function(options) {	
		
		// définition des paramètres par défaut
		var defaults = {
		    title: "",
		    id: "",
		    style: "",
		    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='dropdownCell"+opts.style+"' id='dropdownCell"+opts.style+"'>" + opts.title + "</div>");
			
			// créer la seconde zone, affichant toutes les options
			var dropdown = $("<div class='dropdownPanel"+opts.style+"'></div>");				
						
			$(this).find("li").each(function(){
				if($(this).attr("title")!=''){
				dropdown.append($("<div class='dropdownOpt"+opts.style+"' onblur='alert(\"ok\");'></div")
					.click(onSelect)
					.attr("title", $(this).attr("title"))
					.append($(this).html())		
					.hover(function(){$(this).addClass("dropdownOptSelected"+opts.style);},
						   function(){$(this).removeClass("dropdownOptSelected"+opts.style);})
				);
				} else {
				dropdown.append($("<div class='dropdownOpt"+opts.style+"' style='cursor:auto'></div>")
					.attr("title", $(this).attr("title"))
					.append($(this).html())		
				);
				}
			});

			// 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 (Actif2){
					dropdown.slideUp("fast");
					//$.data(cell, "visible", false);
					Actif2=false;
				}else{
					dropdown.slideDown("fast");
					Actif=true;
					Actif2=true;
					document.getElementById("dropdownCell"+opts.style).focus();
					//$.data(cell, "visible", true);
				}
			});
			
			// fonction appelée à chaque sélection d'un élément
			function onSelect(){
				cell.html($(this).html().replace("&nbsp;&nbsp;",""));
				cell.attr("title", $(this).attr("title"));
				dropdown.slideUp("fast");
				
				$.data(cell, "visible", false);
				
				// appel d'une fonction personnalisée
				if (opts.callback)
					opts.callback($(this),opts.id);
			}				
		}
			
		// 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);