d=document;
function bgim() {
d.getElementById("bgc").value="Cancel BG Image";
d.getElementById("bgimage").style.display="block";
d.getElementById("bgc").onclick=function(){bgimc();}
}

function bgimc() {
d.getElementById("bgimage").style.display="none";
d.getElementById("bgimage").value="http://";
d.getElementById("bgc").value="Yes";
d.getElementById("bgc").onclick=function(){bgim();} }

function openCG(field,title) {
inEle = document.getElementById(field);
d.getElementById("cg").style.display = 'block';
d.getElementById("cgtitle").innerHTML = title;
d.getElementById("cgclose").innerHTML = '<a href="javascript:clearColor(\''+field+'\');">Clear</a> - <a href="javascript:closeCG();">Close</a>';
}

function closeCG() {
document.getElementById("cg").style.display = 'none';
}

function clearColor(field) {
var inEle = d.getElementById(field);
inEle.value='';
inEle.style.border = '1px solid #a7a6aa';
closeCG();
}

function makeArray(q){
for(i=1 ; i <= q ; i++){this[i]=0}}

Colors = new makeArray(7);
Colors[1] = "00";
Colors[2] = "33";
Colors[3] = "66";
Colors[4] = "99";
Colors[5] = "CC";
Colors[6] = "FF";


function prev(hval) {
	if ( inEle == d.getElementById("bgcolor") ) { d.bgColor=hval; }
	if ( inEle == d.getElementById("tablecolor") ) { d.getElementById("mbody").style.background=hval; }
	if ( inEle == d.getElementById("bordercolor") ) { d.getElementById("mbody").style.borderColor=hval; }
	if ( inEle == d.getElementById("fontcolor") ) { d.body.style.color=hval; }
}
function prev2(hval) {
	inEle2 = d.getElementById(hval);
	if ( hval == 'fontsize' ) { d.body.style.fontSize=inEle2.value; }
	if ( hval == 'borderwidth' ) { d.getElementById("mbody").style.borderWidth=inEle2.value; }
	if ( hval == 'fontface' ) { d.body.style.fontFamily=inEle2.value; }
	if ( hval == 'borderstyle' ) { d.getElementById("mbody").style.borderStyle=inEle2.value; }
}

function setUp() {

var v_bgcolor = d.getElementById("bgcolor");
var v_tablecolor = d.getElementById("tablecolor");
var v_bordercolor = d.getElementById("bordercolor");
var v_borderwidth = d.getElementById("borderwidth");
var v_borderstyle = d.getElementById("borderstyle");
var v_fontface = d.getElementById("fontface");
var v_fontcolor = d.getElementById("fontcolor");
var v_fontsize = d.getElementById("fontsize");

	d.bgColor=v_bgcolor;
	mbe=d.getElementById("mbody");	
	mbe.style.background=v_tablecolor.value;
	mbe.style.borderColor=v_bordercolor.value;
	mbe.style.borderWidth=v_borderwidth.value;
	mbe.style.borderStyle=v_borderstyle.value;
	d.body.style.fontFamily=v_fontface.value;
	d.body.style.color=v_fontcolor.value;
	d.body.style.fontSize=v_fontsize.value;
	
	aC2("bgcolor");
	aC2("tablecolor");
	aC2("bordercolor");
	aC2("fontcolor");
	
}

function aC(color) { 
inEle.value=color;
inEle.style.border='2px solid '+color;
closeCG(); }

function aC2(vin) {

d.getElementById(vin).style.border='2px solid '+d.getElementById(vin).value;
}

function typo(color,element) {
inEle = element;
aC(color);
prev(color);
}