function ColorPalette() {}
//全局实例
ColorPalette._instance = null;
//当前鼠标所在的颜色块
ColorPalette._currentColor = null;
//用户选择颜色（鼠标单击）后的回调函数
ColorPalette._callback = null;
//调色板dom对象id
ColorPalette.id = "__mapbar_color_palette";
ColorPalette.Show = function(event,position,callback)
{
if (!document.getElementById(this.id))
{
this._instance = document.createElement("DIV");
this._instance.id = this.id;
this._instance.style.position = "absolute";
this._instance.style.display = "none";
this._instance.innerHTML = '';
document.body.appendChild(this._instance);
}
else
{
document.getElementById(this.id).style.display = "none";
}
this._callback = callback;
//分析显示位置
var x = 0;
var y = 0;
var pinfo = position || {};
var pinfo_type = pinfo.type || "leftbottom";
if (pinfo_type != "custom")
{
var src = (window.event) ? window.event.srcElement : event.target;
if (pinfo_type == "leftbottom")
{
x = src.offsetLeft;
y = src.offsetTop + src.offsetHeight;
}
else if (pinfo_type == "rightbottom")
{
x = src.offsetLeft + src.offsetWidth;
y = src.offsetTop + src.offsetHeight;
}
else if (pinfo_type == "righttop")
{
x = src.offsetLeft + src.offsetWidth;
y = src.offsetTop;
}
while(src = src.offsetParent)
{
x += src.offsetLeft;
y += src.offsetTop;
}
}
else
{
x = pinfo.x || 0;
y = pinfo.y || 0;
}
this._instance.style.left = parseInt(x)+"px";
this._instance.style.top = parseInt(y)+"px";
if (pinfo.zindex)
{
this._instance.style.zIndex = pinfo.zindex;
}
this._instance.style.display = "block";
}
ColorPalette._mouseOver = function(evt)
{
var evnt = (window.event) ? window.event.srcElement : evt.target;
if ((evnt.tagName=="TD") && (this._currentColor!=evnt)) {
if (this._currentColor!=null)
{
this._currentColor.style.backgroundColor = this._currentColor._background;
}
evnt._background = evnt.style.backgroundColor;
document.getElementById(this.id+"_DisColor").style.backgroundColor = evnt.style.backgroundColor;
document.getElementById(this.id+"_HexColor").value = evnt.style.backgroundColor.toUpperCase();
evnt.style.backgroundColor = "white";
this._currentColor = evnt;
}
}
ColorPalette._mouseOut = function()
{
if (this._currentColor!=null) this._currentColor.style.backgroundColor = this._currentColor._background;
}
ColorPalette._mouseClick = function(evt)
{
var eventTag = (window.event) ? window.event.srcElement : evt.target;
if (eventTag.tagName=="TD")
{
var curColor=eventTag._background.toUpperCase();
this._callback(curColor);
this._close();
}
}
ColorPalette._close = function()
{
document.getElementById(ColorPalette.id).style.display = "none";
}
ColorPalette.dispose = function()
{
if (this._instance)
{
this._instance.parentNode.removeChild(this._instance);
}
}
document.write('