//*******************************************************************************
//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;
}

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="&#78;&#79;&#32;&#67;&#79;&#76;&#79;&#82;",clos1="[X] &#67;&#76;&#79;&#83;&#69;",tt6="&#70;&#82;&#69;&#69;&#45;&#67;&#79;&#76;&#79;&#82;&#45;&#80;&#73;&#67;&#75;&#69;&#82;&#46;&#67;&#79;&#77;",hm6="&#104;&#116;&#116;&#112;&#58;&#47;&#47;&#119;&#119;&#119;&#46;";hm6+=tt6;tt6="&#80;&#79;&#87;&#69;&#82;&#69;&#68;&#32;&#98;&#121;&#32;&#70;&#67;&#80;";

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);
	}
	
	setCCbldSty6('colorpicker301','vs','hidden');
	setCCbldSty6('colorpicker301','ds','none');
}

function showColorGrid3(OBjElem,Sam){
	var objX = new Array('00','33','66','99','CC','FF');
	var c = 0;
	var z = "'" + OBjElem + "','" + Sam + "',''";
	var xl = "'" + OBjElem + "', '" + Sam + "','x'";
	var mid = '';
	mid+='<center><table border="0" cellpadding="0" cellspacing="0" class="colorTable">';
	mid+='<tr><td colspan="18" class="title"><div class="close_color"><a class="o5582n66" href="javascript:onclick=putOBJxColor6(' + xl + ')">' + clos1 + '</a>&nbsp;</div>&nbsp;Select a Color</td></tr>';
	mid+='<tr><td colspan="18" class="hexdisp"><input class="o5582n66" type="text" size="10" id="o5582n66" value="#FFFFFF" /><input class="o5582n66a" type="text" size="2" style="width:14px;" id="o5582n66a" value="" style="border:solid 1px #666;" readonly /></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+"'";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;'><span style='color:#666;font-size:8px;font-family:arial;text-decoration:none;lett6er-spacing:1px;'>"+tt6+"</span></td>";
	mid+='</tr></table></center>';
	setCCbldSty6('colorpicker301','tp','100px');
	
	/*
	document.getElementById('colorpicker301').style.top=gett6op6();
	document.getElementById('colorpicker301').style.left=getLeft6();
	*/

	var coords = getAnchorPosition(OBjElem);

	document.getElementById('colorpicker301').style.left = (coords.x + 5) + 'px';
	document.getElementById('colorpicker301').style.top = (coords.y + 25) + 'px';

	setCCbldSty6('colorpicker301','vs','visible');
	setCCbldSty6('colorpicker301','ds','block');
	
	document.getElementById('colorpicker301').innerHTML = mid;
}