var isfont =false;
var vwrpwidth,vleft1width,vleft2width,vrightwidth,leftmarginleft1,leftmarginright;
var bkhead,bkcontent,bkwrapper,bkleft1,bkleft2, bkright, bkfooter, bkbottom;
function calValues() {
var vwraper,vleft1,vleft2,vright, ve;
ut = x1.unit;
var r = (ut=="em") ? getfontSizeRadio() : 1;
//ve = x3.values.mid;
vwraper =x1.values.mid;
//vleft1 =x2.values.mid;
//vleft2 =x22.values.mid;
var up = (ut=="em") ? r : 1;
// if (ut=="%") {
// vright = ((100 - vleft1 -vleft2 -2*ve)< 0) ? 0 : 100 - vleft1 -vleft2 -2*ve;
// }
// else
// {
//vright = ((vwraper - vleft1 -vleft2 -2*ve)/up < 0) ? 0 : (vwraper - vleft1 -vleft2 -2*ve)/up;
// }
//leftmarginright = (ut=="px") ? parseInt(ve/up) : formatDecimals(ve/up,2);
vwrpwidth = (ut=="em") ? formatDecimals(vwraper/up,2) : parseInt(vwraper/up);
//if ((ut=="em")||(ut=="%")) {
//if (vrightwidth != (vwrpwidth - vleft1width -vleft2width -2*leftmarginright)/up) {
//vrightwidth = (ut=="em") ? vrightwidth-0.1 : (ut=="%") ? vrightwidth-0.2 : vrightwidth;
//}
//}
$("wrp").style.width = vwrpwidth + ut;
writetotxtarea ();
}
var nt = 0;
function anotherclassname() {
nt = parseFloat(nt) + 1;
var str = $("html0").value;
$("html0").value = str.replace(/\d*\s*\"\s*>/g,nt+'">');
writetotxtarea();
}
function writeJS(){
nt =0;
$("html0").value = layouthtml();
}
var tmpcode,lsheader,clswrapper,clsleft1,clsleft2,clsright,clsfooter;
function writetotxtarea () {
var str = $("html0").value;
var vclass = str.match(/[\"\'](\w+)[\"\']/g);
if (vclass.length==6) {
clswrapper = vclass[0].replace(/\"/g,"");
clsheader = vclass[1].replace(/\"/g,"");
clscontent = vclass[2].replace(/\"/g,"");
clsfooter = vclass[3].replace(/\"/g,"");
}
else{
clswrapper ="wrapper";
clsheader ="header";
clscontent = "content";
clsfooter = "footer";
}
getstartlayoutbkcolors();
var vleftmarginright = (leftmarginright==0) ? "" : " margin-right: " + leftmarginright + ut+";" + "\n";
tmpcode = "." + clswrapper + "{"+ "\n"
+ " margin: 0px auto;" + "\n"
+ " width: " + vwrpwidth + ut+";" + "\n"
+ " background-color: " + bkwrapper + "\n"
+ "}" + "\n"
+ "." + clsheader + "{" + "\n"
+ " float: left;" + "\n"
+ " width: 100%;" + "\n" + vhdheight
+ " background-color: " + bkhead + "\n"
+ "}" + "\n"
+ "." + clscontent + "{" + "\n"
+ " float: left;" + "\n"
+ " width: 100%;" + "\n" + vmainheight
+ " background-color: " + bkcontent + "\n"
+ "}" + "\n"
+ "." + clsfooter + "{" + "\n"
+ " float: left;" + "\n"
+ " width: 100%;" + "\n" + vftheight
+ " background-color: " + bkfooter + "\n"
+ "}" + "\n"
+ "body {" + "\n"
+ " padding: 0px;" + "\n"
+ " margin: 0px;" + "\n"
+ " font-size: " + vfont + ";" + "\n"
+ " background-color: " + bkbottom + "\n"
+ "}" + "\n";
outputcode();
}
var vhdheight="";
var vmainheight="";
var vftheight="";
function changeheight() {
var mm = parseInt($("heith").value);
vhdheight = ((mm !="NaN") && (mm >0)) ? " height: " + mm + "px;" + "\n" : "";
if (vhdheight!="") $("hd1").style.height = mm + "px";
mm = parseInt($("heitm").value);
vmainheight =((mm !="NaN") && (mm >0)) ? " height: " + mm + "px;"+ "\n" : "";
if (vmainheight!="") $("con1").style.height = mm + "px";
mm = parseInt($("heitf").value);
vftheight = ((mm !="NaN") && (mm >0)) ? " height: " + mm + "px;"+ "\n" : "";
if (vftheight!="") $("ft1").style.height = mm + "px";
writetotxtarea();
}
function outputcode() {
if ( tmpcode==null) return;
var csscode;
if ($("is_style").checked==true) {
csscode = "";
} else{
csscode = tmpcode;
}
if ($("is_html").checked==true) {
csscode = '' + "\n"
+ '' + "\n"
+ '' + "\n"
+ '3 Column CSS Layout - concise design' + "\n"
+ "" + "\n"
+ '' + "\n"
+ '' + "\n"
+ '' + "\n"
+ '