function displayQTabs(container){
	if(container != null){
		var tabs = $H();
		if(container.id == null || container.id == "")
			container.id = "random" + Math.floor(Math.random()*100); //IE fixing
		var elems = $(container.id).select("h1.q-tab");
		for(var i = 0; i < elems.length; i++)
			tabs.set(elems[i].innerHTML, elems[i].adjacent("div.q-tab-content")[0].innerHTML);
		var children = $(container.id).childElements();
		for(var i = 0; i < children.length; i++)
			children[i].remove();
/*			var test = "";
		for(var i = 0; i < tabs.keys().length; i++)
			test += tabs.keys()[i] + " ==> " + tabs.get(tabs.keys()[i]) + "\n";
		alert(test);*/
		if(tabs.keys().length > 0 && tabs.keys()[0] != ""){
			var div = document.createElement("DIV");
			div.className = "q-tab-content-container";
			var ul = document.createElement("UL");
			ul.className = "q-tabset";
			for(var i = 0; i < tabs.keys().length; i++){
				var li = document.createElement("LI");
				li.className = "q-tab";
				li.id = "q-tab-" + i;
				var a = new Element("A");
				a.setAttribute("href", "#");
				a.innerHTML = "<span>" + tabs.keys()[i] + "</span>";
				li.appendChild(a);
				a.observe("click", function(event){
					var elem = Event.element(event);
					var tabLi = getQTabLi(elem);
					if(tabLi != null){
						var tabUl = tabLi.parentNode;
						if(tabUl.id == null || tabUl.id == "")
							tabUl.id = "random" + Math.floor(Math.random()*100); //IE fixing
						var index = 0;
						for(var k = 0; k < tabUl.childNodes.length; k++){
							if(tabUl.childNodes[k].id == tabLi.id)
								index = k;
							tabUl.childNodes[k].className = "q-tab";
							$(tabUl.id).adjacent("div.q-tab-content-container")[0].childNodes[k].style.display = "none";
						}
						tabLi.className = "q-tab-selected";
						$(tabUl.id).adjacent("div.q-tab-content-container")[0].childNodes[index].style.display = "block";
					}
					event.stop();
				});	
				ul.appendChild(li);
				var tabContent = document.createElement("DIV");
				tabContent.className = "q-tab-content";
				tabContent.id = "q-tab-content-" + i;
				tabContent.innerHTML = tabs.get(tabs.keys()[i]);
				tabContent.style.display = "none";
				
				var divClear = document.createElement("DIV");
				divClear.className = "q-clear";
				tabContent.appendChild(divClear);
				
				div.appendChild(tabContent);	
				if(i == 0){
					li.className = "q-tab-selected";
					tabContent.style.display = "block";
				}
			}
			container.appendChild(ul);
			container.appendChild(div);
		}
	}
}

function displayQTab(index){
	var tabs = $$("li.q-tab-selected");
	for(var i = 0; i < tabs.length; i++){
		tabs[i].className = "q-tab";
	}
	var tabContents = $$("div.q-tab-content");
	for(var i = 0; i < tabContents.length; i++){
		tabContents[i].style.display = "none";
	}
	$("q-tab-" + index).className = "q-tab-selected";
	$("q-tab-content-" + index).style.display = "block";
}

function getQTabLi(origin){
	if(origin == null)
		return null;
	if(origin.tagName.toUpperCase() == "LI")
		return origin;
	else
		return getQTabLi(origin.parentNode);
}

function getPortletBody(elem){
	if(elem != null){
		if(elem.className != null && elem.className == "portlet-body")
			return elem;
		else
			return getPortletBody(elem.parentNode);
	}
	else
		return null;
}
