// JavaScript File



var textColorsHex = new Array();

textColorsHex[0] = "8B0000";
textColorsHex[1] = "A52A2A";
textColorsHex[2] = "B20014";
textColorsHex[3] = "FF0000";
textColorsHex[4] = "FF4500";
textColorsHex[5] = "8B4513";
textColorsHex[6] = "FF8C00";
textColorsHex[7] = "D2691E";
textColorsHex[8] = "FF9A00";
textColorsHex[9] = "FFA500";
textColorsHex[10] = "C4A106";
textColorsHex[11] = "B8860B";
textColorsHex[12] = "73BF27";
textColorsHex[13] = "808000";
textColorsHex[14] = "3CB371";
textColorsHex[15] = "2E8B57";
textColorsHex[16] = "008080";
textColorsHex[17] = "345E22";
textColorsHex[18] = "006400";
textColorsHex[19] = "2F4F4F";
textColorsHex[20] = "4169E1";
textColorsHex[21] = "4A4CC6";
textColorsHex[22] = "31309C";
textColorsHex[23] = "00008B";
textColorsHex[24] = "483D8B";
textColorsHex[25] = "FF19E4";
textColorsHex[26] = "C71585";
textColorsHex[27] = "9932CC";
textColorsHex[28] = "8B008B";
textColorsHex[29] = "696969";
textColorsHex[30] = "000000";

function DisplayColorOptions()
{
    var colorOptionsHtml = "";

	colorOptionsHtml += "<div class=\"MediumHeader\">Choose a Color:</div>";
	colorOptionsHtml += "<div style=\"margin-top: 5px;\">";


	for (var x=0; x < textColorsHex.length; x++)
	{
		colorOptionsHtml += "<span class=\"ColorSwatch\" style=\"background-color: #" + textColorsHex[x] + "\">";
		colorOptionsHtml += "<a href=\"javascript:SetUserColor('" + textColorsHex[x] + "');\" onclick=\"SetUserColor('" + textColorsHex[x] + "');HideMessageWindow();return false;\">";
		colorOptionsHtml += "<img src=\"/appchat/images/spacer.gif\" width=\"12\" height=\"12\" alt=\"Select This Color\" align=\"absmiddle\" border=\"0\" /></a>";
		colorOptionsHtml += "</span>";

		if ((x + 1) % 12 == 0 && x > 0)
			colorOptionsHtml += "<br /><img src=\"/appchat/images/spacer_white.gif\" width=\"100\" height=\"2\" /><br />";
	}

	colorOptionsHtml += "</div><br />";
	
	ShowMessageWindow(colorOptionsHtml);
}

function SetUserColor(newColor)
{
    var colorDisplay = Get("ColorDisplay");
    var messageInput = Get("InputMessage");

    if (newColor.indexOf("#") != 0)
        newColor = "#" + newColor;
    
    userColor = newColor;
    
    colorDisplay.style.backgroundColor = newColor;
    messageInput.style.color = newColor;
}