var isfont =false;
electronstring = [,"1s1","1s2","1s22s1","1s22s2","1s22s22p1","1s22s22p2","1s22s22p3","1s22s22p4","1s22s22p5","1s22s22p6","[Ne]3s1","[Ne]3s2","[Ne]3s23p1","[Ne]3s23p2","[Ne]3s23p3","[Ne]3s23p4","[Ne]3s23p5","[Ne]3s23p6","[Ar]4s1","[Ar]4s2","[Ar]3d14s2","[Ar]3d24s2","[Ar]3d34s2","[Ar]3d54s1","[Ar]3d54s2","[Ar]3d64s2","[Ar]3d74s2","[Ar]3d84s2","[Ar]3d104s1","[Ar]3d104s2","[Ar]3d104s24p1","[Ar]3d104s24p2","[Ar]3d104s24p3","[Ar]3d104s24p4","[Ar]3d104s24p5","[Ar]3d104s24p6","[Kr]5s1","[Kr]5s2","[Kr]4d15s2","[Kr]4d25s2","[Kr]4d45s1","[Kr]4d55s1","[Kr]4d55s2","[Kr]4d75s1","[Kr]4d85s1","[Kr]4d10","[Kr]4d105s1","[Kr]4d105s2","[Kr]4d105s25p1","[Kr]4d105s25p2","[Kr]4d105s25p3","[Kr]4d105s25p4","[Kr]4d105s25p5","[Kr]4d105s25p6","[Xe]6s1","[Xe]6s2","[Xe]5d16s2","[Xe]4f15d16s2","[Xe]4f36s2","[Xe]4f46s2","[Xe]4f56s2","[Xe]4f66s2","[Xe]4f76s2","[Xe]4f75d16s2","[Xe]4f96s2","[Xe]4f106s2","[Xe]4f116s2","[Xe]4f126s2","[Xe]4f136s2","[Xe]4f146s2","[Xe]4f145d16s2","[Xe]4f145d26s2","[Xe]4f145d36s2","[Xe]4f145d46s2","[Xe]4f145d56s2","[Xe]4f145d66s2","[Xe]4f145d76s2","[Xe]4f145d96s1","[Xe]4f145d106s1","[Xe]4f145d106s2","[Xe]4f145d106s26p1","[Xe]4f145d106s26p2","[Xe]4f145d106s26p3","[Xe]4f145d106s26p4","[Xe]4f145d106s26p5","[Xe]4f145d106s26p6","[Rn]7s1","[Rn]7s2","[Rn]6d17s2","[Rn]6d27s2","[Rn]5f26d17s2","[Rn]5f36d17s2","[Rn]5f46d17s2","[Rn]5f67s2","[Rn]5f77s2","[Rn]5f76d17s2","[Rn]5f97s2","[Rn]5f107s2","[Rn]5f117s2","[Rn]5f127s2","[Rn]5f137s2","[Rn]5f147s2","[Rn]5f147s27p1","[Rn]5f146d27s2","[Rn]5f146d37s2","[Rn]5f146d47s2","[Rn]5f146d57s2","[Rn]5f146d67s2","[Rn]5f146d77s2","[Rn]5f146d97s1","[Rn]5f146d107s1","[Rn]5f146d107s2","[Rn]5f146d107s27p1","[Rn]5f146d107s27p2","[Rn]5f146d107s27p3","[Rn]5f146d107s27p4","[Rn]5f146d107s27p5","[Rn]5f146d107s27p6"];

function addgridcontent() {

//var divs = getgrandChildNodes($("wrp"),'div');
var divs = getgrandChildNodesX($("wrp"),'div');
 for(var i=0; i<divs.length; i++){ 
 divs[i].innerHTML = divs[i].innerHTML+ "<br>"+(i+1);
 }

}


function addrows() {
    for(var i=0; i<colno; i++){
        var coldiv = c('div');
        coldiv.className="wpfloat";
        for(var j=0; j<rowno; j++){
            var rowdiv = c('div');
            coldiv.appendChild(rowdiv);
        }
        $("wrp").appendChild(coldiv);
    }
}

