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

function ShowSelectFontName()
{

    if($('divSelectFontName').style.display=="none") {
        $('btnSelectFontName').className="sortbtnA";
       $('divSelectFontName').style.display="";
    }
    else
    {
        $('divSelectFontName').style.display="none"; $('btnSelectFontName').className="sortbtnD"; 
    }
}

function  SelectedOneFontName(id)
{
  var objs=  document.getElementsByName("SelectFontName");
  
  for(var i=0;i<objs.length;i++)
  {
  
    if(objs[i].value==id)
    {  objs[i].checked=true;
    }
  } 
  ShowSelectFontName();
}

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]+'">'
       }
     }
  }
}

 var sFontName="_中國龍古印體,_中國龍淡古體,_中國龍瑩篆體,_中國龍豪隸書,_中國龍金石篆,仿宋_GB2312,创艺简中圆,创艺简粗黑,创艺简黑体,_创艺繁琥珀,华文中宋,华文仿宋,华文宋体,华文彩云,华文新魏,华文楷体,_华文琥珀,华文细黑,华文行楷,华文隶书,叶根友特色空心简体终极版,叶根友特色简体升级版,叶根友空心简体,叶根友签名体,_叶根友钢笔行书简体,叶根友风帆简体,宋体,宋体-方正超大字符集,幼圆,微软雅黑,文鼎CS大黑,文鼎中特广告体,文鼎圆立体,文鼎潇洒体,文鼎石头体,_文鼎胡子体,_文鼎花瓣体,_文鼎荆棘体,文鼎行楷碑体,_文鼎谁的字体,_文鼎贱狗体,文鼎雕刻体,_文鼎齿轮体,新宋体,方正中倩简体,方正准圆简体,方正剪纸简体,方正大黑简体,方正姚体,方正胖娃简体,方正舒体,方正超粗黑简体,楷体_GB2312,汉仪中圆简,汉仪中等线简,汉仪中黑简,汉仪咪咪体简,汉仪娃娃篆简,汉仪粗圆简,汉仪雁翎体简,汉真广标,经典平黑简,经典空叠黑,苏新诗卵石体,_華康寶風體,_華康流風體,_華康竹風體,_華康蚪風體,迷你简卡通,迷你简太极,迷你简娃娃篆,迷你简竹子,迷你简雪峰,_金梅古印浮體白字,_金梅淡古字形原體,隶书,黑体,Andalus,Angsana New,AngsanaUPC,Arabic Transparent,Arial,Arial Black,Batang,BatangChe,Browallia New,BrowalliaUPC,Comic Sans MS,Cordia New,CordiaUPC,Courier New,David,David Transparent,DilleniaUPC,Dotum,DotumChe,Estrangelo Edessa,EucrosiaUPC,Fixed Miriam Transparent,Franklin Gothic Medium,FrankRuehl,FreesiaUPC,Gautami,Georgia,Gulim,GulimChe,Gungsuh,GungsuhChe,Impact,IrisUPC,JasmineUPC,KodchiangUPC,Latha,Levenim MT,LilyUPC,Lucida Console,Lucida Sans Unicode,Mangal,Marlett,Microsoft Sans Serif,MingLiU,Miriam,Miriam Fixed,Miriam Transparent,MS Gothic,MS Mincho,MS PGothic,MS PMincho,MS UI Gothic,MV Boli,Narkisim,Palatino Linotype,PMingLiU,Raavi,Rod,Rod Transparent,Shruti,Simplified Arabic,Simplified Arabic Fixed,Sylfaen,Symbol,Tahoma,Times New Roman,Traditional Arabic,Trebuchet MS,Tunga,Verdana,Webdings,Wingdings";
 var sFontNameID="100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248";
         
 var sFontNameHtml="";
 var arrFontName=sFontName.split(',');
  var arrFontNameID=sFontNameID.split(',');
 sFontNameHtml+="<input type='button' value='字体 ' id='btnSelectFontName' class='sortbtnD' style='border:solid 1px #333333;height:18px;' onclick='ShowSelectFontName()'>";
