function $(e) {return document.getElementById(e);}
var treeObj=$("webfx-tree-object").getElementsByTagName("h1");
var treeUlObj=$("webfx-tree-object").getElementsByTagName("div");
for(var i=0;i<treeObj.length;i++){
	treeObj[i].setAttribute('onClick','showObj(' + i + ');');
	treeObj[i].id = i;
	if(i == 0){
		$(treeObj[i].id).className = "titleoff";
	}else{
		$(treeObj[i].id).className = "titleon";
	}
	treeUlObj[i].id = "p_"+i;
	var treeLiObj = $("p_"+i).getElementsByTagName("p");
	for (var k=0;k<treeLiObj.length;k++){
		treeLiObj[k].id = '99' + i + k;
		treeLiObj[k].className = "titleon";		
		if(navigator.appName == "Microsoft Internet Explorer") {
			treeLiObj[k].setAttribute("onclick",function(){ChangeCSS(this.id)});
		}
		else  {
			treeLiObj[k].setAttribute('onclick','ChangeCSS(this.id);');
		}
	}	
	treeUlObj[i].style.display="none";
}

for(var i=0;i<treeObj.length;i++){
	treeObj[i].onclick=function(){
		showObj(this.id);
	}
}

function showObj(objId){
	var obj=treeUlObj[objId];
	if(obj.style.display=="none"){
		for(var i=0;i<treeUlObj.length;i++){
			treeUlObj[i].style.display="none";
			treeObj[i].className = "titleon";
		}
			obj.style.display="";
			treeObj[objId].className = "titleoff";
	}else{
		obj.style.display="none";
		treeObj[objId].className = "titleon";
	}
}

function ChangeCSS(LiID){
	for(var i=0;i<treeUlObj.length;i++){
		var LiObj = $("p_"+i).getElementsByTagName("p");
		for(var k=0;k<LiObj.length;k++){
			//alert(LiObj[k].id);
			if(LiID == LiObj[k].id){
				$(LiObj[k].id).className = "titleoff";
			}else{
				$(LiObj[k].id).className = "titleon";
			}
		}
	}
}