function delrows() {
    var divcol = getChildNodes($("wrp"),"div");    
    var l=divcol.length;
    for(var i=0; i<l; i++){ 
        $("wrp").removeChild(divcol[i]);
    } 
}

function calValues() {
var vwraper,vleft1,vleft2,vleft3,vright, ve;
ut = getUnit();
var r = (ut=="em") ? getfontSizeRadio() : 1;
ve = x3.startlength/2;
vwraper =x1.startlength;
getstartlayoutbkcolors();

delrows();
addrows();

var up = (ut=="em") ? r : 1;
var divcol0 = getChildNodes($("wrp"),"div");
j=0;
var m=divcol0.length;


for(var j=0; j<m; j++){

var divcol = $$(divcol0[j],"div");
var l = divcol.length;

var vwwp = (ut=="%") ? 100 : vwraper;

if ($("sidegap").checked) {
   var vgridno = (vwwp-2*colno*ve)/colno/up<0 ? 0 : (vwwp-2*colno*ve)/colno/up;
   vgridno = (ut=="px") ?  parseInt(vgridno) : formatDecimals(vgridno,2);	
   vgrid = 	vgridno +ut;	  
   divcol0[j].style.left = (ut=="px") ?  parseInt((2*j+1)*ve/up) + ut : formatDecimals((2*j+1)*ve/up,2) + ut;
   vwrpwidth = vgridno*colno+2*colno*ve/up + ut; 

   
}
else
{
    var vgridno = (vwwp-2*(colno-1)*ve)/colno/up<0 ? 0 : (vwwp-2*(colno-1)*ve)/colno/up;
    vgridno = (ut=="px") ?  parseInt(vgridno) : formatDecimals(vgridno,2);
    vgrid = vgridno + ut;	
    divcol0[j].style.left = (ut=="px") ?  parseInt((2*j)*ve/up) + ut : formatDecimals((2*j)*ve/up,2) + ut;
    vwrpwidth = vgridno*colno+(colno-1)*2*ve/up;
    //alert("vgridno*colno+(colno-1)*gape = " + vgridno +"*"+colno+" + "+ "("+colno+"-1)*"+gape + " = " + vgridno*colno+(colno-1)*gape)
    //alert("vgridno = "+vgridno+"\n"+"colno = " + colno +"\n"+" 2*ve = "+ 2*ve/up + "\n"+"gap = "+ formatDecimals((2*j)*ve/up,2)+ut +" vwrpwidth = " + vwrpwidth)
     vwrpwidth = vwrpwidth+ut;
}
	divcol0[j].style.width = vgrid;
    mm = vgridno;
    gutter =(ut=="px") ?  parseInt(2*ve/up) + ut : formatDecimals(2*ve/up,2) + ut;
    for(var i=0; i<l; i++){ 
		 
         divcol[i].style.height = vgrid;
         divcol[i].style.marginBottom = gutter;
         divcol[i].style.backgroundColor = bkleft1;  
        // divcol[i].innerHTML = j+" "+i;
         divcol[i].onmouseover = cellhighlight;
         divcol[i].onmouseout = cellhighlight
         divcol[i].onclick = cellhighlight;
         document.onkeydown = cellhighlight;
         
    }  
}
vwrpleft = (ut=="px") ? parseInt((w/up-vwraper/up)/2) + ut : formatDecimals((w/up-vwraper/up)/2,2)+ ut;
$("wrp").style.left = vwrpleft;
$("wrp").style.paddingTop = (ut=="px") ?  parseInt(2*ve/up) + ut : formatDecimals(2*ve/up,2) + ut;

$("wrp").style.width = vwrpwidth;
}

var gutter;
function getGridIndex(elm) {
var divs = $$(elm.parentNode,"div");
var row = getIndex(divs,elm);

var divs0 = getChildNodes(elm.parentNode.parentNode,"div");
var col = getIndex(divs0,elm.parentNode);
return [col,row];

}

