var winkels_vestiging_select = null;
var winkels_faciliteit_select = null;
var winkels_faciliteit_checks = null;
var winkels_dots = null;

function init_winkels() {
	winkels_vestiging_select = document.getElementById('i_vestiging');
	if(winkels_vestiging_select!=null) {
		winkels_vestiging_select.onchange = function() {
			document.location.href = this.value;	
		}
	}
	
	if (document.getElementById('winkel-overzicht_btn_selecteren')) {
		document.getElementById('winkel-overzicht_btn_selecteren').style.display = 'none';
	}
	
	/*winkels_faciliteit_checks = document.getElementsByClassName('checkbox');
	if(winkels_faciliteit_checks.length>0) {
		for(var i=0; i<winkels_faciliteit_checks.length; i++) {
			var chkbox = winkels_faciliteit_checks[i];
			
			chkbox.onclick = function() {
				winkels_select_facility();				
			}
		}
	}*/
	
	winkels_dots = document.getElementsByClassName('dot');
}

function winkels_select_facility() {
	// Geselecteerde faciliteiten ophalen
	var faciliteiten = new Array();
	for(var j=0; j<winkels_faciliteit_checks.length; j++) {
		var holder = winkels_faciliteit_checks[j];
		var box = holder.getElementsByTagName('input')[0];
					
		if(box.checked) {
			faciliteiten.push(box.value);
		}
	}
	
	// Dots herstellen
	for(var i=0; i<winkels_dots.length; i++) {
		if(faciliteiten.length>0) {
			var p = String(winkels_dots[i].id).split('_');
			var winkel_faciliteiten = String(p[1]).split('-');
			var classname = 'dot inactive';
			
			if(winkel_faciliteiten.length>0 && winkel_faciliteiten[0]!='') {
				var matches = 0;
				for(k=0; k<winkel_faciliteiten.length; k++) {
					if(winkel_faciliteiten[k]=='') continue;
					
					for(m=0; m<faciliteiten.length; m++) {
						if(faciliteiten[m] == winkel_faciliteiten[k]) matches++;
					}
				}
				
				if(matches>0) {
					classname = 'dot';
				}
			}
			
			winkels_dots[i].className = classname;
		} else {
			winkels_dots[i].className = 'dot';
		}
	}
}