/*

	List Expander
	written by Alen Grakalic, provided by Css Globe (cssglobe.com)

*/
var lockComboBox = true;

this.listexpander = function(){

	var selects = document.getElementsByTagName('select');
	for (var i=0;i<selects.length;i++){
		selects[i].onclick = function(){lockComboBox = false;}
		selects[i].onblur = function(){lockComboBox = true;}
	};

	// edit

	var expandTo = 1; // level up to which you want your lists to be initially expanded. 1 is minimum
	var expandText = "Abrir Todos"; // text for expand all button
	var collapseText = "Fechar Todos"; // text for collapse all button
	var listClass = "listexpander" // class name that you want to assign to list(s). If you wish to change it make sure to update the css file as well

	// end edit (do not edit below this line)

	this.start = function(){
		var ul = document.getElementsByTagName("ul");
		for (var i=0;i<ul.length;i++){
			if(ul[i].className == listClass){
				create(ul[i]);
				buttons(ul[i])
			};
		};
	};

	this.create = function(list) {
		var items = list.getElementsByTagName("li");
		for(var i=0;i<items.length;i++){
			listItem(items[i]);
		};
	};

	this.listItem = function(li){
		if(li.getElementsByTagName("ul").length > 0){
			var ul = li.getElementsByTagName("ul")[0];

			if(ul.className.indexOf("expanded") == -1){
				ul.style.display = (depth(ul) <= expandTo) ? "block" : "none";
			}
			if (li.className.indexOf("expanded") == -1){
				li.className = (depth(ul) <= expandTo) ? "expanded" : "collapsed";
			}
			li.over = true;
			ul.onmouseover = function(){li.over = false;}
			ul.onmouseout = function(){li.over = true;}

			document.getElementsByClassName('acao', li).each(function(element){
				element.onmouseover = function(){li.over = false;}
				element.onmouseout = function(){li.over = true;}
			});


			li.onclick = function(){
				if(this.over && lockComboBox){
					ul.style.display = (ul.style.display == "none") ? "block" : "none";
					this.className = (ul.style.display == "none") ? "collapsed" : "expanded";
				};
			};
		};
	};

	this.buttons = function(list){
		/*
		var parent = list.parentNode;
		//var p = document.createElement("p");
		//p.className = listClass;
		var ulRecursos = document.getElementById("recursos-"+list.id);

		var a = document.createElement("a");
		var img = document.createElement("img");
		img.setAttribute("alt",expandText);
		img.setAttribute("src","/conlegis/includes/imagens/listexpander/collapsedall.gif");
		a.appendChild(img);
		a.onclick = function(){expand(list)};
		var li = document.createElement("li");
		li.appendChild(a);
		ulRecursos.appendChild(li);

		var a = document.createElement("a");
		var img = document.createElement("img");
		img.setAttribute("alt",collapseText);
		img.setAttribute("src","/conlegis/includes/imagens/listexpander/expandedall.gif");
		a.appendChild(img);
		a.onclick = function(){collapse(list)};
		var li = document.createElement("li");
		li.appendChild(a);
		ulRecursos.appendChild(li);

		//parent.insertBefore(ulRecursos,list);
		*/
	};

	this.expand = function(list){
		li = list.getElementsByTagName("li");
		for(var i=0;i<li.length;i++){
			if(li[i].getElementsByTagName("ul").length > 0){
				var ul = li[i].getElementsByTagName("ul")[0];
				ul.style.display = "block";
				li[i].className = "expanded";
			};
		};
	};

	this.collapse = function(list){
		li = list.getElementsByTagName("li");
		for(var i=0;i<li.length;i++){
			if(li[i].getElementsByTagName("ul").length > 0){
				var ul = li[i].getElementsByTagName("ul")[0];
				ul.style.display = "none";
				li[i].className = "collapsed";
			};
		};
	};

	this.depth = function(obj){
		var level = 1;
		while(obj.parentNode.className != listClass){
			if (obj.tagName == "UL") level++;
			obj = obj.parentNode;
		};
		return level;
	};

	start();

};

window.onload = listexpander;