;
(function($){
	$(document).ready(
	  function() {
		init_palette();
		onAjaxLoad(init_palette);
	  }
	);

	function init_palette() {
	  $("input.palette").each(
		function(i, palette){
		  $(palette).css("background-color", $(palette).attr("value"));
		  palette.id = palid(palette);
		  palette.onclick = function(e) {
			$(".colorpicker").empty().remove();
			$(palette)
			  .after('<div class="colorpicker"><div class="colorpicker_close" title="<:palette:fermer:>">&nbsp;x&nbsp;</div><div class="colorpicker_bar"><:palette:palette:></div><div id="colorpicker"></div></div>');
			$.farbtastic('#colorpicker', palette);
			$(".colorpicker_close")
			  .hover(function() {$(this).addClass("hover");}, function(){ $(this).removeClass("hover");})
			  .click(function() {$(".colorpicker").empty().remove();});
		  };
		}
	  );
	};

	function palid(element) {
	  if (!$(element).attr("id")){
		/* pas de id : on en cree un aleatoire, avec un numéro élevé pour pas trop risquer de collision */  
		var newid = parseInt(10000 + 10000*Math.random());
		return newid;
	  }
	  return $(element).attr("id");
	};
})(jQuery);