// Color Picker Script from Flooble.com
// For more information, visit
//      http://www.flooble.com/scripts/colorpicker.php
// Copyright 2003 Animus Pactum Consulting inc.
//---------------------------------------------------------
     var perline = 9;
     var divSet = false;
     var curId;
     var colorLevels = Array('0', '3', '6', '9', 'C', 'F');
     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 = '#1E1E1E';
        elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Pick a color: '
                + '(<a href="javascript:setColor(\'\');">No color</a>)<br>'
                + getColorTable()
                + '<center><a href="http://www.flooble.com/scripts/colorpicker.php"'
                + ' target="_blank">color picker by <b>flooble</b></a></center></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');

        for (a = 1; a < colorLevels.length; a++)
                        addColor(0,0,a);
        for (a = 1; a < colorLevels.length - 1; a++)
                        addColor(a,a,5);

        for (a = 1; a < colorLevels.length; a++)
                        addColor(0,a,0);
        for (a = 1; a < colorLevels.length - 1; a++)
                        addColor(a,5,a);

        for (a = 1; a < colorLevels.length; a++)
                        addColor(a,0,0);
        for (a = 1; a < colorLevels.length - 1; a++)
                        addColor(5,a,a);


        for (a = 1; a < colorLevels.length; a++)
                        addColor(a,a,0);
        for (a = 1; a < colorLevels.length - 1; a++)
                        addColor(5,5,a);

        for (a = 1; a < colorLevels.length; a++)
                        addColor(0,a,a);
        for (a = 1; a < colorLevels.length - 1; a++)
                        addColor(a,5,5);

        for (a = 1; a < colorLevels.length; a++)
                        addColor(a,0,a);
        for (a = 1; a < colorLevels.length - 1; a++)
                        addColor(5,a,5);

        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] + ';font-size: 10px;" title="'
                  + colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');">&nbsp;&nbsp;&nbsp;</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;
     }