/* <meta content="charset=UTF-8" /> */

var csSearch = "#csSearch";

(function($){
	$.fn.colorSort = function(options) {

	$(this).mouseup(function() {
		
		$("#tagcloud a").each(function () {
	
			var nearly = 30;
			
			var textColor = $(this).text();
			var textColorR = parseInt((textColor.substring(0, 2)),16);
			var textColorG = parseInt((textColor.substring(2, 4)),16);
			var textColorB = parseInt((textColor.substring(4, 6)),16);
			//$("#singleMeta").append("(" + textColorR + "," + textColorG + "," + textColorB + ")<br />");
			
			var formColor = $("#colorbutton").val();
			var formColorR = parseInt((formColor.substring(1, 3)),16);
			var formColorG = parseInt((formColor.substring(3, 5)),16);
			var formColorB = parseInt((formColor.substring(5, 7)),16);
			//$("#singleMeta").append("(" + formColorR + "," + formColorG + "," + formColorB + ")<br />");
	
			var r1 = Math.abs(formColorR - textColorR);
			var g1 = Math.abs(formColorG - textColorG);
			var b1 = Math.abs(formColorB - textColorB);
			//$("#singleMeta").append("(" + r1 + "," + g1 + "," + b1 + ")<br />");
			
			if((r1 <= nearly) && (g1 <= nearly) && (b1 <= nearly)) {
				$(this).removeClass("hidden");
			}
			else {
				$(this).addClass("hidden");
			}
			//$("#singleMeta").append("(" + display + ")<br />");
			//$("#singleMeta").append("(" + r1a + "," + g1a + "," + b1a + ")<br />");

		});
	});
	/**/
	$(this).mouseup(function() {
		$("#taglink123").empty();
		$("#taglink123").prepend("http://cssclip.com/archives/tag/");
		$("#tagcloud a:not(.hidden)").each(function () {
			var tag123 = $(this).text();
			$("#taglink123").append( tag123 + ",");
		});
		//$("#taglink123").append("/");
		var tag222 = $("#taglink123").text();
		var tag333 = tag222.slice(0, -1);
		var length123 = tag222.length;
		if(length123 > 29) {
			$("#taglink a").attr("href",tag333);
			$("#taglink").removeClass("hidden");
		}
		else {
			$("#taglink a").attr("href","#");
			$("#taglink").addClass("hidden");
		}
	});
	
	$("#csSearch span.reset").click(function() {
		$("#tagcloud a").removeClass("hidden");
		$("#taglink").addClass("hidden");
	});
	
	$("#csSearch span.sort").click(function() {
    	$(csSearch).colorSort();
	});

		return this;
	};
})(jQuery);

$(document).ready(function(){
    $(csSearch).colorSort();
});