function colgridsbkcolor(i) {
var colcolors=[];
var divcol0 = getChildNodes($("wrp"),"div")[i];
var divs = $$(divcol0,"div");
 for(var i=0; i<divs.length; i++){ 
    colcolors[i] = divs[i].style.backgroundColor;
 }
 return colcolors;

} 

function defaultcolgridsbkcolor(i,cols) {
var divcol0 = getChildNodes($("wrp"),"div")[i];
var divs = $$(divcol0,"div");
 for(var i=0; i<divs.length; i++){ 
    divs[i].style.backgroundColor = cols[i];
 }

}

function ShiftPressed(e) {
	if (window.event) {
		return (window.event.shiftKey);
	} else {
		return (e.shiftKey || (e.modifiers>3));
	}
}

function CtrlPressed(e) {
	if (window.event) {
		return (window.event.ctrlKey);
	} else {
		return (e.ctrlKey || (e.modifiers==2) || (e.modifiers==3) || (e.modifiers>5));
	}
};


function buttonalert(e)
{
    var button;
    if (e.which == null)
       button= (e.button < 2) ? "LEFT" :
                 ((e.button == 4) ? "MIDDLE" : "RIGHT");
    else
       button= (e.which < 2) ? "LEFT" :
                 ((e.which == 2) ? "MIDDLE" : "RIGHT");
    alert(button);
   
}

function mpressed(e) {
e = event||window.event;
if (e.KeyCode ==77) return true;

}

var gridpos1=[];
var gridpos2=[];
var colcolors=[];

function selectgrid(g) {
	if (gridpos1.length==0) {
		gridpos1 = g;
		gridpos2 = g;
		colcolors = colgridsbkcolor(gridpos1[0]);
		highlightcolgridsbkcolor(g[0],g[1],g[1]);

	}
	else if (g[0]!=gridpos1[0]){
		defaultcolgridsbkcolor(gridpos1[0],colcolors);
		colcolors = colgridsbkcolor(g[0]);
		highlightcolgridsbkcolor(g[0],g[1],g[1]);
		gridpos1 = g;
		gridpos2 = g;
	}
	else if ((g[0]==gridpos1[0])&&(gridpos1.length!=0)) {

		defaultcolgridsbkcolor(gridpos1[0],colcolors);
		gridpos2 = g;
		highlightcolgridsbkcolor(gridpos1[0],gridpos1[1],gridpos2[1]);

	}

}

function highlightcolgridsbkcolor(col,n,m) {
var divcol0 = getChildNodes($("wrp"),"div")[col];
var divs = $$(divcol0,"div");
if (n==m) {
var s=n;
divs[n].style.backgroundColor = "#3399cc";
}
else
var s = (n>m) ? m : n;
var l = (n>m) ? n : m;
for(var i=s; i<l+1; i++){ 
divs[i].style.backgroundColor = "#3399cc";

}
var smt = parseFloat(divs[s].style.marginTop);
smt = isNaN(smt) ? 0 : smt;
var smb = parseFloat(divs[s].style.marginBottom);
smb = isNaN(smb) ? 0 : smb;

//$("test").innerHTML = "gridpos1 = "+gridpos1+"  gridpos2 = "+gridpos2  + "\n"+" divs["+s+"].marginTop = " +smb+ " divs["+s+"].marginBottom = " +smb+ " divs["+s+"].innerHTML = "+divs[s].innerHTML+" divs.length = " + divs.length


}

//removeChild

