function preview(x)
{
	var color = document.getElementById(x).value
	var preview = document.getElementById(x)
	preview.style.borderLeft = color
}

function previewAll()
{
	preview('borderc')
	preview('idback')
	preview('infoback')
	preview('idcolor')
	preview('infocolor')
}

//Main Page Themes
var green00=new Array()
green00[0]="#A3BFB1"
green00[1]="#CEF2E0"
green00[2]="#E6FFF2"
green00[3]="#000000"
green00[4]="#000000"

var blue00=new Array()
blue00[0]="#A3B0BF"
blue00[1]="#CEDFF2"
blue00[2]="#E6F1FF"
blue00[3]="#000000"
blue00[4]="#000000"

var purple00=new Array()
purple00[0]="#AFA3BF"
purple00[1]="#DDCEF2"
purple00[2]="#F0E6FF"
purple00[3]="#000000"
purple00[4]="#000000"

var grey00=new Array()
grey00[0]="#CCCCCC"
grey00[1]="#CCCCCC"
grey00[2]="#FCFCFC"
grey00[3]="#000000"
grey00[4]="#000000"

//Babel Themes
var grey01=new Array()
grey01[0]="#B7B7B7"
grey01[1]="#B7B7B7"
grey01[2]="#E8E8E8"
grey01[3]="#000000"
grey01[4]="#000000"

var blue01=new Array()
blue01[0]="#C0C8FF"
blue01[1]="#C0C8FF"
blue01[2]="#F0F8FF"
blue01[3]="#000000"
blue01[4]="#000000"

var cyan01=new Array()
cyan01[0]="#77E0E8"
cyan01[1]="#77E0E8"
cyan01[2]="#D0F8FF"
cyan01[3]="#000000"
cyan01[4]="#000000"

var blue02=new Array()
blue02[0]="#77E0E8"
blue02[1]="#77E0E8"
blue02[2]="#D0F8FF"
blue02[3]="#000000"
blue02[4]="#000000"

var yellow01=new Array()
yellow01[0]="#cccc00"
yellow01[1]="#FFFF00"
yellow01[2]="#FFFF99"
yellow01[3]="#000000"
yellow01[4]="#000000"

var red01=new Array()
red01[0]="#f99c99"
red01[1]="#f99c99"
red01[2]="#f9cbc9"
red01[3]="#000000"
red01[4]="#000000"

var green01=new Array()
green01[0]="#6ef7a7"
green01[1]="#6ef7a7"
green01[2]="#c5fcdc"
green01[3]="#000000"
green01[4]="#000000"


//"Light" Generic Themes
var grey10=new Array()
grey10[0]="#999999"
grey10[1]="#DDDDDD"
grey10[2]="#EEEEEE"
grey10[3]="#000000"
grey10[4]="#000000"

var red10=new Array()
red10[0]="#FF9999"
red10[1]="#FFDDDD"
red10[2]="#FFEEEE"
red10[3]="#000000"
red10[4]="#000000"

var orange10=new Array()
orange10[0]="#FFCC99"
orange10[1]="#FFEEDD"
orange10[2]="#FFF7EF"
orange10[3]="#000000"
orange10[4]="#000000"

var yellow10=new Array()
yellow10[0]="#FFFF99"
yellow10[1]="#FFFFDD"
yellow10[2]="#FFFFEF"
yellow10[3]="#000000"
yellow10[4]="#000000"

var yellowgreen10=new Array()
yellowgreen10[0]="#CCFF99"
yellowgreen10[1]="#EEFFDD"
yellowgreen10[2]="#F7FFEF"
yellowgreen10[3]="#000000"
yellowgreen10[4]="#000000"

var green10=new Array()
green10[0]="#99FF99"
green10[1]="#DDFFDD"
green10[2]="#EFFFEF"
green10[3]="#000000"
green10[4]="#000000"

var greenblue10=new Array()
greenblue10[0]="#99FFCC"
greenblue10[1]="#DDFFEE"
greenblue10[2]="#EFFFF7"
greenblue10[3]="#000000"
greenblue10[4]="#000000"

var cyan10=new Array()
cyan10[0]="#99FFFF"
cyan10[1]="#DDFFFF"
cyan10[2]="#EFFFFF"
cyan10[3]="#000000"
cyan10[4]="#000000"

var oceanblue10=new Array()
oceanblue10[0]="#99CCFF"
oceanblue10[1]="#DDEEFF"
oceanblue10[2]="#EFF7FF"
oceanblue10[3]="#000000"
oceanblue10[4]="#000000"

var blue10=new Array()
blue10[0]="#9999FF"
blue10[1]="#DDDDFF"
blue10[2]="#EFEFFF"
blue10[3]="#000000"
blue10[4]="#000000"

var lavender10=new Array()
lavender10[0]="#CC99FF"
lavender10[1]="#EEDDFF"
lavender10[2]="#F7EFFF"
lavender10[3]="#000000"
lavender10[4]="#000000"

var purple10=new Array()
purple10[0]="#FF99FF"
purple10[1]="#FFDDFF"
purple10[2]="#FFEFFF"
purple10[3]="#000000"
purple10[4]="#000000"

var pink10=new Array()
pink10[0]="#FF99CC"
pink10[1]="#FFDDEE"
pink10[2]="#FFEFF7"
pink10[3]="#000000"
pink10[4]="#000000"

function changeColors(x)
{
	document.getElementById('borderc').value = x[0];
	document.getElementById('idback').value = x[1];
	document.getElementById('infoback').value = x[2];
	document.getElementById('idcolor').value = x[3];
	document.getElementById('infocolor').value = x[4];
	previewAll();
}

function setColors (borderc, idback, infoback, idcolor, infocolor) {
	document.getElementById('borderc').value = borderc;
	document.getElementById('idback').value = idback;
	document.getElementById('infoback').value = infoback;
	document.getElementById('idcolor').value = idcolor;
	document.getElementById('infocolor').value = infocolor;
	previewAll();
}