//*******************************************************************************
//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:     showColorGrid("input_field_id","span_id")
//  Add:      <DIV ID="colorpicker" CLASS="colorpicker"></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 getTop()
{
	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 getLeft()
{
	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="&#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 setValue(objID, val)
{
	prendiElementoDaId(objID).value = val;
}

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

function putColor(OBjElem, Samp, pigMent)
{
	if(pigMent != 'x')
	{
		setValue(OBjElem, pigMent);
		setStyle(Samp, 'bc', pigMent);
	}
	
	setStyle('colorpicker', 'vs', 'hidden');
	setStyle('colorpicker', 'ds', 'none');
}

function showColorGrid(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 bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border:solid 1px #F0F0F0; padding:2px;">';
	mid += "<tr><td colspan='18' align='center' style='margin:0; padding:2px; height:14px;' ><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='javascript:onclick=putColor(" + z + ")'><span class='a01p3'>" + nocol1 + "</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class='o5582n66' href='javascript:onclick=putColor("+xl+")'><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 + "'"; 
				mid += '<td class="o5582brd" style="background-color:#' + grid + '"><a class="o5582n66"  href="javascript:onclick=putColor('+b+');" onmouseover=javascript:prendiElementoDaId("o5582n66").value="#' + grid + '"; javascript:prendiElementoDaId("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=putColor(' + b + ');" onmouseover=javascript:prendiElementoDaId("o5582n66").value="#' + grid + '"; javascript:prendiElementoDaId("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; letter-spacing:1px;'>" + tt6 + "</a></td>"; 
	mid += '</tr></table></center>';
	
	setStyle('colorpicker','tp','100px');
	prendiElementoDaId('colorpicker').style.top = getTop() + 'px';
	prendiElementoDaId('colorpicker').style.left = getLeft() + 'px';
	setStyle('colorpicker','vs','visible');
	setStyle('colorpicker','ds','block');
	prendiElementoDaId('colorpicker').innerHTML = mid;
}