var Gulvsp = new Object();
var Products;
var productsclicked = new Array();
	
Gulvsp.Products =
{	
	init : function(pageproducts)
	{
		for(i = 0;i < pageproducts.length;i++)
		{
			Event.observe(pageproducts[i], 'click', Gulvsp.Products.handleProductList);
		}
	},
	
	handleProductList : function(e)
	{
		var isinproducts = false;
		var index;
		var idstring = '';
		var cat = e.target;
		
		for(i=0;i < productsclicked.length;i++)
		{
			if(productsclicked[i] == cat.id)
			{
				isinproducts = true;
				index = i;
			}
		}
		if(isinproducts)
		{
			productsclicked.splice(index,1);
			Element.setStyle(cat,{backgroundColor :'#fae880'});
		}
		else
		{
			productsclicked.push(cat.id);
			Element.setStyle(cat,{backgroundColor :'#c4ec8d'});				
		}
		
		if(productsclicked.length != 0)
		{
			idstring = productsclicked.join(';');
		}
		Gulvsp.Products.showProductList(idstring);
	},
	
	showProductList : function(idstring)
	{
		if(document.getElementById('products_camp'))
		{
			document.getElementById('products_camp').innerHTML = '';
		}		
		document.getElementById('ajaxproducts').innerHTML = '<div style="text-align:center"><img src="/sitefiles/1/design/loading_32.gif" alt="" /><br /><br /><h2>Laster liste</h2></div>';
		
		var url = '?c_=GULVSPproductgui&m_=showAjaxProductList&idstring='+idstring;
		new Ajax.Request(url, {
 			method: 'get',
 			onSuccess: Gulvsp.Products.outputList});
	},
	
	outputList : function(transport)
	{
		document.getElementById('ajaxproducts').innerHTML = transport.responseText;
	}
}