var FreebaseList = {};                    // Define our namespace
FreebaseList.QUERY_PROXY = "mqlread.php"; // The relative URL of the proxy service

FreebaseList.get_proxy_url = function(q) {
    envelope = {qname: {query: q}}
    var serialized = JSON.serialize(envelope);
    var encoded = encodeURIComponent(serialized);
    var url = FreebaseList.QUERY_PROXY + "?queries=" + encoded
    return url
}

FreebaseList.response_to_list = function(r,childquery) {
	var outerEnvelope = JSON.parse(r);
	var innerEnvelope = outerEnvelope.qname;
	var result = innerEnvelope.result;
	html="";
	for (i=0;i<result.length;i++) {
		html+="<li><span class=\"text\" id=\""+result[i].id+"\">"+result[i].name+"</span>"
		if (childquery) {
			html+="<ul class=\"ajax\"><li>{mql:"+childquery(result[i])+"}</li></ul>"
		}
		html+="</li>"
		
	}
	return html;
}

FreebaseList.read = function(q, f) {
	var url=FreebaseList.get_proxy_url(q)
	
	$.ajax({
		type: "GET",
		url: url,
		contentType:'html',
		cache:false,
		success: function(response) {
            var outerEnvelope = JSON.parse(response);
            var innerEnvelope = outerEnvelope.qname;
            if (innerEnvelope.code == "/api/status/ok") {
                var result = innerEnvelope.result;
                f(result);
            }
        }
	});
};

$.fn.SimpleTree = function(opt){
	this.each(function(){
		var TREE = this;
		var ROOT = $('.root',this);
		TREE.option = {
			animate: false,		// this parameter has a value "true/false" (enable/disable animation for expanding/collapsing menu items) 
			autoclose: false,	// this parameter has a value "true/false" (enable/disable collapse of neighbor branches)
			speed: 'fast',		// speed open/close folder
			success: false,		// this parameter defines function, which executes after ajax is loaded (set to "false" by default)
			click: false,		// this parameter defines function, which is executed after item clicked (set to "false" by default) 
			childquery: false

		};
		TREE.option = $.extend(TREE.option,opt);
		TREE.setAjaxNodes = function(obj)
		{
			var url = $.trim($('>li', obj).text());
			if(url && url.indexOf('mql:'))
			{
				url=$.trim(url.replace(/.*\{mql:(.*)\}/i ,'$1'));
				url=JSON.parse(url)
				url=FreebaseList.get_proxy_url([url]);
				//alert(url);
				$.ajax({
					type: "GET",
					url: url,
					contentType:'html',
					cache:false,
					success: function(responce){
						if(responce)
						{
							obj.removeAttr('class');
							obj.html(FreebaseList.response_to_list(responce,TREE.option.childquery));
							TREE.setTreeNodes(obj, true);
							if(typeof TREE.option.success == 'function')
							{
								TREE.option.success();
							}
						}else{
							var parent = obj.parent();
							var pClassName = parent.attr('class');
							pClassName = pClassName.replace('folder-open','leaf');
							parent.attr('class', pClassName);
							obj.remove();
							$('.toggler',parent).remove();
						}
					}
				});
			}
		};
		TREE.closeNearby = function(obj)
		{
			$(obj).siblings().filter('.folder-open, .folder-open-last').each(function(){
				var childUl = $('>ul',this);
				var className = this.className;
				className = className.replace('open','close');
				$(this).attr('class',className);
				if(TREE.option.animate)
				{
					childUl.animate({height:"toggle"},TREE.option.speed);
				}else{
					childUl.hide();
				}
			});
		};
		TREE.setEventToggler = function (obj)
		{
			$(obj).prepend('<span class="toggler"></span>');
			$('>.toggler', obj).bind('click', function(){

				var childUl = $('>ul',obj);
				var className = obj.className;
				if(childUl.is(':visible')){
					className = className.replace('open','close');
					$(obj).attr('class',className);
					if(TREE.option.animate)
					{
						childUl.animate({height:"toggle"},TREE.option.speed);
					}else{
						childUl.hide();
					}
				}else{
					className = className.replace('close','open');
					$(obj).attr('class',className);
					if(TREE.option.animate)
					{
						childUl.animate({height:"toggle"},TREE.option.speed, function(){
							if(TREE.option.autoclose)TREE.closeNearby(obj);
							if(childUl.is('.ajax'))TREE.setAjaxNodes(childUl);
						});
					}else{
						childUl.show();
						if(TREE.option.autoclose)TREE.closeNearby(obj);
						if(childUl.is('.ajax'))TREE.setAjaxNodes(childUl);
					}
				}
			});
		};
		TREE.setTreeNodes = function(obj, useParent)
		{
			obj = useParent? obj.parent():obj;
			$('li', obj).each(function(i){
				var className = this.className;
				var open = false;
				var childNode = $('>ul',this);

				if(childNode.size()>0){
					var setClassName = 'folder-';
					if(className && className.indexOf('open')>=0){
						setClassName=setClassName+'open';
						open=true;
					}else{
						setClassName=setClassName+'close';
					}
					this.className = setClassName + ($(this).is(':last-child')? '-last':'');
					TREE.setEventToggler(this);
					if(!open || className.indexOf('ajax')>=0)childNode.hide();

				}else{
					var setClassName = 'leaf';
					this.className = setClassName + ($(this).is(':last-child')? '-last':'');
				}
				$('>.text, >.active',this).bind('click', function(){
					$('.active',TREE).attr('class','text');
					$(this).attr('class','active');
					if(typeof TREE.option.click == 'function')
					{
						TREE.option.click(this);
					}
				});
			});
		};


		TREE.init = function(obj)
		{
			TREE.setTreeNodes(obj);
		};
		TREE.init(ROOT);
	});
}