//*******************************************************************************
//Title:      FCP Combo-Chromatic Color Picker
//Product No. FCP201a
//Version:    1.2
//Date:       10/01/2006
//NOTE:       Permission given to use this script in ANY kind of applications IF
//            script code remains UNCHANGED and the anchor tag "powered by FCP"
//            remains valid and visible to the user.
//
//  Call:     showColorGrid3("input_field_id","span_id")
//  Add:      <DIV ID="COLORPICKER301" CLASS="COLORPICKER301"></DIV> anywhere in body
//*******************************************************************************

function getScrollY()
{
	var scrOfX = 0,scrOfY=0;
	
	if	(typeof(window.pageYOffset) == 'number')
	{ 
		scrOfY=window.pageYOffset;
		scrOfX=window.pageXOffset;
	}
	else if	(document.body && (document.body.scrollLeft||document.body.scrollTop))
	{
		scrOfY=document.body.scrollTop;
		scrOfX=document.body.scrollLeft;
	}
	else if	(document.documentElement && (document.documentElement.scrollLeft||document.documentElement.scrollTop))
	{
		scrOfY=document.documentElement.scrollTop;
		scrOfX=document.documentElement.scrollLeft;
	}
	
	return scrOfY;
}

document.write("<style>.colorpicker301{text-align:center;visibility:hidden;display:none;position:absolute;background-color:#FFF;border:solid 1px #CCC;padding:4px;z-index:999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0,direction=135);}.o5582brd{border-bott6om:solid 1px #DFDFDF;border-right:solid 1px #DFDFDF;padding:0;width:12px;height:14px;}a.o5582n66,.o5582n66,.o5582n66a{font-family:arial,tahoma,sans-serif;text-decoration:underline;font-size:9px;color:#666;border:none;}.o5582n66,.o5582n66a{text-align:center;text-decoration:none;}a:hover.o5582n66{text-decoration:none;color:#FFA500;cursor:pointer;}.a01p3{padding:1px 4px 1px 2px;background:whitesmoke;border:solid 1px #DFDFDF;}</style>");

