jQuery(document).ready(function () {
	if (jQuery('#activefiltering_container').length > 0) {
		InitActiveFiltering();
	}
});

function InitActiveFiltering() {
	var active_container = jQuery('#activefiltering_container');
	jQuery(active_container).find('div > input').click(function () {

		StartTimer();

		var selectedValue = jQuery(this).val();
		var isSelected = jQuery(this).attr('checked');
		var parentId = jQuery(this).parent().attr('id').replace('filtercontainer_', '');

		if (isSelected) {
			PageMethods.AddFilter(parentId, selectedValue);
		}
		else {
			PageMethods.RemoveFilter(parentId, selectedValue);
		}

//		PageMethods.GetFilterResults(function (response) {
//			jQuery('#kolomcontent').html(response);
//		});

	});
}

/*Coded to prevent asynchronous refreshes of list interfering with each other*/
var timerId = '';
var timeout = 1500;
function StartTimer() {
	if (timerId == '') {
		timerId = setTimeout('refreshProductsList()', timeout);
	}
}

function resetTimer() {
	clearTimeout(timerId);
	StartTimer();
}

function stopTimer() {
	clearTimeout(timerId);
	timerId = '';
}

//TODO: place in correct container, check if scripting works (prices, color-images, etc.)
function refreshProductsList() {
	stopTimer();

	PageMethods.GetFilterResults(function (response) {
		jQuery('#activeFilterList').html(response);
	});
}