function toggle(id,imgid)
{
	
	var td = document.getElementById(id);
	var imid = document.getElementById(imgid);

	if (td.style.display == '' || td.style.display == 'none')
	{
		td.style.display = "block";
		imid.src = "images/imgFolder1.gif";
	}
	else
	{
		td.style.display = "none";
		imid.src = "images/imgFolder0.gif";


	}

}

function treeview(id,imgid,childid,txt)
{
	this.addItem = addItem;
	this.addNode = addNode;
	this.addTree = addTree;
	this.addTreeLast = addTreeLast;
	this.addItemLast = addItemLast;
	this.showTree = showTree;

	htmlstr = "";
	htmlstr += "<!-- EZPZ Treeview 1.0 -->";
	htmlstr += "<div id='"+id+"'>";
	htmlstr += "<a href=\"javascript:void(0)\" onclick=\"toggle('"+childid+"','"+imgid+"')\"><img id=\""+imgid+"\"  align=\"absmiddle\" border=\"0\" src=\"images/imgFolder0.gif\">"+txt+"</a>";
}

function addItem(menutxt)
{
	htmlstr += "<li style=\"padding: 0px; margin:0px; background:url('images/line_vertical.gif');background-repeat:repeat-y\">";
	htmlstr += "<img src=\"images/line_branch.gif\" align=\"absmiddle\"><img src=\"images/html.gif\" align=\"absmiddle\">"+menutxt;
	htmlstr += "</li>";
			

}

function addItemLast(menutxt,parentflag)
{

	htmlstr += "<li style=\"padding: 0px; margin:0px;\">";
	htmlstr += "<img src=\"images/line_corner.gif\" align=\"absmiddle\"><img src=\"images/html.gif\" align=\"absmiddle\">"+menutxt;
	htmlstr += "</li>";
	htmlstr += "</ul>";
	if (parentflag == 1)
	{
	htmlstr += "</li>";

	}
	

}

function addTreeLast(imgid,childid,txt)
{
	htmlstr += "<li style=\"padding: 0px; margin:0px;\">";
	htmlstr += "<a href=\"javascript:void(0)\" onclick=\"toggle('"+childid+"','"+imgid+"')\"><img src=\"images/line_corner.gif\" align=\"absmiddle\" border=\"0\"><img id=\""+imgid+"\"  align=\"absmiddle\" border=\"0\" src=\"images/imgFolder0.gif\">"+txt+"</a>";


}

function addTree(imgid,childid,txt)
{


	htmlstr += "<li style=\"padding: 0px; margin:0px; background:url('images/line_vertical.gif');background-repeat:repeat-y\">";
	htmlstr += "<a href=\"javascript:void(0)\" onclick=\"toggle('"+childid+"','"+imgid+"')\"><img src=\"images/line_branch.gif\" align=\"absmiddle\" border=\"0\"><img id=\""+imgid+"\"  align=\"absmiddle\" border=\"0\" src=\"images/imgFolder0.gif\">"+txt+"</a>";


}

function addNode(id,level)
{

	if (level == 1)
	{
		htmlstr += "<ul id='"+id+"' style='padding:0px;margin:0px 0px 0px 20px;list-style-type:none;display:none'> ";
	}
	else
	{
		htmlstr += "<ul id='"+id+"' style='padding:0px;margin:0px 0px 0px 0px;list-style-type:none;display:none'> ";

	}

}

function showTree()
{
	htmlstr += "</div>";
	document.write(htmlstr);
}