var treeCode = "";
var baseTreeCode = "<table id='mastert' border=0 cellpadding=0 cellspacing=0 width=\"416\" style=\"background-color: #DDF4B5;\">";
function tree(treeNodes, treeDiv) {
	treeCode = baseTreeCode;
	treeLevel(treeNodes);
	treeCode += "</table>";
	el = document.getElementById(treeDiv);
	el.innerHTML = treeCode + '<br style="clear:both" />';
}

var level = 0; var nodeID = 0;
function treeLevel(nodes) {
	level ++;
	for (i in nodes)
	{
		if (nodes[i][0])
		{
			nodeID ++;
			treeCode += "<tr><td style=\"width: 16px; \"><img  ";
			 if (nodes[i][3]) {
				treeCode  += "id =\"nodel_"+(nodeID)+"\"";
				treeCode  += " onclick=\"toggleNode("+(nodeID)+");\" ";
				treeCode += " ";
				 treeCode += "src=\"images/tree/ftv2pnode.gif\"></td>";
			 } else treeCode += "src=\"images/tree/ftv2doc.gif\"></td>";
			treeCode  += "<td id =\"node_"+(nodeID)+"\" align=\"left;\" style=\"font-size: 11px; width: 400px;\" ";
			treeCode  += "><nobr><a href=\"#self\" onclick=\"toggleNode("+(nodeID)+");\">" + nodes[i][0];
			treeCode  += "</a></nobr></td></tr>";
			 if (nodes[i][3]) {
				 treeCode += "<tr><td colspan=\"2\" id=\"nodes_"+(nodeID)+"\" style=\"display: none; \"  scope=\"hidden\">";
				 treeCode += "<table border=0 cellpadding=0 cellspacing=0 width=\"100%\" style=\" \"><tr>";
				 treeCode += "<td style=\"width: 16px; background-image: url(images/tree/ftv2node.gif); background-repeat: repeat-y;background-color: #DDF4B5;\">&nbsp;</td><td>";
						 treeCode += "<table border=0 cellpadding=0 cellspacing=0 width=\"100%\" style=\"background-color: #DDF4B5; \">";
						 treeLevel(nodes[i][3]);
						 treeCode  += "</table>";
				treeCode  += "</td></tr>";
				treeCode  += "</table></td></tr>";
			 }
//			treeCode += "</div>";
		}
	}
	level --;
}

function toggleNode(node) {
	el = document.getElementById("nodes_" + node);

	if (el.scope == 'hidden') {
		try
		{
			el.style.display = 'table-cell'; 	
		}
		catch (exc)
		{
			el.style.display = 'block'; 
		}
		
		el.scope = 'block';
		el = document.getElementById("nodel_" + node);
		el.src="images/tree/ftv2mnode.gif";
	} else {
		el.style.display = 'none';
		el.scope = 'hidden';
		el = document.getElementById("nodel_" + node);
		el.src="images/tree/ftv2pnode.gif";
	}
}

var maxheight = 290; var divheight = maxheight; var intervalID = 0; 
function toggleProductManual() {
	el = document.getElementById("treemenu");
	el.style.display =  "";
//	alert(el.scope);
	if (el.scope != "hidden") el.scope = "hidden"; else el.scope = "visible";
	intervalID = setInterval(animateToggle, 10);
//	accordion.display(0);
}

function closeProductManual() {
	divheight = 0;
	el = document.getElementById("treemenu");
//	alert(el.scope);
	el.scope = "hidden";
	el.style.height =  "0px";
	el.style.opacity =  0;
	el.style.filter =  "alpha(opacity=0)";
}

var maxheight2 = 250; var divheight2 = maxheight2; var intervalID2 = 0; 

curTree = 2;
function toggleDrawings(t) {
	el = document.getElementById("treemenu" + t);
	el.style.display =  "";
//	alert(el.scope);
	if (el.scope != "hidden") el.scope = "hidden"; else el.scope = "visible";
	curTree = t;
	intervalID2 = setInterval(animateToggle2, 10);
//	accordion.display(0);
}

