<!--
var openedChart;
var pickerInput;
var colorChart   = false;
var colorLevels  = Array('0', '3', '6', '9', 'C', 'F');
var colorArray   = Array();
var nocolor      = 'transparent';

function pickColor(id, input)
{
if (!colorChart)
{
generateColors();
setColorChart();
}

var picker = document.getElementById('colortable');
picker.style.display = 'none';

if (openedChart == id)
{
openedChart = '';
pickerInput = '';
return;
}

openedChart = id;
pickerInput = input;

var click = document.getElementById(id);
var x = findPosX(click);
var y = findPosY(click) + 20;

picker.style.top     = y + 'px';
picker.style.left    = x + 'px';
picker.style.display = 'block';
}

function generateColors()
{
var r, g, b;
var c = 36;

for (gn = 0; gn < colorLevels.length; gn++)
{
g = colorLevels[gn];

for (rn = 0; rn < colorLevels.length; rn++)
{
r = colorLevels[rn];

for (bn = 0; bn < colorLevels.length; bn++)
{
b = colorLevels[bn];

if (c == 36)
{
colorArray[colorArray.length] = '' + g + g + g + g + g + g;
colorArray[colorArray.length] = '#000000';
c = 0;
}

colorArray[colorArray.length] = '' + r + r + g + g + b + b;

c++;
}
}
}
}

function setColorChart()
{
var colorTable = document.createElement('div');

colorTable.id               = 'colortable';
colorTable.style.position   = 'absolute';
colorTable.style.display    = 'none';
colorTable.style.width      = '380px';
colorTable.style.border     = '1px solid #000000';
colorTable.style.padding    = '2px';
colorTable.style.background = '#FFFFFF';
colorTable.innerHTML        = getColorCodes();
colorChart                  = true;

document.body.appendChild(colorTable);
}

function getColorCodes()
{
var colors = colorArray;
var colorCodes = '';

for (n = 0; n < colors.length; n++)
{
colorCodes += '<span style="float:left; display:block; width:10px; height:10px; background-color:' + colors[n] + '" onclick="setColor(\'' + colors[n] + '\')"></span>';
}

return colorCodes;
}

function setColor(color)
{
var click  = document.getElementById(openedChart);
var field  = document.getElementById(pickerInput);
var picker = document.getElementById('colortable');

if (color == '')
{
click.style.background = nocolor;
}
else
{
click.style.background = '#'+color;
}

field.value          = color;
picker.style.display = 'none';

openedChart = '';
pickerInput = '';
}

function relateColor(id, color)
{
var click = document.getElementById(id);

if (color == '')
{
click.style.background = nocolor;
}
else
{
click.style.background = '#'+color;
}
}

function findPosX(obj)
{
var left = 0;

if (obj.offsetParent)
{
while (obj.offsetParent)
{
left += obj.offsetLeft;
obj = obj.offsetParent;
}
}

return left;
}

function findPosY(obj)
{
var top = 0;

if (obj.offsetParent)
{
while (obj.offsetParent)
{
top += obj.offsetTop;
obj = obj.offsetParent;
}
}

return top;
}

function popupform(myform, windowname)
{
document.visibleForm.myText.value = document.convertor.converted.value
if (! window.focus)return true;
window.open('', windowname, 'height=800,width=500,scrollbars=yes');
myform.target=windowname;
return true;
}

var xmlHttp

function showTheme(str)
{
if (str.length==0)
{
document.getElementById("themeSet").innerHTML="";
return;
}

xmlHttp=GetXmlHttpObject();

if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="theme.php";
url=url+"?id="+str;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged() {
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){

document.getElementById("themeSet").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
  {
  objXMLHttp=new XMLHttpRequest()
  }
else if (window.ActiveXObject)
  {
  objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
return objXMLHttp
}
