{(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);
  			$(this).focus(function(){
  				$(".colorpicker").empty().remove();
  				$(palette)
  			  	.after('<div class="colorpicker"><div class="colorpicker_close" title="Fermer la palette">&nbsp;x&nbsp;</div><div class="colorpicker_bar">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();});
  		  });
  			$(this).blur(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)};