function getheightmargin(divs,s,l) {
var h=0,mt =0,mb=0;
var gt = parseFloat(gutter);
for(var i=s; i<l+1; i++){ 
var mbb = parseFloat(divs[i].style.marginBottom);
mbb  = isNaN(mbb) ? 0 : mbb;

h += parseFloat(divs[i].style.height);
var mtt = parseFloat(divs[i].style.marginTop);
if (isNaN(mtt)) {
mt = mt;

}
else
{
var n = parseInt(mtt/mm);
mt+=mtt;
}
mb +=mbb;
//alert("mtt = "+ mtt + " height = " + parseFloat(divs[i].style.height)+ " mbb = "+ mbb)

}



var mtt = (l<divs.length-1) ? parseFloat(divs[l+1].style.marginTop) : 0;
mt += isNaN(mtt) ? 0 : mtt;


var all = (mt>0) ? h+mt+mb : h+mt+mb+gt;
//var all = h+mt+mb ;
var mts = parseFloat(divs[s].style.marginTop);
mts = isNaN(mts) ? 0 : mts;

if (!Isgridscontinue(divs,s,l)&&(mts==0)) {
all =all+ gt;
}

var sno = getrowno(divs[s]);
if (Isgridscontinue(divs,s,l)&&(sno==0)) {

var all = all-gt; 
}

if (Isgridscontinue(divs,s,l)&&(mt>0)) {

all =all+ gt;

}
//alert("mm = "+ mm+ "mbb = " + gt +" all = "+ all)
return all;

}

function Isgridscontinue(divs,s,l) {
var mt =0;
for(var i=s; i<l+1; i++){ 
var mtt = parseFloat(divs[i].style.marginTop);
mt += isNaN(mtt) ? 0 : mtt;

}

return (mt>0) ? false : true;

}


function removegrids(col,n,m) {
var divcol0 = getChildNodes($("wrp"),"div")[col];
var divs = $$(divcol0,"div");
var marginbottom = divs[0].style.marginBottom;


var s =(n==m) ? n : (n>m) ? m : n;
var l = (n==m) ? n : (n>m) ? n : m;

var istop = (l==divs.length -1) ? true : false;

var vgridheight = getheightmargin(divs,s,l);

for(var i=0; i<l-s+1; i++){ 

divcol0.removeChild(divs[s]);
}

if (istop==false){

vgridheight = vgridheight+ut

divs[s].style.marginTop =  vgridheight;
if (s>0){
divs[s-1].style.marginBottom ="0px";
}

}
//$("test").innerHTML += "<br>"+"gridpos1 = "+gridpos1+"  gridpos2 = "+gridpos2  + "\n"+" divs["+s+"].marginTop = " + divs[s].style.marginTop+ " divs["+s+"].innerHTML = "+divs[s].innerHTML+" divs.length = " + divs.length

gridpos1=[];
gridpos2=[];

}

function gridbox(hgt, margbottom,bkcolor) {
var coldiv = c('div');
coldiv.style.height =hgt;
coldiv.style.marginBottom = margbottom;
coldiv.style.backgroundColor = bkcolor;
coldiv.onmouseover = cellhighlight;
coldiv.onmouseout = cellhighlight
coldiv.onclick = cellhighlight;
document.onkeydown = cellhighlight;
return coldiv;
}

function mergegrids(col,n,m) {
var divcol0 = getChildNodes($("wrp"),"div")[col];
var divs = $$(divcol0,"div");
var divlen = divs.length;
var marginbottom = divs[0].style.marginBottom;

if (n==m) {
return;
}
else
var s = (n>m) ? m : n;
var l = (n>m) ? n : m;

if (Isgridscontinue(divs,s,l)){
var bkcolor = colcolors[s];

var vgridheight=0;
for(var i=0; i<l-s+1; i++){ 
vgridheight += parseFloat(divs[s].style.height)+parseFloat(marginbottom);
divcol0.removeChild(divs[s]);

}
vgridheight = vgridheight-parseFloat(marginbottom)+ut;

var mergedbox = gridbox(vgridheight,marginbottom,bkcolor);

if ((l+1)==divlen) {
divcol0.appendChild(mergedbox);
}
else
{
divcol0.insertBefore(mergedbox, divs[s]);
}

gridpos1=[];
gridpos2=[];
}


//$("test").innerHTML += "<br>"+"remove: gridpos1 = "+gridpos1+"  gridpos2 = "+gridpos2
$("test").innerHTML += "<br>"+"gridpos1 = "+gridpos1+"  gridpos2 = "+gridpos2  + "\n"+" divs["+s+"].marginTop = " + divs[s].style.marginTop+ " divs["+s+"].innerHTML = "+divs[s].innerHTML+" divs.length = " + divs.length

}