sFontNameHtml+="<div id='divSelectFontName' style='border:solid 1px #333333;display:none;height:160px;overflow:auto;' align='left'>";
sFontNameHtml+="<input type='radio' name='SelectFontName' value=''  onclick='ShowSelectFontName()'><label onclick='SelectedOneFontName(0)'>默认</label><br>";
for(var i=0;i<arrFontName.length;i++)
{
//http://www.byer.cn/
 if(arrFontName[i].length>0  &&   arrFontName[i].substring(0,1)!='_')
sFontNameHtml+="<input type='radio' name='SelectFontName' value='"+arrFontName[i]+"' id='rdFontName_"+arrFontNameID[i]+"' onclick='ShowSelectFontName()' ><img onclick='SelectedOneFontName("+arrFontNameID[i]+")' style='cursor:hand' src='http://www.byebyer.cn/images/font/"+arrFontNameID[i]+".jpg' title='"+arrFontNameID[i]+"'><br>";
}
sFontNameHtml+="</div>";
 
 var sFontSize="5,6,7,8,9,10,11,12,14,16,18,20,24,26,28,30,36,48,72";
 arrFontSize=sFontSize.split(',');
        var sFontSizehtml="<select name='FONTSIZE'  id='bye_FONTSIZE'><option value='0'> </option>";
        for(var i=0;i<arrFontSize.length;i++)
        {
            sFontSizehtml+="<option value='"+arrFontSize[i]+"' >"+arrFontSize[i]+"</option>";
        }
        sFontSizehtml+="</select><input type=checkbox value='B' id='bye_B'><label for='bye_B'  style='font-Size:12px'>粗体</label>"+
        "<input type=checkbox value='I' id='bye_I'><label for='bye_I'  style='font-Size:12px'>斜体</label>"+
        " <input type=button value='设定' onclick='byeSetFontOk()' style='border:solid #0000cc 1px;'>";
               
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 align="left">'
           +'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse" >'
           +'<tr><td ><input type="text" id="DisColor" name="DisColor" size="4" disabled style="border:solid 1px #000000;background-color:#ffff00" >'
           +'<input type="text" id="HexColor" name="HexColor" readOnly="true" size="5" style="border:inset 1px;font-family:Arial;" value="#000000" >'
           +'<span style="font-size:12px">已选</span><input type="text" id="HexColor2" name="HexColor2" size="7" maxlength="7" ></td></tr></table><div id="tblAddFont">'
          +sFontNameHtml+"&nbsp;"+sFontSizehtml+"<br>"+
          "对齐方式：<input type='radio' name='SelectAlign' value='0'>默认 <input type='radio' name='SelectAlign' value='1'>左 <input type='radio' name='SelectAlign' value='2'>中 <input type='radio' name='SelectAlign' value='3'>右"
 			+'</div></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>';          
    $('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();
}
function byeSetFontOk()
{
 	if (byeSetFontElement)
    {
        var targetElement=$(byeSetFontElement);
        //给目标无件设置颜色值
         var objs=  document.getElementsByName("SelectFontName");
         
         if(byeHideFont)
         {
             if( $('HexColor2').value.length)
             {
        	   targetElement.value = $('HexColor2').value ; 
        	}
        	//alert(byeSetFontStyleElement);
        	if(byeSetFontStyleElement)
        	    $(byeSetFontStyleElement).style.backgroundColor=targetElement.value;
        	DisplayClrDlg(false);
        	return;
         }
         
        var sFontName="";
          for(var i=0;i<objs.length;i++)
          {
          
            if(objs[i].checked)
            {  sFontName=objs[i].value;
            break;
            }
          } 
          
         var s="";
         if(sFontName.length>0)
             s+="FACE="+sFontName+",";
        var fontsize=$('bye_FONTSIZE').value;
        s+="SIZE="+fontsize+",";
        if( $('HexColor2').value.length)
        	s +="COLOR="+$('HexColor2').value+",";
        objs=  document.getElementsByName("SelectAlign");
        var sSelectAlign="";
       for(var i=0;i<objs.length;i++)
      {
      
        if(objs[i].checked)
        {  sSelectAlign=objs[i].value;
        break;
        }
      } 
      if(sSelectAlign.length>0)
             s+="ALIGN="+sSelectAlign+",";
        if($('bye_B').checked) 
        {
            s+="B=1,";
        }
        if($('bye_I').checked) 
        {
        	s+="I=1,";
        }         
        targetElement.value = s ;
    }
	DisplayClrDlg(false);
}

//
function doclick()
{
    if (event.srcElement.tagName == "TD")
    {
        var clr = event.srcElement._background;
        clr = clr.toUpperCase(); //将颜色值大写
        if(clr.indexOf("RGB")>-1)
        {
            clr=clr.replace("RGB","").replace("(","").replace(")","");//.replace(\/ /g,"");
            var arrclr=clr.split(',');
            clr=RGB2Color(arrclr[0],arrclr[1],arrclr[2]);
        }
        
       $('HexColor2').value = clr ;
        $('HexColor2').style.backgroundColor=clr;
        //DisplayClrDlg(false);
        //return clr;
    }
}
 
var byeSetFontElement = null; 
var byeSetFontStyleElement = null;   
var byeHideFont=false;
function OnDocumentClick()
{
    var srcElement = event.srcElement;
   
    if (srcElement.alt == "clrDlg")
    {
        //显示颜色对话框
        byeSetFontElement = srcElement.altfor;
         if (srcElement.hideFont  )
        {
          $('tblAddFont').style.display="none";
          byeSetFontStyleElement=srcElement.altfor2; 
          
            byeHideFont=true;
        }else
        {
            byeSetFontStyleElement=null;
            byeHideFont=false;
           if( $('tblAddFont'))  $('tblAddFont').style.display="";
        }
            
        DisplayClrDlg(true);
    }
    else
    {
        //是否是在颜色对话框上点击的
        while (srcElement && srcElement.id!="colorpanel")
        {
          if(isFox) srcElement = srcElement.parentNode;
          else
           srcElement = srcElement.parentElement;
           
        }
        if (!srcElement)
        {
            //不是在颜色对话框上点击的
            DisplayClrDlg(false);
        }else
        {
        
            if( $('tblAddFont').style.display=="none")
           {
                byeSetFontOk();
           }
           
         }
    }
    
}

//显示颜色对话框
//display 决定显示还是隐藏
//自动确定显示位置
function DisplayClrDlg(display)
{
    var clrPanel = document.getElementById("colorpanel");
    if (display)
    { 
        clrPanel.style.left=mouseX()+"px";
        clrPanel.style.top=mouseY()+"px";
        //clrPanel.style.pixelLeft = mouseX() ;
        //clrPanel.style.pixelTop = mouseY() ;
        clrPanel.style.display = "block";
    }
    else
    {
        clrPanel.style.display = "none";
    }
}

document.body.onclick = OnDocumentClick;

if(isMSIE)
{
document.body.onload = intocolor;
}else
window.onload = intocolor;