var ColorHex=new Array('00','33','66','99','CC','FF')
var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')
var current=null
var targetElement = null;

function intocolor()
{
var colorTable=''
for (i=0;i<2;i++)
{
  for (j=0;j<6;j++)
  {
    colorTable=colorTable+'<tr height=12>'
    colorTable=colorTable+'<td width=11 style="background-color:#000000">'
    
    if (i==0)
    {
    	colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[j]+ColorHex[j]+ColorHex[j]+'">'
    } 
    else
    {
    	colorTable=colorTable+'<td width=11 style="background-color:#'+SpColorHex[j]+'">'
    } 

    
    colorTable=colorTable+'<td width=11 style="background-color:#000000">'
    
    for (k=0;k<3;k++)
    {
       for (l=0;l<6;l++)
       {
         colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]+'">'
       }
    }
  }
}
colorTable='<table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000">'
           +'<tr height=30><td colspan=21 bgcolor=#cccccc>'
           +'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse">'
           +'<tr><td width="3"><td><input type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"></td>'
           +'<td width="3"><td><input type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"></td></tr></table></td></table>'
           +'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doOver()" onmouseout="doOut()" onclick="doclick()" style="cursor:hand;">'
           +colorTable+'</table>';
           document.getElementById("colorpanel").style.border = "";
           document.getElementById("colorpanel").style.margin = "";
           document.getElementById("colorpanel").style.padding = "";
document.getElementById("colorpanel").innerHTML=colorTable;
}

//将颜色值字母大写
function doOver() 
{
      if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) 
      {
        if (current!=null)
        {
      		current.style.backgroundColor = current._background
    		}
    		  
        event.srcElement._background = event.srcElement.style.backgroundColor
        DisColor.style.backgroundColor = event.srcElement.style.backgroundColor
        HexColor.value = event.srcElement.style.backgroundColor.toUpperCase();
        event.srcElement.style.backgroundColor = "white"
        current = event.srcElement;
      }
}

//将颜色值字母大写
function doOut() 
{

    if (current!=null)
    {
    	current.style.backgroundColor = current._background.toUpperCase();
  	}
}

//此函数已被中技网络修改 www.zhoz.com 2007-10-31 14:23
function doclick()
{
    if (event.srcElement.tagName == "TD")
    {
        var clr = event.srcElement._background;
        clr = clr.toUpperCase(); //将颜色值大写
        
        if (targetElement)
        {
          document.getElementById("colorValue1").value=clr
      		document.getElementById("colorValue").style.backgroundColor=clr; //改变第二个input背景色
        }
        
        DisplayClrDlg(false);
        return clr;
    }
}

function DisplayClrDlg(display)
{
    var clrPanel = document.getElementById("colorpanel");
    if (display)
    {
        var left = document.body.scrollLeft + event.clientX;
        var top = document.body.scrollTop + event.clientY;
        
        if (event.clientX+clrPanel.style.pixelWidth > document.body.clientWidth)
        {
            //对话框显示在鼠标右方时，会出现遮挡，将其显示在鼠标左方
            left -= clrPanel.style.pixelWidth;
        }
        if (event.clientY + clrPanel.style.pixelHeight > document.body.clientHeight)
        {
            //对话框显示在鼠标下方时，会出现遮挡，将其显示在鼠标上方
            top -= clrPanel.style.pixelHeight;
        }
     
        //clrPanel.style.pixelLeft = left;
        //clrPanel.style.pixelTop = top;
        clrPanel.style.left = left;
        clrPanel.style.top = top;
        clrPanel.style.zIndex = 1000;
        clrPanel.style.display = "block";
    }
    else
    {
        clrPanel.style.display = "none";
    }
}

function OnDocumentClick()
{
    var srcElement = event.srcElement;
    if (srcElement.alt == "clrDlg")
    {
        //显示颜色对话框
        targetElement = srcElement;
       //targetElement.style.backgroundColor = event.srcElement;
        DisplayClrDlg(true);
    }
    else
    {
        //是否是在颜色对话框上点击的
        while (srcElement && srcElement.id!="colorpanel")
        {
            srcElement = srcElement.parentElement;
        }
        if (!srcElement)
        {
            //不是在颜色对话框上点击的
            DisplayClrDlg(false);
        }
    }
    
}