function getkeyCodes(e) {
e =e || window.event;
return e.keyCode;

}

function cellhighlight(e) {
e = (e) ? e : ((window.event) ? window.event : "");
var o = getTargetElement(e); 
var bk = getstyle(o,"background-color");
if (o.parentNode.className !="wpfloat") return;
var key = getkeyCodes(e);
	if ((ShiftPressed(e))&&(key==77)){
		mergegrids(gridpos1[0],gridpos1[1],gridpos2[1]);
		writetotxtarea ();
		
	}
	if ((ShiftPressed(e))&&(key==68)){	
		removegrids(gridpos1[0],gridpos1[1],gridpos2[1]);
		writetotxtarea ();
	}
if (e.type == "mouseover") {
	if (ShiftPressed(e)) {

		var pos = getGridIndex(o);
		//alert(gridpos1+"  "+gridpos2)
		selectgrid(pos);
		o.focus();

	}
}

if (e.type == "click") {
 
	o.style.backgroundColor=kg;	
	writetotxtarea ();
}

}

var vgrid,vwrpleft,vwrpwidth,vrightwidth,vrightright;
var bkwrapper,bkleft1, bkbottom;
var bkleft = "#c00000";

function writeJS(){
 $("html0").value = layouthtml();
}

var tmpcode;

function writetotxtarea () {
getstartlayoutbkcolors();

var divcol0 = getChildNodes($("wrp"),"div");
//alert(vwrpwidth)
var divcol = $$(divcol0[0],"div");
var l = divcol0.length;
var marginbottom = divcol[0].style.marginBottom;

tmpcode =   ".wrapper"  + "{"+ "\n"
			+ "	position: relative;"+ "\n"
			+ "	float: left;"+ "\n"
			+ "	left: " + vwrpleft + ";" + "\n"			
			+ "	width: " + vwrpwidth + ";" + "\n"
			
			+ "	background-color: " + bkwrapper + "\n"
			+ "}" + "\n";
		
for(var i=0; i<l; i++){ 
vleft = divcol0[i].style.left;
tmpcode = tmpcode
            + ".wp"+(i+1) + "{"+ "\n"
            + "	position: relative;"+ "\n"
			+ "	float: left;"+ "\n"
			+ "	left: "+ vleft + ";" + "\n"
			+ "	width: "+ vgrid + ";" + "\n"	
			+ "}" + "\n"			
			+ ".wp"+(i+1) + " div" + "{"+ "\n"
			+ "	width: 100%;" + "\n"
			
			+ "	margin-bottom: " + marginbottom + ";" + "\n"
			+ "}" + "\n"
		var divcol =  $$(divcol0[i],"div");	
		var ll = divcol.length;	
		for(var j=0; j<ll; j++){ 
		
			//var height = (mm=="NaN" || mm==null) ? vgrid : mm+"px";
			var height = divcol[j].style.height;
		    var bkgrid = divcol[j].style.backgroundColor;
		    var mgntop = divcol[j].style.marginTop;
		    tmpcode = tmpcode
					+ ".g"+(i+1)+(j+1) + "{"+ "\n"
					+ "	height: " + height+ ";" + "\n"
					+ "	background-color: " + bkgrid + ";" + "\n"
					+ "	margin-top: " + mgntop + "\n"
					+ "}" + "\n";		
		}
}

tmpcode = tmpcode	+ "body {" + "\n"
			+ "   border-width: 0px;"+ "\n"
			+ "   padding: 0px;" + "\n"
			+ "   margin: 0px;" + "\n"
			+ "   font-size: " + vfont + ";" + "\n"
			+ "   background-color: " + bkbottom  + "\n"
			+ "}"  + "\n";
			
outputcode();

}

