function removeColorSet(keycolor){
$("#colorSet"+keycolor).remove();
var colorValInputs = $("#colorval").val();
var colorValx = colorValInputs.split("-");
var newval = unset(colorValx,keycolor);
var newcolorVal = newval.join("-");
$("#colorval").val(newcolorVal);
$("#colorSet div").each(function(i){
  $(this).find("a").attr("onclick","");
  $(this).find("a").click(function(){
     removeColorSet(i);
     return false;
    });
  $(this).attr("id","colorSet"+i);//puis on change les id des couleurs
});
if($("#colorSet div").length==0) $("#filterColors").hide();
}

function addDivColor(coulWeb){
var keyColor = $("#colorSet div").length;
var divColor = "<div id=\"colorSet"+keyColor+"\" style=\"cursor:pointer;float:left;padding:1px 2px;height;15px;margin:4px 2px;background:#"+coulWeb+";border:1px SOLID #000;\" ><a class=\"hrefColorset\" href=\"#\" style=\"color:#000;\" onclick=\"removeColorSet("+keyColor+"); return false;\">"+coulWeb+"</a></div>";
$("#colorSet").append(divColor);
$("#filterColors").show();
}

function unset(colorValx, keycolor){
	var output=new Array();
	var j=0;
	for(i=0;i<colorValx.length;i++){
  		if (i!=keycolor) {
      output[j]=colorValx[i];
      j++;
      }
	}
	return output;
}

function getClosestHTLMColor(colorex){

          $.ajax({
             type: "POST",
             url: "/function_ajax/closestColors.php",
             data: "colorhex="+colorex,
             success: function(msg){
             couleurId = msg.split(" ");
 $("#closestColor").val(couleurId[0]);
 if($("#colorval").val()=="") $("#colorval").val(couleurId[0]);
 else{ $("#colorval").val($("#colorval").val()+'-'+couleurId[0]);}
 $('#couleurWeb').css('backgroundColor', '#' + couleurId[0]);
 coulWeb = $("#closestColorId").val()+couleurId[1]+'_';
 $("#closestColorId").val(coulWeb);
 addDivColor(couleurId[0]);//ajoute le div dans filtre couleur
             }           
           });
}

var statutColorPicker = false;
(function($){
	var initLayout = function() {
	/*	$('#colorpickerField1').ColorPicker({
		  color: '#ffffff',
			onSubmit: function(hsb, hex, rgb) {
				$('#colorpickerField1').val(hex);
				$('#colorSelector div').css('backgroundColor', '#' + hex);
				$('#votreCouleur').css('backgroundColor', '#' + hex);
				getClosestHTLMColor(hex);
				$('.colorpicker').fadeOut(500);
				
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});*/
    	
		$('#colorSelector').ColorPicker({
			color: '#ffffff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
	      statutColorPicker = false;
				return false;
			},
		 onHide: function (colpkr) {
		 if(statutColorPicker==false){
			  getClosestHTLMColor($('.colorpicker_hex > input').val());
				$('.colorpicker').fadeOut(500);
		    statutColorPicker = false;
		    }
				return false;
			},
			onChange: function (hsb, hex, rgb) {
			//	$('#colorpickerField1').val(hex);
				$('#colorSelector div').css('backgroundColor', '#' + hex);

			},
			onSubmit: function(hsb, hex, rgb) {
		//	$('#votreCouleur').css('backgroundColor', '#' + hex);
				getClosestHTLMColor(hex);
				$('.colorpicker').fadeOut(500);
				statutColorPicker = true;
				return false;
			}
		});
	};
	EYE.register(initLayout, 'init');
})(jQuery)