
var bodyStyle = document.style;

var colors = new Array();
colors.push(new Color("light pink", "#FFC0CB"));
colors.push(new Color("dark pink", "#E75480"));
colors.push(new Color("pink red", "#DC143C"));
colors.push(new Color("red", "#ff0000"));
colors.push(new Color("crimson", "#880000"));
colors.push(new Color("dark red", "#440000"));
colors.push(new Color("red-black", "#220000"));
colors.push(new Color("baby blue", "#B0E0E6"));
colors.push(new Color("light blue", "#8888ff"));
colors.push(new Color("royal blue", "#4169E1"));
colors.push(new Color("blue", "#0000ff"));
colors.push(new Color("azure", "#0000aa"));
colors.push(new Color("dark blue", "#000077"));
colors.push(new Color("midnight blue", "#000033"));
colors.push(new Color("light baby blue", "#F0F8FF"));
colors.push(new Color("light aqua", "#E0FFFF"));
colors.push(new Color("aqua", "#7FFFD4"));
colors.push(new Color("cyan", "#00FFFF"));
colors.push(new Color("turquoise", "#30D5C8"));
colors.push(new Color("teal", "#008080"));
colors.push(new Color("blue green", "#2E8B57"));
colors.push(new Color("light green", "#D0F0C0"));
colors.push(new Color("mint green", "#98FF98"));
colors.push(new Color("spring green", "#A7FC00"));
colors.push(new Color("green", "#00ff00"));
colors.push(new Color("olive green", "#669933"));
colors.push(new Color("forest green", "#006600"));
colors.push(new Color("dark green", "#003300"));
colors.push(new Color("off white", "#FFDEAD"));
colors.push(new Color("white", "#ffffff"));
colors.push(new Color("light gray", "#999999"));
colors.push(new Color("medium gray", "#666666"));
colors.push(new Color("charcoal gray", "#464646"));
colors.push(new Color("dark gray", "#333333"));
colors.push(new Color("black", "#000000"));
colors.push(new Color("lght purple", "#D8BFD8"));
colors.push(new Color("lavendar", "#B57EDC"));
colors.push(new Color("medium purple", "#8B00FF"));
colors.push(new Color("purple", "#6600ff"));
colors.push(new Color("violet", "#800080"));
colors.push(new Color("indigo", "#4B0082"));
colors.push(new Color("blue violet", "#32127A"));
colors.push(new Color("light brown", "#F0DC82"));
colors.push(new Color("medium brown", "#B87333"));
colors.push(new Color("golden brown", "#996515"));
colors.push(new Color("brown", "#964B00"));
colors.push(new Color("sepia", "#704214"));
colors.push(new Color("dark brown", "#654321"));
colors.push(new Color("black brown", "#3D2B1F"));
colors.push(new Color("light orange", "#F4A460"));
colors.push(new Color("light coral", "#FF9966"));
colors.push(new Color("coral", "#FF7F50"));
colors.push(new Color("orange", "#FF7F00"));
colors.push(new Color("pumpkin orange", "#FF6600"));
colors.push(new Color("medium orange", "#EC5800"));
colors.push(new Color("orange red", "#FF4500"));
colors.push(new Color("light yellow", "#F0DC82"));
colors.push(new Color("medium yellow", "#FBEC5D"));
colors.push(new Color("peach", "#FFBD58"));
colors.push(new Color("yellow", "#FFFF00"));
colors.push(new Color("dark yellow", "#FFD700"));
colors.push(new Color("golden rod", "#FFBF00"));
colors.push(new Color("dark goldenrod", "#B8860B"));




var colorsPerRow = 7;

function Color(name, hex)
{
	this.name = name;
	this.hex = hex;
}
	
function changeBackground(color)
{
	if (bodyStyle)
	{
		bodyStyle.background = color;
	}
}

function getColorHex(colorName)
{
	for (var i = 0; i < colors.length; i++)
	{
		var c = colors[i];
		if (colorName == c.name)
			return c.hex;
	}
	return null;
}

function getColorName(colorHex)
{
	for (var i = 0; i < colors.length; i++)
	{
		var c = colors[i];
		if (colorHex == c.hex)
			return c.name;
	}
	return null;
}

function getPaletteHTML()
{
	var html = "<table>";
	var rowCounter = 1;

	for (var i = 0; i < colors.length; i++)
	{
		if (rowCounter == 1)
		{
			html+= "<tr>";
		}
		
		var c = colors[i];
		html += "<td><div id='color' name='" + c.name + "' title='" + c.name + "' style='background:" + c.hex + ";' onclick=\"changeColor('" + c.name + "');\"></div>";

		if (rowCounter == colorsPerRow)
		{
			html += "</tr>";
			rowCounter = 1;
		}
		else
			rowCounter++;


	}
	html += "</table>";
	return html;
}