var vhdheight="";
var vmainheight="";
var vftheight="";
var mm = null;
function changeheight() {

mm = parseInt($("heitm").value);
mm = (isNaN(mm)&&(mm>0)) ? mm: parseInt(vgrid);
//vmainheight =((mm !="NaN") && (mm >0)) ? "   height: " + mm + "px;"+ "\n" : "";

setgridheight(mm+"px");
writetotxtarea();
}

function setgridheight(hgt) {
var divcol0 = getChildNodes($("wrp"),"div");
j=0;
var m=divcol0.length;
for(var j=0; j<m; j++){

var divcol = $$(divcol0[j],"div");
var l = divcol.length;
    for(var i=0; i<l; i++){ 
        divcol[i].style.height = hgt;
    }
}
}

function outputcode() {
if ( tmpcode==null) return;
var csscode;
		

if ($("is_style").checked==true) {
csscode = "<style type='text/css'>" + "\n"	+ tmpcode + "</style>";		
} else{
csscode = tmpcode;
}

if ($("is_html").checked==true) {

csscode = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' + "\n"
			+ '<html xmlns="http://www.w3.org/1999/xhtml">' + "\n"
			+ '<head>' + "\n"
			+ '<title>Grid Layout Generator</title>' + "\n"
			+ "<style type='text/css'>" + "\n"	+ tmpcode + "</style>" + "\n"
			+ '</head>' + "\n"
			+ '<body>' + "\n"
			+ layouthtml();
csscode +=	'</body>' + "\n"
			+ '</html>' + "\n"
}

$("css0").value = csscode;
$("html0").value = layouthtml();
}

function layouthtml() {
var divcol0 = getChildNodes($("wrp"),"div");
//var divcol = $$(divcol0[0],"div");
var l = divcol0.length;

var str ='	<div class="wrapper">' + "\n";
for(var i=0; i<l; i++){ 
	var divcol = $$(divcol0[i],"div");
	var ll = divcol.length;
    str+='	     <div class="wp'+(i+1)+'">' + "\n";
    
    for(var j=0; j<ll; j++){ 
        str+='          <div class="g'+(i+1)+(j+1)+'">' + "\n";
        str+='          <\/div>' + "\n";
    }    
    str+='	     <\/div>' + "\n";
}
 
    str+='	 <\/div> '+ "\n";

return str;
}

function unitclick(e) {
e = (e) ? e : ((window.event) ? window.event : "");
var o = getTargetElement(e); 

if (ut!=o.id) {
var u =ut;
ut = o.id;
var y1 = unitconversion(x1.startlength, u, ut);
x1.startlength =y1;
var y3 = unitconversion(x3.startlength, u, ut);
x3.startlength =y3;
w = getstartValues(ut,1);
var g = getstartValues(ut,2);

Draggable("point1",y1,sldcolor,0,w,300,ut);
Draggable("gap",y3,sldcolor,0,g,150,ut);  
$("emfont").style.display = (ut=="em") ? "block" : "none";
}
}
 
function validinput(){
var vb = $("inu").value;

if ((isNaN(vb)) || (vb.search(/\./)>-1)) {alert("Input must be an integer");
$("inu").value=rowno;
}
else {
if (vb<1) {
alert("Input should be more than 0")
vb=1;
}
 if (vb>20) {
 alert("Input is set not more than 20");
 vb=20;}
 $("inu").value = vb; 
 rowno = parseInt($("inu").value);


}
} 

function arrowHighlight(es,color){
    for (var i=0; i < es.length-1; i++) {
        es[i].style.backgroundColor = color;
        es[i].style.borderLeft ="solid 1px "+color;
        es[i].style.borderRight ="solid 1px "+color;
    }
    es[es.length-1].style.backgroundColor = color; 
}

