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 endTree()
		{
			htmlstr += "</ul>";
		}

function treeview(id,imgid,childid,txt)
{

	this.addItem 		= addItem;
	this.addNode		= addNode;
	this.addTree		= addTree;
	this.addTreeLast	= addTreeLast;
	this.addItemLast	= addItemLast;
	this.showTree		= showTree;
	this.endTree 		= endTree;
	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);
}