// ABOUT
// ===============================================================================
// bluezz調色盤 ver:0.51
// made by zenon blue,December 2003
// 程式設計:ZENON BLUE
// http://www.bluezz.com.tw/mybook/content.php?id=388
// service@bluezz.com.tw
// Copyright 2006 by bluezz
//===============================================================================

//-------------------------設定調色盤位置--------------------------------------------
function setPosition(bluezz){
	targetElement = document.all(bluezz)
	targetElement.style.top =0
	targetElement.style.left =70
	//alert(event.clientY +" "+ event.clientX)
}
//-------------------------顯示隱藏style sheet--------------------------------------
function menu(bluezz){
	targetId =bluezz;
	targetElement = document.all(targetId)
	
	if (targetElement.style.display == "none"){
		targetElement.style.display = ""     
	}else{
		targetElement.style.display = "none"
	}
	setPosition(bluezz)
}
//---------------------------------------------------------------------------------

//------------------------寫入顏色--------------------------------------------------
function setColor(frmName,txtName,colorStr,plateID){
	var thisForm = eval("document." + frmName)
	var thisText = eval("document."+ frmName + "." +txtName)
	thisText.value=colorStr
	targetElement = document.all(txtName)
	targetElement.style.background = colorStr

	targetElement = document.all(plateID)
	targetElement.style.display = "none"
}
//---------------------------------------------------------------------------------

//------------------------繪製表格--------------------------------------------------
function setTable(frmName,txtName,plateID){
	var i,j
	var tableStr
	var colorArray=new Array(
		'#000000','#333333','#666666','#999999','#BBBBBB','#FFFFFF',
		'#666600','#CCCC00','#FFFF00','#FFFF33','#FFFF99','#FFFFCC',
		'#336600','#66CC00','#99FF00','#99FF33','#CCFF99','#CCFFCC',
		'#006633','#00CC66','#00FF99','#33FF99','#99FFCC','#CCFFCC',
		'#006633','#00CC66','#00FF99','#33FF99','#99FFCC','#CCFFCC',
		'#006666','#00CCCC','#00FFFF','#33FFFF','#99FFFF','#CCFFFF',
		'#003366','#0066CC','#0099FF','#3399FF','#99CCFF','#EEEEFF',
		'#000066','#6600CC','#0000FF','#3333FF','#9999FF','#ddddFF',
		'#330066','#6600CC','#9900FF','#9933FF','#CC99FF','#CCCCFF',
		'#660066','#CC00CC','#FF00FF','#FF55FF','#FF99FF','#FFCCFF',
		'#660033','#CC0066','#FF0066','#FF3399','#FF99CC','#FFCCCC',
		'#990000','#CC0000','#FF0000','#FF3333','#FF9999','#FFCCCC',
		'#663300','#CC6600','#FF6600','#FF9933','#FFCC99','#FFCCCC')

	tableStr="<table>"
	tableStr+="<tr><td colspan=6 align=center><font style=\"font-size : 11px; \">請選取顏色</font></td></tr>"
	for(i=0;i<colorArray.length;i++){
		if((i+1)%6==1){
			tableStr+="<tr>"
			tableStr+="<td bgcolor='"+ colorArray[i] +"' width=10 height=10 onclick=\"setColor('"+ frmName +"','"+ txtName +"','"+ colorArray[i] +"','"+ plateID +"')\"></td>"
		}else if((i+1)%6==0){
			tableStr+="<td bgcolor='"+ colorArray[i] +"' width=10 height=10 onclick=\"setColor('"+ frmName +"','"+ txtName +"','"+ colorArray[i] +"','"+ plateID +"')\"></td>"
			tableStr+="</tr>"
		}else{
			tableStr+="<td bgcolor='"+ colorArray[i] +"' width=10 height=10 onclick=\"setColor('"+ frmName +"','"+ txtName +"','"+ colorArray[i] +"','"+ plateID +"')\"></td>"
		}
	}
	tableStr+="</table>"
	return tableStr
}
//---------------------------------------------------------------------------------
//------------------------顯示調色盤------------------------------------------------
function setPlate(frmName,txtName,txtValue,plateID){
	var plateStr
	
	plateStr="<span class=bluezz id=bluezzID>"
	plateStr+="	<input type=text name='"+ txtName +"' size=7 id='"+ txtName +"' value='"+ txtValue +"'>"
	plateStr+="	<img height=20 width=20 src=tools/paint.gif onclick=\"menu('"+plateID+"')\" style='aling=center'>"	
	plateStr+="<div class=Plate id="+plateID+" style='DISPLAY:none;position: relative;' align=center>"
	plateStr+=setTable(frmName,txtName,plateID)
	plateStr+="</div>"
	plateStr+="</span>"
	document.write(plateStr)
	setColor(frmName,txtName,txtValue,plateID)
}
//---------------------------------------------------------------------------------