function getColorHTML(){
    var i, h, cl;
    
    var defColors = "000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF";
    h = '<span class="mceMenuLine"></span>';
    cl = defColors.split(',');
    
    h += '<table style="margin: 0; padding: 2px;"><tr>';
    for (i = 0; i < cl.length; i++) {
        h += '<td><a style="display:block;width: 9px; height: 9px; overflow: hidden; border: 1px solid #808080; background-color: #' + cl[i] + '" onclick="colorizeSubject(\'#' + cl[i] + '\')' + '; hideColorTable(); return false;" href="colorizeSubject(\'#' + cl[i] + '\')' + ';"></a></td>';
        
        if ((i + 1) % 8 == 0) 
            h += '</tr><tr>';
    }
    
    h += '</tr></table>';
    
    //debugger;
    return h;
};

var flagcolor =1;

function showColorTable(){

if (flagcolor==1){
    var colorTable = document.getElementById('colorTable');
    var aimg = document.getElementById('aimg');
    var iconimg1 = document.getElementById('iconimg1');
    var iconimg2 = document.getElementById('iconimg2');
    
    colorTable.innerHTML = getColorHTML();
    colorTable.style.zIndex = '9999';
    colorTable.style.position = 'absolute';
    colorTable.style.left = aimg.offsetLeft + 0 + 'px';
    colorTable.style.top = aimg.offsetTop + 0 + 'px';
    colorTable.style.visibility = "visible";
    
    //iconimg1.style.borderColor = 'grey';
    //iconimg1.style.borderWidth = '1px';
   // iconimg1.style.borderStyle = 'solid';
    //iconimg1.style.borderLeft='none';
    //iconimg2.style.borderBottomColor = 'grey';
    //iconimg2.style.borderBottomWidth = '1px';
    //iconimg2.style.borderBottomStyle = 'solid';
    //iconimg2.style.borderRight='none';

    flagcolor=0;
	} else {    

    document.getElementById('colorTable').style.visibility = "hidden";
    flagcolor=1;
  	}
}	
	
function colorizeSubject(color){
	document.getElementById('csubject').style.color = color;
    document.getElementById('color').value = 'tc='+color.slice(1,7)+'|';

    mergeSubject();
    
}


function hideColorTable(){
    document.getElementById('colorTable').style.visibility = "hidden";
    document.getElementById('iconimg1').style.border = 'none';
    document.getElementById('iconimg2').style.border = 'none';

}

function mergeSubject(){
    var csubject = document.getElementById('csubject');
    var subject = document.getElementById('subject');
    var color = document.getElementById('color');
    
    subject.value = color.value + csubject.value;
    //alert(subject.value);
}