//definición de la función
$.fn.myselect = function(options){
	var defaults = {
	    foreground: 'red',
	    background: 'yellow'
	  };
	  // Extend our default options with those provided.
	  var opts = $.extend(defaults, options);

	// para cada componente que puede contener el objeto jQuery que invoca a esta función
	this.each(function(){
		var select=$(this);
		
		select.find("img.flag").addClass("flagvisibility");

		select.find("dt a").click(function() {
			select.find("dd ul").toggle();
		        return false;
		    });
		                
		select.find("dd ul li a").click(function() {
		        var text = $(this).html();
		        select.find("dt a span").html(text);
		        select.find("dd ul").hide();
		       
		    });
		                
		    function getSelectedValue(id) {
		        return $("#" + id).find("dt a span.value").html();
		    }

		    $(document).bind('click', function(e) {
		        var $clicked = $(e.target);
		        if (! $clicked.parents().hasClass("dropdown"))
		        	select.find("dd ul").hide();
		    });
		
		
	});

};


$(document).ready(function() {
    $(".dropdown").myselect();
});