(function($){
$.fn.extend({
color:function(obj){
var color=$(this);
var div=$("#myColorPicker");
if(div.length==0){
$("body").append('');
}
var height = $(this).height();
color.focus(function(){
var p = $(this).position();
var para=$.extend({left:2,top:7},obj||{});
$("#myColorPicker").css("left",p.left+para.left).css("top",p.top+height+para.top).show();
}).blur(function(){
$("#myColorPicker").hide();
});
$("#myColorPicker td").hover(function(){
var c="#"+$(this).attr("hx");
color.css("background-color",c).val(c);
}).click(function(){
color.val($(this).attr("hx"));
$("#myColorPicker").hide();
});
$("#myColorPicker").hover("",function(){
color.blur();
});
}
});
})(jQuery);
$(function(){
$("#selectColor").color({left:-220});
});