function displayQProducts(container){
	if(container != null){
		var products = $$("div.product");
		var productSet = new Array();
		for(var i = 0; i < products.length; i++){
			var product = new Product(products[i].select("div.product-title")[0].innerHTML, products[i].select("img.product-icon")[0].getAttribute("src"), products[i].select("div.product-description")[0].innerHTML, products[i].select("div.product-text")[0].innerHTML);
			var tabs = products[i].select("div.product-tab");
			for(var j = 0; j < tabs.length; j++){
				product.addTab(tabs[j].id, tabs[j].select("div.product-tab-TabTitle")[0].innerHTML, tabs[j].select("div.product-tab-TabText")[0].innerHTML);
			}
			productSet = productSet.concat(product);
		}
		container.id = "random" + Math.floor(Math.random()*100); //IE fixing
		var children = $(container.id).childElements();
		for(var i = 0; i < children.length; i++)
			children[i].remove();
		var float = "right";
		for(var i = 0; i < productSet.length; i++){
			var p = productSet[i];
			var div = document.createElement("DIV");
			div.className = "q-product";
			if(i == 0)
				div.style.backgroundImage = "none";
			
			var header = new Element("DIV");
			header.className = "q-product-header";
			header.observe("click", function(event){
				var elem = event.findElement("div.q-product-header");
				var expand = elem.className.indexOf("q-product-header-on") < 0;
				var texts = $$("div.q-product-text");
				for(var i = 0; i < texts.length; i++){
					texts[i].style.display = "none";
					texts[i].adjacent("div.q-product-header")[0].className = "q-product-header";
				}
				if(expand){
					elem.className = "q-product-header q-product-header-on";
					var pText = elem.adjacent("div.q-product-text")[0];
					pText.style.display = "block";
				}
			});
			div.appendChild(header);
			
			var icon = document.createElement("DIV");
			icon.className = "q-product-icon q-float-" + float;
			icon.innerHTML = "<img src=\"" + p.icon + "\" border=\"0\" alt=\"" + p.title + "\" />";
			header.appendChild(icon);
			
			var pDescr = document.createElement("DIV");
			pDescr.className = "q-product-header-text q-float-" + float;
			header.appendChild(pDescr);
			
			var title = document.createElement("DIV");
			title.className = "q-product-title";
			title.innerHTML = p.title;
			pDescr.appendChild(title);
			
			var descr = document.createElement("DIV");
			descr.className = "q-product-description";
			descr.innerHTML = p.description;
			pDescr.appendChild(descr);
			
			var clear = document.createElement("DIV");
			clear.className = "q-clear";
			header.appendChild(clear);
			
			var text = document.createElement("DIV");
			text.className = "q-product-text";
			text.style.display = "none";
			text.innerHTML = p.text;
			div.appendChild(text);
			
			var tabContainer = document.createElement("DIV");
			tabContainer.className = "q-product-tabset";
			tabContainer.id = "product-tabset-" + i;
			text.appendChild(tabContainer);
			
			for(var j = 0; j < p.tabset.length; j++){
				var tab = document.createElement("DIV");
				
				var tabTitle = document.createElement("H1");
				tabTitle.className = "q-tab";
				tabTitle.innerHTML = p.tabset[j]["title"];
				tab.appendChild(tabTitle);
				
				var tabText = document.createElement("DIV");
				tabText.className = "q-tab-content";
				tabText.innerHTML = p.tabset[j]["text"];
				tab.appendChild(tabText);
				
				tabContainer.appendChild(tab);
			}
			
			container.appendChild(div);
			
			displayQTabs(tabContainer);
			
			float = float == "right" ? "left" : "right";
		}
	}
}
function Product(title, icon, description, text){
	this.title = title;
	this.icon = icon;
	this.description = description;
	this.text = text;
	this.tabset = new Array();
	
	this.addTab = function(tabId, tabTitle, tabText){
		var tab = {"id": tabId, "title": tabTitle, "text": tabText};
		this.tabset = this.tabset.concat(tab);
	}
	this.toString = function(){
		var text = "Title = " + this.title + "\n";
		text += "Icon = " + this.icon + "\n";
		text += "Description = " + this.description + "\n";
		text += "Text = " + this.text + "\n";
		text += "------------------------------------------------\n";
		text += "---------------------TAB SET--------------------\n";
		text += "------------------------------------------------\n";
		for(var i = 0; i < this.tabset.length; i++){
			text += "Tab ID = " + this.tabset[i]["id"] + "\n";
			text += "Tab Title = " + this.tabset[i]["title"] + "\n";
			text += "Tab Text = " + this.tabset[i]["text"] + "\n";
			text += "------------------------------------------------\n";
		}
		return text;
	}
}