function closeDrawings(t) {
	divheight2 = 0;
	el = document.getElementById("treemenu" + t);
//	alert(el.scope);
	el.scope = "hidden";
	el.style.height =  "0px";
	el.style.opacity =  0;
	el.style.filter =  "alpha(opacity=0)";
}


function animateToggle() {
	el = document.getElementById("treemenu");
	if (el.scope == "hidden") {
		divheight = divheight - (maxheight / 20);
	} else {
		divheight = divheight + (maxheight / 20);
	}
	el.style.height =  divheight + "px";
	el.style.opacity =  divheight/maxheight;
	el.style.filter =  "alpha(opacity=" +(100* divheight/maxheight) + ")";
	
	if (el.scope == "hidden" && divheight <= 0) clearInterval(intervalID);
	if (el.scope == "visible" && divheight >= maxheight) {
		clearInterval(intervalID);
		try
		{
			el.style.display =  "table-cell";	
		}
		catch (exc)
		{
			el.style.height =  "auto";	
		}
		
	}
}


function animateToggle2() {
	el = document.getElementById("treemenu" + curTree);
	if (el.scope == "hidden") {
		divheight2 = divheight2 - (maxheight2 / 20);
	} else {
		divheight2 = divheight2 + (maxheight2 / 20);
	}
	el.style.height =  divheight2 + "px";
	el.style.opacity =  divheight2/maxheight2;
	el.style.filter =  "alpha(opacity=" +(100* divheight2/maxheight2) + ")";
	
	if (el.scope == "hidden" && divheight2 <= 0) clearInterval(intervalID2);
	if (el.scope == "visible" && divheight2 >= maxheight2) {
		clearInterval(intervalID2);
		try
		{
			el.style.display =  "table-cell";	
		}
		catch (exc)
		{
			el.style.height =  "auto";	
		}
		
	}
}


function showDrawing(id) {

	url = "index.php?n=library&o=get_drawings&id=" + id;

	if (window.XMLHttpRequest)
	  {
	  xmlhttp=new XMLHttpRequest();
	  }
	// code for IE
	else if (window.ActiveXObject)
	  {
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	if (xmlhttp!=null)
	  {
	  xmlhttp.onreadystatechange=_showDrawing;
	  xmlhttp.open("GET",url,true);
	  xmlhttp.setRequestHeader( "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" );
	  xmlhttp.send(null);
	  }
	else
	  {
	  alert("Your browser does not support XMLHTTP.");
	  }


}

function _showDrawing() {
  if(checkReadyState(xmlhttp)) {
	var response = xmlhttp.responseXML.documentElement;
	response.normalize;
	x=response.getElementsByTagName("content");
	cont = getXMLNode(x);
	x=response.getElementsByTagName("id");
	id = getXMLNode(x);
	openPopup("divBlockView");
	
	dv = document.getElementById("drawingID_" + id);
	if (!dv)
	{
		dv = document.createElement("div");

		dv.style.position = "absolute";
		dv.style.display = "block";
		dv.innerHTML = cont;
		opacity(dv, 0);
		dv.style.top = "0px";
		dv.style.left = "0px";
		dv.style.backgroundColor = "#ffffff";
		dv.style.zIndex = 2;	
		dv.style.borderWidth = "2px";	
		dv.style.borderStyle = "solid";	
		dv.style.borderColor = "#000000";	
		dv.style.padding = "5px";
		dv.id = "drawingID_" + id;
		document.body.appendChild(dv);
		c = getCenter(dv.offsetWidth, dv.offsetHeight);
		dv.style.left = c.x + "px";
		dv.style.top = c.y + "px";
		
	} else  {
		dv.style.display = "block";
	}
  }
 }

 function closeDrawing(id) {
		dv = document.getElementById("drawingID_" + id);
		dv.style.display = "none";
		closePopup("divBlockView");
 }

 function updatePosition(id) {
	dv = document.getElementById("drawingID_" + id);
	c = getCenter(dv.offsetWidth, dv.offsetHeight);
	dv.style.left = c.x + "px";
	dv.style.top = c.y + "px";
	opacity(dv, 100);
 }