// Color Picker Script from Flooble.com
// For more information, visit 
//	http://www.flooble.com/scripts/colorpicker.php
// Copyright 2003 Animus Pactum Consulting inc.
// You may use and distribute this code freely, as long as
// you keep this copyright notice and the link to flooble.com
// if you chose to remove them, you must link to the page
// listed above from every web page where you use the color
// picker code.
//---------------------------------------------------------
var divSet = false;
var curId;
var colorLevels = Array('0','3','6','9','C','F');
var perline = ((colorLevels.length - 1) * 2) - 1;
		// -1: 0 nem számít; *2: a szint növeljük, aztán a mellékszint; -1: ...
var colorArray = Array();
var ie = false;
var nocolor = 'none';
if (document.all) { ie = true; nocolor = ''; }
function getObj(id) {
if (ie) { return document.all[id]; } 
else {	return document.getElementById(id);	}
}

function addColor(r, g, b) {
var red = colorLevels[r];
var green = colorLevels[g];
var blue = colorLevels[b];
addColorValue(red, green, blue);
}

function addColorValue(r, g, b) {
colorArray[colorArray.length] = '#' + r + r + g + g + b + b;
}

function setColor(color) {
var link = getObj(curId);
var field = getObj(curId + 'field');
var picker = getObj('colorpicker');
field.value = color;
if (color == '') {
	link.style.background = nocolor;
	link.style.color = nocolor;
	color = nocolor;
} else {
	link.style.background = color;
	link.style.color = color;
}
picker.style.display = 'none';
eval(getObj(curId + 'field').title);
}

function setDiv() {     
if (!document.createElement) { return; }
var elemDiv = document.createElement('div');
if (typeof(elemDiv.innerHTML) != 'string') { return; }
genColors();
elemDiv.id = 'colorpicker';
elemDiv.style.position = 'absolute';
elemDiv.style.display = 'none';
elemDiv.style.border = '#000000 1px solid';
elemDiv.style.background = '#fea';
elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Válassz színt: ' 
	+ '(<a href="javascript:setColor(\'\');">bezár</a>)<br>' 
	+ getColorTable()
	+ '</span>';

document.body.appendChild(elemDiv);
divSet = true;
}

function pickColor(id) {
if (!divSet) { setDiv(); }
var picker = getObj('colorpicker');     	
if (id == curId && picker.style.display == 'block') {
	picker.style.display = 'none';
	return;
}
curId = id;
var thelink = getObj(id);
picker.style.top = getAbsoluteOffsetTop(thelink) + 20;
picker.style.left = getAbsoluteOffsetLeft(thelink);     
picker.style.display = 'block';
}

function genColors() {
/*addColorValue('0','0','0');
addColorValue('3','3','3');
addColorValue('6','6','6');
addColorValue('8','8','8');
addColorValue('9','9','9');
addColorValue('A','A','A');
addColorValue('C','C','C');
addColorValue('E','E','E');
addColorValue('F','F','F'); // ezek itt csak a feketék?*/


var maxszin = colorLevels.length - 1;

// R - piros
for (a = 1; a < colorLevels.length; a++)
	addColor(a,0,0);
for (a = 1; a < colorLevels.length - 1; a++)
	addColor(maxszin,a,a); // ez azért maxszin, mert a colorLevels[] tömb maxszin-es indexű tagja az 'F'
// G - zöld
for (a = 1; a < colorLevels.length; a++)
	addColor(0,a,0);
for (a = 1; a < colorLevels.length - 1; a++)
	addColor(a,maxszin,a);
// B - kék
for (a = 1; a < colorLevels.length; a++)
	addColor(0,0,a);
for (a = 1; a < colorLevels.length - 1; a++)
	addColor(a,a,maxszin);

// C - cián
for (a = 1; a < colorLevels.length; a++)
	addColor(0,a,a);
for (a = 1; a < colorLevels.length - 1; a++)
	addColor(a,maxszin,maxszin);
// M - magenta
for (a = 1; a < colorLevels.length; a++)
	addColor(a,0,a);			
for (a = 1; a < colorLevels.length - 1; a++)
	addColor(maxszin,a,maxszin);
// Y - sárga
for (a = 1; a < colorLevels.length; a++)
	addColor(a,a,0);
for (a = 1; a < colorLevels.length - 1; a++)
	addColor(maxszin,maxszin,a);

// K - fekete
for (a = 0; a < colorLevels.length; a++)
	addColor(a,a,a);

return colorArray;
}
function getColorTable() {
 var colors = colorArray;
 var tableCode = '';
 tableCode += '<table border="0" cellspacing="1" cellpadding="1">';
 for (i = 0; i < colors.length; i++) {
	  if (i % perline == 0) { tableCode += '<tr>'; }
	  tableCode += '<td bgcolor="#000000"><a style="outline: 1px solid #000000; color: ' 
		  + colors[i] + '; background: ' + colors[i] + ';width: 10px; height: 10px; display: block;" title="' 
		  + colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');"></a></td>';
	  if (i % perline == perline - 1) { tableCode += '</tr>'; }
 }
 if (i % perline != 0) { tableCode += '</tr>'; }
 tableCode += '</table>';
 return tableCode;
}
function relateColor(id, color) {
var link = getObj(id);
if (color == '') {
	link.style.background = nocolor;
	link.style.color = nocolor;
	color = nocolor;
} else {
	link.style.background = color;
	link.style.color = color;
}
eval(getObj(id + 'field').title);
}
function getAbsoluteOffsetTop(obj) {
var top = obj.offsetTop;
var parent = obj.offsetParent;
while (parent != document.body) {
	top += parent.offsetTop;
	parent = parent.offsetParent;
}
return top;
}

function getAbsoluteOffsetLeft(obj) {
var left = obj.offsetLeft;
var parent = obj.offsetParent;
while (parent != document.body) {
	left += parent.offsetLeft;
	parent = parent.offsetParent;
}
return left;
}