function buildNodeObj(id, display) {
	//	var lb = '<a class="treeLink" href="javascript:getArticle('+id+')">'+display+
	//		'</a>&#160;<a class="treeAllLink" href="view.php?idArticle='+id+'">(todos)</a>';
	var hr = 'javascript:getArticle('+id+');'

	var obj = {
		id: id,
		label: display,
		href: hr
	}
	return obj;
}

var loadSuccess = function(o) {
	var nodes = o.responseXML.getElementsByTagName('node');
	
	for(var i=0; i<nodes.length; i++) {
		var n = nodes.item(i);

		var lb = n.firstChild.nodeValue;
		var theId = n.getAttribute('id');
		var obj = buildNodeObj(theId, lb);
		var tmp = new YAHOO.widget.TextNode(obj, o.argument.theNode, false);
	}
	
	o.argument.callback();
}

var loadFailure = function(o) {
	alert("failure:"+ o.statusText);
	o.argument.callback();
}

function loadSubnodes(node, fnCallback) {
	var cb = {
		success: loadSuccess,
		failure: loadFailure,
		argument: {theNode:node, callback: fnCallback}
	};
	var transaction = YAHOO.util.Connect.asyncRequest('GET', '/loadSubnode.php?idNode='+node.data.id, cb, null); 
}

var viewArticle = function(o) {
	var display = o.responseXML.getElementsByTagName('display')[0].firstChild.data;
	var textNodeChilds = o.responseXML.getElementsByTagName('text')[0].childNodes;

	var text = '';
	for(var i=0; i<textNodeChilds.length; i++) {
		text = text + textNodeChilds[i].data;
	}

	var contentBlock = document.getElementById('blockContent');
	contentBlock.innerHTML = '<div class="artTreeTitle">'+display+'</div><div class="artTreeText">'+text+'</div>';
}

var getArticleFailure = function(o) {
	alert("getArticleFailure");
	var contentBlock = document.getElementById('blockContent');
	contentBlock.innerHTML = o.statusText;
}
	


function getArticle(idItem) {
	var contentBlock = document.getElementById('blockContent');
	contentBlock.innerHTML = 'Cargando ...';
	var cb = {
		success: viewArticle,
		failure: getArticleFailure
	};
	var transaction = YAHOO.util.Connect.asyncRequest('GET',
													  '/getItem.php?idItem='+idItem,
													  cb, null); 
}

function mostrarArbol() {			
			
			var layer = document.getElementById('blockTree');
						
			if (layer.style.display=='none'){
				layer.style.display='block';				
			}else{
				layer.style.display='none';				
			}
		}