var colorboxcontents;
var first=true;

var colarray=new Array();

colarray[0]=new Array("#ffbfbf","#ffdfbf","#ffffbf","#dfffbf","#bfffbf","#bfffdf","#bfffff","#bfdfff","#bfbfff","#bfbfff","#ffbfff","#ffbfdf","#dfdfdf");
colarray[1]=new Array("#ff8686","#ffc286","#ffff86","#c2ff86","#86ff86","#86ffc2","#86ffff","#86c2ff","#8686ff","#c286ff","#ff86ff","#ff86c2","#bfbfbf");
colarray[2]=new Array("#ff4c4c","#ffa64c","#ffff4c","#a6ff4c","#4cff4c","#4cffa6","#4cffff","#4ca6ff","#4c4cff","#a64cff","#ff4cff","#ff4ca6","#9f9f9f");
colarray[3]=new Array("#ff1212","#ff8912","#ffff12","#89ff12","#12ff12","#12ff89","#12ffff","#1289ff","#1212ff","#8912ff","#ff12ff","#ff1289","#808080");
colarray[4]=new Array("#f00000","#f07800","#f0f000","#78f000","#00f000","#00f078","#00f0f0","#0078f0","#0000f0","#7800f0","#f000f0","#f00078","#606060");
colarray[5]=new Array("#b70000","#b75b00","#b7b700","#5bb700","#00b700","#00b75b","#00b7b7","#005bb7","#0000b7","#5b00b7","#b700b7","#b7005b","#404040");
colarray[6]=new Array("#7d0000","#7d3f00","#7d7d00","#3f7d00","#007d00","#007d3f","#007d7d","#003f7d","#00007d","#3f007d","#7d007d","#7d003f","#202020");
colarray[7]=new Array("#440000","#442200","#444400","#224400","#004400","#004422","#004444","#002244","#000044","#220044","#440044","#440022","#000000");

function changeActiveColour(colour) {

document.getElementById('activeColour').innerHTML='<table><tr><td width="110px" style="font-size: 8pt;font-weight: bold;font-family: Tahoma;">COLOUR: '+colour+'  </td><td style="height: 8px; width: 20px;	font-size: 6pt;" bgcolor="'+colour+'"></td></tr></table>';
}

function createColorBox() {

if (first) {
colorboxcontents="<table>";
colorboxcontents+='<tr><td colspan=13 align=center><span id="activeColour"><table><tr><td style="font-size: 8pt;font-weight: bold;font-family: Tahoma;" width="110px"> COLOUR: #000000 </td><td style="height: 8px; width: 20px;	font-size: 6pt;" bgcolor=black></td></tr></table></span></td></tr>';
	
for (var i=0;i<colarray.length;i++) {
	colorboxcontents+="<tr>";
	for (var j=0;j<colarray[i].length;j++) colorboxcontents+='<td class="cellstyle" onmouseover="changeActiveColour(this.bgColor);" onclick="$j.get(\'chat/font_color.php?col=\'+this.bgColor.substring(1));document.getElementById(\'test\').style.display=\'none\'" bgcolor="'+colarray[i][j]+'">&nbsp;</td>';
	colorboxcontents+="</tr>";

}
colorboxcontents+="</table>";
document.getElementById('test2').innerHTML=colorboxcontents;
first=false;
}

}

// Function created for Chat Bar ##
function createColorBoxforBar() {

if (first) {
colorboxcontents="<table>";
colorboxcontents+='<tr><td colspan=13 align=center><span id="activeColour"><table><tr><td style="font-size: 8pt;font-weight: bold;font-family: Tahoma;" width="110px"> COLOUR: #000000 </td><td style="height: 8px; width: 20px;	font-size: 6pt;" bgcolor=black></td></tr></table></span></td></tr>';
	
for (var i=0;i<colarray.length;i++) {
	colorboxcontents+="<tr>";
	for (var j=0;j<colarray[i].length;j++) colorboxcontents+='<td class="cellstyle" onmouseover="changeActiveColour(this.bgColor);" onclick="$j.get(\'chat/font_color.php?col=\'+this.bgColor.substring(1));document.getElementById(\'bar_test\').style.display=\'none\'" bgcolor="'+colarray[i][j]+'">&nbsp;</td>';
	colorboxcontents+="</tr>";

}
colorboxcontents+="</table>";
document.getElementById('bar_test2').innerHTML=colorboxcontents;
first=false;
}

}

// Function for Chat Bar Ends ##