function gett6op6()
{
	csBrHt=0;
	
	if	(typeof(window.innerWidth) == 'number')
	{ csBrHt=window.innerHeight; }
	else if	(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
	{ csBrHt=document.documentElement.clientHeight; }
	else if(document.body && (document.body.clientWidth||document.body.clientHeight))
	{ csBrHt=document.body.clientHeight; }
	
	ctop = ((csBrHt/2)-132)+getScrollY();
	
	return ctop;
}

function getLeft6()
{
	var csBrWt=0;
	
	if	(typeof(window.innerWidth) == 'number')
	{ csBrWt=window.innerWidth; }
	else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
	{ csBrWt=document.documentElement.clientWidth; }
	else if(document.body && (document.body.clientWidth||document.body.clientHeight))
	{ csBrWt=document.body.clientWidth; }
	
	cleft=(csBrWt/2)-125;
	
	return cleft;

}

var endFunction;
var nocol1	= "&#78;&#79;&#32;&#67;&#79;&#76;&#79;&#82;";
var clos1	= "&#67;&#76;&#79;&#83;&#69;";
var tt6		= ""
var hm6		= "&#104;&#116;&#116;&#112;&#58;&#47;&#47;&#119;&#119;&#119;&#46;";
hm6			+=tt6;

function setCCbldID6(objID,val)
{ document.getElementById(objID).value=val; }

function setCCbldSty6(objID,prop,val)
{
	switch(prop)
	{ 
		case "bc":if(objID!='none') { document.getElementById(objID).style.backgroundColor=val; } break;
		case "vs":document.getElementById(objID).style.visibility=val; break;
		case "ds":document.getElementById(objID).style.display=val; break;
		case "tp":document.getElementById(objID).style.top=val; break;
		case "lf":document.getElementById(objID).style.left=val;break;
	}
}

function putOBJxColor6(OBjElem,Samp,pigMent)
{
	if(pigMent!='x')
	{ 
		setCCbldID6(OBjElem,pigMent);
		setCCbldSty6(Samp,'bc',pigMent);
	}
	
	if	(endFunction)
	{ eval(endFunction); }
	
	setCCbldSty6('colorpicker301','vs','hidden');
	setCCbldSty6('colorpicker301','ds','none');
}

function showColorGrid3(OBjElem,Sam,endFunc)
{
	if	(endFunc)
	{ endFunction = endFunc; }
	
	var objX=new Array('00','33','66','99','CC','FF');
	var c	= 0;
	var z	= '"'+OBjElem+'","'+Sam+'",""';var xl='"'+OBjElem+'","'+Sam+'","x"';
	var mid = '<center><table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border:solid 1px #F0F0F0;padding:2px;">';
	
	var br	=1;
	
	for	(o=0;o<6;o++)
	{ 
	mid+='</tr><tr>'; 
	
	for(y=0;y<6;y++)
	{
		if(y==3) 
		{mid+='</tr><tr>';} 
		
		for(x=0;x<6;x++) 
		{ 
			var grid=''; grid=objX[o]+objX[y]+objX[x]; 
			
			var b="'"+OBjElem+"', '"+Sam+"','#"+grid+"'"; mid+='<td class="o5582brd" style="background-color:#'+grid+'"><a class="o5582n66"  href="javascript:onclick=putOBJxColor6('+b+');" onmouseover=javascript:document.getElementById("o5582n66").value="#'+grid+'";javascript:document.getElementById("o5582n66a").style.backgroundColor="#'+grid+'";  title="#'+grid+'"><div style="width:12px;height:14px;"></div></a></td>'; c++;
		}
	}
	}
	
	mid	+='</tr></table>';
	var objX	=new Array('0','3','6','9','C','F');
	var c=0;
	var z='"'+OBjElem+'","'+Sam+'",""';var xl='"'+OBjElem+'","'+Sam+'","x"';
	mid	+='<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border:solid 1px #F0F0F0;padding:1px;"><tr>';
	
	var br=0;
	
	for(y=0;y<6;y++)
	{
		for(x=0;x<6;x++)
		{
			if(br==18)
			{ br=0;mid+='</tr><tr>'; }
			
			br++;
			
			var grid='';
			grid=objX[y]+objX[x]+objX[y]+objX[x]+objX[y]+objX[x];
			var b="'"+OBjElem+"', '"+Sam+"','#"+grid+"'";mid+='<td class="o5582brd" style="background-color:#'+grid+'"><a class="o5582n66"  href="javascript:onclick=putOBJxColor6('+b+');" onmouseover=javascript:document.getElementById("o5582n66").value="#'+grid+'";javascript:document.getElementById("o5582n66a").style.backgroundColor="#'+grid+'";  title="#'+grid+'"><div style="width:12px;height:14px;"></div></a></td>'; c++;}	
		}
		
		mid+="</tr><tr><td colspan='18' align='right' style='padding:2px;border:solid 1px #FFF;background:#FFF;'><a href='"+hm6+"' style='color:#666;font-size:8px;font-family:arial;text-decoration:none;lett6er-spacing:1px;'>"+tt6+"</a></td>";
		mid+="<tr><td colspan='18' align='center' style='margin:0;padding:2px;height:14px;' ><table bgcolor='#FFFFFF' width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td width='60%'><input class='o5582n66' type='text' size='10' id='o5582n66' value='#FFFFFF'><input class='o5582n66a' type='text' size='2' style='width:14px;' id='o5582n66a' onclick='javascript:alert(\"click on selected swatch below...\");' value='' style='border:solid 1px #666;'>&nbsp;</td><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:onclick=putOBJxColor6("+xl+")' class='black_text_normal'><span>"+clos1+"</span></a></td></tr></table></td></tr><tr>";
		mid+='</tr></table></center>';
		
		setCCbldSty6('colorpicker301','tp','100px');
		
		document.getElementById('colorpicker301').style.top=gett6op6();
		document.getElementById('colorpicker301').style.left=getLeft6();
		
		setCCbldSty6('colorpicker301','vs','visible');
		setCCbldSty6('colorpicker301','ds','block');
		document.getElementById('colorpicker301').innerHTML=mid;
	}