//*******************************************************************************
//Title:		FCP Combo-Chromatic Color Picker
//URL:		http://www.free-color-picker.com
//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 #000;padding:4px;z-index:999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#d0d0d0,direction=135);}.o5582brd { border-bottom:solid 0px #dfdfdf;border-right:solid 0px #dfdfdf;padding:0;width:14px;height:14px;}a.o5582n66,.o5582n66,.o5582n66a{font-family:arial,tahoma,sans-serif;text-decoration:none;color:#000;}.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 nocol1="NO COLOUR",clos1="CLOSE",tt6="FREE-COLOR-PICKER.COM",hm6="http://www.";
hm6+=tt6;
tt6="POWERED by FCP";
				
function setCCbldID6(objID,Sam,eVal,varName,websiteArea,eVar)
	{
		//alert(eVal);
		var reload='';
		reload+=''+websiteArea+'.php?process';
		reload+='&action='+websiteArea+'';
		reload+='&ID='+varName+'';
		reload+='&eVar='+eVar+'';
		reload+='&eVal='+eVal+'';
		
		document.getElementById(Sam).value=eVal;
		var swatchColour='#'+eVal;
		document.getElementById(Sam).style.backgroundColor=swatchColour;
		//alert("123");
		//document.getElementById('test').innerHTML=val;
		//document.getElementById('test2').innerHTML=varName;
		
		top.bannerImage.location=reload;
	}

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

function putOBJxColor6(OBjElem,Sam,pigMent,varName,websiteArea,eVar)
	{
		//alert(varName);
		if(pigMent!='x')
			{
				setCCbldID6(OBjElem,Sam,pigMent,varName,websiteArea,eVar);
				setCCbldSty6(Sam,'bc',pigMent);
			}
		setCCbldSty6('colorpicker301','vs','hidden','+varName+','+websiteArea+','+eVar+');
		setCCbldSty6('colorpicker301','ds','none','+varName+','+websiteArea+','+eVar+');
	}




function showColorGrid3(OBjElem,Sam,titleName,varName,websiteArea,eVar)
	{
		var objX=new Array('00','33','66','99','cc','ff');
		var c=0;
		var z='"'+OBjElem+'","'+Sam+'","","'+varName+'","'+websiteArea+'","'+eVar+'"';
		var xl='"'+OBjElem+'","'+Sam+'","x"';
		var mid='';
		mid+='<center><table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="border:solid 1px #f0f0f0;padding:2px;"><tr>';
		mid+="<td colspan='18' align='left' style='background:#fff;color:#000;border:1px solid #000;padding:5px;font-weight:bold;'>&nbsp;"+titleName+"</td></tr><tr><td colspan='18' align='center' style='margin:0;padding:2px;height:24px;'><input class='o5582n66' type='text' size='10' id='o5582n66xxxxx' value='#ffffff'><input class='o5582n66a' type='text' size='2' style='width:14px;' id='o5582n66axxxxx' onclick='javascript:alert(\"click on selected swatch below...\");' value='' style='border:solid 1px #666;'>&nbsp;|&nbsp;<a class='o5582n66' href='#' onclick='putOBJxColor6("+z+"); return false;'><span class='a01p3'>"+nocol1+"</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class='o5582n66' href='#' onclick='putOBJxColor6("+xl+"); return false;'><span class='a01p3'>"+clos1+"</span></a></td></tr><tr>";
		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+"','"+varName+"','"+websiteArea+"','"+eVar+"'";
								mid+='<td class="o5582brd" style="background-color:#'+grid+'"><a class="o5582n66" href="#" onclick="putOBJxColor6('+b+'); return false;" onmouseover=javascript:document.getElementById("o5582n66").value="#'+grid+'";javascript:document.getElementById("o5582n66a").style.backgroundColor="#'+grid+'"; title="#'+grid+'"><div style="width:14px;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+"','"+varName+"','"+websiteArea+"','"+eVar+"'";
						//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>';
						mid+='<td class="o5582brd" style="background-color:#'+grid+'"><a class="o5582n66" href="#" onclick="putOBJxColor6('+b+'); return false;" onmouseover=javascript:document.getElementById("o5582n66").value="#'+grid+'";javascript:document.getElementById("o5582n66a").style.backgroundColor="#'+grid+'"; title="#'+grid+'"><div style="width:14px; 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;letter-spacing:1px;'>"+tt6+"</a></td>";
		mid+='</tr></table></center>';
		
		// bottom close boxes
		mid+='<center><table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="border:solid 1px #f0f0f0;padding:2px;">';
		mid+="<tr><td align='center' style='margin:0;padding:2px;height:24px;'><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;|&nbsp;<a class='o5582n66' href='#' onclick='putOBJxColor6("+z+"); return false;'><span class='a01p3'>"+nocol1+"</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class='o5582n66' href='#' onclick='putOBJxColor6("+xl+"); return false;'><span class='a01p3'>"+clos1+"</span></a></td></tr>";
		mid+="</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;
	}