var objDOM = new ActiveXObject("Microsoft.XMLDOM");
objDOM.async = false;
// alert(pageno + ".xml");
rtResult = objDOM.load(pageno + ".xml");


function select_color(){

event.srcElement.parentElement.parentElement.parentElement.parentElement.style.borderBottomColor=event.srcElement.style.backgroundColor;
event.srcElement.parentElement.parentElement.parentElement.nextSibling.nextSibling.setAttribute("value",event.srcElement.style.backgroundColor);
}


function append_td(tr,bgcolor){
var tdel = document.createElement('td');
tdel.style.backgroundColor=bgcolor;
tdel.width=10;
tdel.height=10;
tr.appendChild(tdel);
}


function create_inputform(){
var fel = document.createElement('form');


fel.setAttribute("action","updatexml.cgi");
fel.setAttribute("method","post");

var tel = document.createElement('textarea');
tel.setAttribute("name","message");
var submitel = document.createElement('input');
var brel = document.createElement('BR');
var tblel = document.createElement('table');

tblel.onclick=select_color;
var tbyel =  document.createElement('tbody');
var trel = document.createElement('tr');

append_td(trel,'#FFFF00');
append_td(trel,'#00FF00');
append_td(trel,'#00FFFF');
append_td(trel,'#FF0000');
append_td(trel,'#FF00FF');
append_td(trel,'#0000FF');

append_td(trel,'#999900');
append_td(trel,'#009900');
append_td(trel,'#009999');
append_td(trel,'#990000');
append_td(trel,'#990099');
append_td(trel,'#000099');

tbyel.appendChild(trel);
tblel.appendChild(tbyel);

submitel.setAttribute('type','submit');
submitel.setAttribute('value','OK');
fel.appendChild(tel);
fel.appendChild(submitel);

fel.appendChild(tblel);

fel.style.borderBottomStyle='solid';



return fel;
}




function addinput(xnum){
//var xnum;
//alert(event.srcElement.parentElement.parentElement.children.length);
//alert(event.srcElement.parentElement.getAttribute("bgcolor"));
//alert(xnum);
var ele=create_inputform();

var xnumele = document.createElement('input');
xnumele.setAttribute('type','hidden');
xnumele.setAttribute('name','xnum');
xnumele.setAttribute('value',xnum);
ele.appendChild(xnumele);

var colele = document.createElement('input');
colele.setAttribute('type','hidden');
colele.setAttribute('name','bg');
colele.setAttribute('value',event.srcElement.parentElement.getAttribute("bgcolor"));
ele.appendChild(colele);

var pagele = document.createElement('input');
pagele.setAttribute('type','hidden');
pagele.setAttribute('name','pageno');
pagele.setAttribute('value',pageno);
ele.appendChild(pagele);

//ele.style.backgroundColor="#FF0000";
ele.style.borderBottomColor=event.srcElement.parentElement.getAttribute("bgcolor");
event.srcElement.parentElement.parentElement.children(3).appendChild(ele);

}

function addnewchild(xnum){

var ele=create_inputform();

var xnumele = document.createElement('input');
xnumele.setAttribute('type','hidden');
xnumele.setAttribute('name','xnum');
xnumele.setAttribute('value',xnum);
ele.appendChild(xnumele);

var colele = document.createElement('input');
colele.setAttribute('type','hidden');
colele.setAttribute('name','bg');
colele.setAttribute('value',event.srcElement.parentElement.children(0).style.borderBottomColor);
ele.appendChild(colele);

var pagele = document.createElement('input');
pagele.setAttribute('type','hidden');
pagele.setAttribute('name','pageno');
pagele.setAttribute('value',pageno);
ele.appendChild(pagele);

ele.style.borderBottomColor=event.srcElement.parentElement.children(0).style.borderBottomColor;
var tdele= document.createElement('td');
event.srcElement.parentElement.parentElement.appendChild(tdele);
event.srcElement.parentElement.parentElement.children(1).appendChild(ele);

}

function scan_tree(cn,nodeno){
var i;
var nodeprt;
var nodeno;

if(cn.getAttributeNode("head")!= undefined){
	


	if(cn.childNodes.length != 0){
	
	document.write("<TR><TD colspan=2>");
	document.write("<table cellspacing=0 cellpadding=0 border=0><TR><TD>");
	}else{
		document.write("<TR><TD>");}
	


		document.write("<span style='border-bottom: 4px #");
		document.write(cn.getAttributeNode("color").value);
		document.write(" solid;}'>");	

		document.write(cn.getAttributeNode("head").value);

		document.write("</span>");	
		
	if(cn.childNodes.length != 0){
	document.write('</TD><TD ><IMG SRC="SL');
			document.write(cn.getAttributeNode("color").value);
	document.write('.gif" >');
	document.write('</TD><TD bgcolor="#');
		document.write(cn.getAttributeNode("color").value);
	document.write('" width=5>');
		
	document.write('<span  OnClick="addinput(\'' + nodeno + '\');">');
	document.write("*");	
	document.write("</span>");	
	document.write("</TD><TD>");}else{
	document.write('<span  OnClick="addnewchild(\'' + nodeno + '\');">');
	document.write("*");	
	document.write("</span>");
	}
		



}


	if(cn.childNodes.length != 0){

		document.write("<table cellspacing=0 cellpadding=4 >");
		nodeprt= nodeno + "-"
	for(i=0;i<cn.childNodes.length;i++){
		nodeno= nodeprt  + i;
		scan_tree(cn.childNodes[i],nodeno);
		}
		
		document.write("</table>");
		document.write("</td></tr></table>");
		document.write("</td>");

	}else{
	
	document.write("</TR>");


	}
}




document.write("<table>");
scan_tree(objDOM.documentElement,"0");
document.write("</table>");