/*
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: "",
		    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.title + "</div>");
			
			// créer la seconde zone, affichant toutes les options
			var dropdown = $("<div class='dropdownPanel'></div>");
            
            if(opts.type == 'devise'){
                $(this).find("li").each(function(){
    				dropdown.append($("<div class='dropdownOpt'></div")
    					.attr("value", $(this).attr("val"))
                        .click(onSelectDevise)
    					.append($(this).html())		
    					.hover(function(){$(this).addClass("dropdownOptSelected");},
    						   function(){$(this).removeClass("dropdownOptSelected");})
    				);
    			});
            }
            else{
                $(this).find("li").each(function(){
    				dropdown.append($("<div class='dropdownOpt'></div")
    					.attr("value", $(this).attr("url"))
                        .click(onSelect)
    					.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);
				}else{
                    var pos = $.extend({}, $(cell).offset(), {width: cell.offsetWidth, height: cell.offsetHeight});
                    dropdown.css({position:'absolute',top: pos.top + 16, left: pos.left });
					dropdown.slideDown("fast");
					$.data(cell, "visible", true);
				}
			});
			
			// fonction appelée à chaque sélection d'un élément url
			function onSelect(){
                $(location).attr('href',$(this).attr("value"));
				//cell.html($(this).html());
				//cell.attr("value", $(this).attr("value"));
				dropdown.slideUp("fast");
				$.data(cell, "visible", false);
				
				// appel d'une fonction personnalisée
				if (opts.callback) opts.callback($(this));
			}
            
            // fonction appelée à chaque sélection d'une devise
			function onSelectDevise(){
                $('#detailContent .detail').before( $('#load').html() );
                $('#devise').val( $(this).attr('value') );
                $.get('/artist/getcota/', {
                            idcota:$('#idcota').val(),
                            devise:$(this).attr('value')
                    },
                    function(res){
                        $('#detailContent').html(res);
                        $('#deviselist').imgDropDown({title:$('#devisecaption').html(),type:'devise'}).show();
                    }
                );
                
				dropdown.slideUp("fast");
				$.data(cell, "visible", false);
				
				// 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);