// 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 = $(bluezz);
	targetElement.style.top =0;
	targetElement.style.left =70;
	//alert(event.clientY +" "+ event.clientX)
}
//-------------------------顯示隱藏style sheet--------------------------------------
function menu(bluezz){
	//alert("menu(bluezz)="+bluezz);
	//targetId =bluezz;
	//targetElement = document.all(targetId)
	targetElement = $(bluezz);
	
	if (targetElement.style.display == "none"){
		targetElement.style.display = "" ;    
	}else{
		targetElement.style.display = "none";
	}
	setPosition(bluezz);
}
//---------------------------------------------------------------------------------

//------------------------寫入顏色--------------------------------------------------

function setColor(colorPlate,PlateID,frmName,colorStr){
	//var thisForm = eval("document." + frmName);
	//var thisForm = $(frmName);
	//targetElement = document.all("colorPlate");
	
	targetElement = $(colorPlate);
	
	targetElement.style.background = colorStr;
	targetElement.value = colorStr;
	//targetElement = document.all("PlateID");
	//targetElement = $(""+PlateID+"");
	//targetElement = $(""+PlateID+"");
	$(PlateID).style.display = "none";
}
//---------------------------------------------------------------------------------

//------------------------繪製表格--------------------------------------------------
function setTable(colorPlate,PlateID,frmName){
	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('"+colorPlate+"','"+PlateID+"','"+ frmName +"','"+ colorArray[i] +"')\"></td>";
		}else if((i+1)%6==0){
			tableStr+="<td bgcolor='"+ colorArray[i] +"' width=10 height=10 onclick=\"setColor('"+colorPlate+"','"+PlateID+"','"+ frmName +"','"+ colorArray[i] +"')\"></td>";
			tableStr+="</tr>"
		}else{
			tableStr+="<td bgcolor='"+ colorArray[i] +"' width=10 height=10 onclick=\"setColor('"+colorPlate+"','"+PlateID+"','"+ frmName +"','"+ colorArray[i] +"')\"></td>";
		}
	}
	tableStr+="</table>";
	return tableStr;
	*/
	
	/* color216 powered by Fujisaki */
	var color256=new Array();
	var n=1;
	var a;
	for (var r = 0; r<6; r++) {
		for (var g = 0; g<6; g++) {
			for (var b = 0; b<6; b++) {
				var c=(0x330000*r+0x3300*g+0x33*b);	
				xcolor=c.toString(16);
				if(xcolor.length<6){
					a="#00"+xcolor;
					if(a.length<6){
					a=a+"00";
					}
				}else{
					a="#"+xcolor;
				}
				if(a.length==6){
					a=a+"0";
				}
				color256.push(a);
				n++;
			}
		}
	}
	// Gray Gardiant
	for(i=1;i<6;i++){
		for(m=1;m<6;m++){
			aGray=(0x30*i+0x03*m);
			bGray=aGray.toString(16);
			GrayGardiant="#"+bGray+bGray+bGray;
			color256.push(GrayGardiant);
		}
	}
	
	tableStr="<table>";
	tableStr+="<tr><td colspan=18 align=center><font style=\"font-size : 11px; \">請選取顏色</font></td></tr>";
	for(i=0;i<color256.length;i++){
		if((i+1)%18==1){
			tableStr+="<tr>";
			tableStr+="<td bgcolor='"+ color256[i] +"' width=10 height=10 onclick=\"setColor('"+colorPlate+"','"+PlateID+"','"+ frmName +"','"+ color256[i] +"')\"></td>";
		}else if((i+1)%18==0){
			tableStr+="<td bgcolor='"+ color256[i] +"' width=10 height=10 onclick=\"setColor('"+colorPlate+"','"+PlateID+"','"+ frmName +"','"+ color256[i] +"')\"></td>";
			tableStr+="</tr>"
		}else{
			tableStr+="<td bgcolor='"+ color256[i] +"' width=10 height=10 onclick=\"setColor('"+colorPlate+"','"+PlateID+"','"+ frmName +"','"+ color256[i] +"')\"></td>";
		}
	}
	tableStr+="</table>";
	return tableStr;
}
//---------------------------------------------------------------------------------
//------------------------顯示調色盤------------------------------------------------
function setPlate(bluezzID,colorPlate,PlateID,frmName,txtName,txtValue){
	var plateStr;
	//alert(PlateID);
	plateStr="<span class=bluezz id="+bluezzID+">";
	plateStr+="	<input type=text name="+ txtName +" size=7 id="+colorPlate+" value='"+ txtValue +"' \/>";
	plateStr+="	<img height=15px width=15px src=images/paint.gif onclick=\"menu('"+PlateID+"')\" style='aling=center' \/>"	;
	plateStr+="<div class=Plate id="+PlateID+" style='dispaly:none ;position: relative;' align=center>";
	plateStr+=setTable(colorPlate,PlateID,frmName);
	plateStr+="<\/div>";
	plateStr+="<\/span>";
	document.write(plateStr);
	setColor(colorPlate,PlateID,frmName,txtValue);
}
//---------------------------------------------------------------------------------