function  selrow(e) {
 e = (e) ? e : ((window.event) ? window.event : "");
 var elem = getTargetElement(e);
 var ep = (elem.className =="arrowbox1") ? elem : elem.parentNode;
 var epc = $$(ep,"div");
 var l =epc.length;
 
 if (e.type == "mouseover") { 
 arrowHighlight(epc,"#6699cc");
 }
 if (e.type == "mouseout") {
  arrowHighlight(epc,"#cfcfcf"); 
 }
 if (e.type == "click") {
 var v = parseInt($("inu").value);
 var n = (ep.id!="inr") ? -1 : 1;
 var r = v +n;
 
 if (r<1) r=1;
 if (r>20) r=20;
 $("inu").value = r; 
 rowno = parseInt($("inu").value);
 calValues();
 writetotxtarea();
 }
 
} 
  
 
var rowno = 1;
var colno = 12;
    
function selcol(e) {
e = (e) ? e : ((window.event) ? window.event : "");
var elem = getTargetElement(e);

var ep = elem.parentNode.getElementsByTagName('li');
var m = getIndex(ep,elem);

if (e.type == "mouseover") {
if (m!=(colno-1)) {
ep[m].style.backgroundColor = "#ffffcc";
}
}
if (e.type == "mouseout") {
if (m!=(colno-1)) {
ep[m].style.backgroundColor = "#cfcfcf";
}
}

if (e.type == "click") {
ep[colno-1].style.backgroundColor = "#cfcfcf";
colno = m+1;
ep[m].style.backgroundColor = "#828282";
 
calValues(); 
writetotxtarea();
}

}

function init() {
  
var el = $$($("cb"),"li");
for(var i=0; i<el.length; i++){ 
el[i].onmouseover = selcol;
el[i].onmouseout = selcol;
el[i].onclick = selcol;
}


var e = $$($("arr"),"div");
for(var i=0; i<e.length; i++){ 
if (e[i].parentNode.id !="arr") {
e[i].onmouseover = selrow;
e[i].onmouseout = selrow;
e[i].onclick = selrow;
}
}

var el =  $("unb").getElementsByTagName("li");      
for(var i=0; i<el.length; i++){
  el[i].onclick = fontunit;
}
var el =  $("uns").getElementsByTagName("input"); 
for(var i=0; i<el.length; i++){
  el[i].onclick = unitclick;
}
  
var e = $$($("up"),"div");

for(var i=0; i<e.length; i++){ 
e[i].onclick = fullscreen;

}

var ee = $$($("down"),"div");
for(var i=0; i<ee.length; i++){ 
ee[i].onclick = fullscreen;
}
}

var ww,w,ut,x1,x2,x22,x23,x24,x3,utfont;
var vfont;
var sldcolor = "#33ff33";
var kg ="#828282";
window.onload = function(){
start();
ut = "px";
utfont ="em";
vfont = "90%";
$(ut).checked =true;

ww = parseFloat(document.body.clientWidth);
w = getstartValues(ut,1);
var g = getstartValues(ut,2);

x1 = new slider("point1",w,sldcolor,0,w,300,ut);
x1.b(); 

x3 = new slider("gap",10,sldcolor,0,g,150,ut); 
x3.b();

x4 = new slider("font",0.9,sldcolor,0.5,1,150,utfont); 
x4.b();

start();
init();
}


function selitem(id, text,bkcolor,grid) {
this.id =id;
this.text = text;
this.bkcolor = bkcolor;
this.grid = grid;
}

var item = new Array;
var t2,t3;

function start() {	

t2 = new Bindtabs("tabco2",0,"click","b");
t2.c();
//t3 = new Bindtabs("tabco3",1,"click","b");
//t3.c();

getstartlayoutbkcolors();

c1 = new selitem('sub','single grid',"");

c2 = new selitem('left1','all grid',bkleft1);
c3 = new selitem('wrp','grid gutter',bkbottom,true);

item = [c1,c2,c3];

}

var itemcl = {
//id:

}

function getstartlayoutbkcolors() {
bkleft1 = getcolor($$($$($('wrp'),'div')[0],'div')[0]);
bkwrapper = getcolor($$($('btm1'),'div')[0]);
bkbottom =getcolor($('btm1'));

}