$(document).ready(function(){
	$("#picker td").click(function(){
		cselect($(this).attr("bgcolor"));
	});
	
	$("#colorChoice div").live("click", function(){
		
		var rgbString = $(this).css("background-color");
		var parts = rgbString
				.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)
		;
		delete (parts[0]);
		for (var i = 1; i <= 3; ++i) {
			parts[i] = parseInt(parts[i]).toString(16);
			if (parts[i].length == 1) parts[i] = '0' + parts[i];
		}
		var hexString = parts.join('');
		var str = $("#csearchForm").attr("action");
		str = str.replace(""+hexString+"+","");
		$("#csearchForm").attr({action : str});
		
		var str2 = $("#c16").val();
		str2 = str2.replace(""+hexString+" ","");
		$("#c16").attr({value : str2});
		
		$(this).remove();
		
	});

//$("div .l div").hover(
//      function () {
//		  var lrg = $(this).find("img").attr("src");
//		  lrg = lrg.replace("sml","lrg");
//		  var url = $(this).parent().find("h2").text();
//        $(this).append($("<div class='hview'><a href='http://"+url+"' target='_blank'><img src='"+lrg+"' border='0' /></a></div>"));
//      }, 
//      function () {
//        $(this).find("div:last").remove();
//      }
//    );


});

function cselect(obj){
	var cc = $("#colorChoice").children().size();
	if( cc < 3 ){
		$("#colorChoice").append("<div class='choice' style='background-color:"+obj+"'></div>");
		var str = $("#csearchForm").attr("action");
		var str2 = $("#c16").val();
		var hex = obj.replace("#","");
		str = str+hex+"+";
		str2 = str2+hex+" ";
		$("#csearchForm").attr({action : str});
		$("#c16").attr({value : str2});
	}

}