Ext.onReady(function(){
	var inputs = Ext.select('#sections li>input');
	Ext.each(inputs.elements, function(a){
		Ext.get(a).on('click', function(e, t, o){
			processSections();
		});
	});
	selectCheckboxes(false);
});

function selectCheckboxes(checked){
	var inputs = Ext.select('#sections li>input');
	Ext.each(inputs.elements, function(a){
		a = Ext.get(a);
		a.dom.checked = checked;
	});	
}
function processSections(){
	var inputs = Ext.select('#sections li>input');
	var checked = new Array();
	Ext.each(inputs.elements, function(a){
		a = Ext.get(a);
		
		if(a.dom.checked){
			checked.push(a);
		}
	});
	
	Ext.fly('products').fadeOut({
		duration: .15,
		block: true,
		concurrent: true,
		callback: function(){
			var lis = Ext.select('#products .section');
			Ext.each(lis.elements, function(a){
				Ext.fly(a).setStyle('display', 'none');
				Ext.fly(a).removeClass('last');
			});
			
			var last = null;
			if(checked.length == 0){
				Ext.fly('products-nieuw').setStyle('display', 'block');
			} else {
				Ext.each(checked, function(a){
					try {
						var li = Ext.get('products-'+a.id);
						if(li){
							li.setStyle('display', 'block');
							last = li;
						}
					} catch(e) {}
				});
			}
			
			if(last != null){
				last.addClass('last');
			}
			
			Ext.fly('products').fadeIn({
				duration: .15,
				block: true,
				concurrent: true
			});
		}
	});
}