function addSkicenter(val){
	var values = document.getElementById('skiCenterIds_field').value;
	if(values.indexOf(val) == -1){
		if(values.length > 0){
			values = values + ',';
		}
		values = values + val;
	}
	
	document.getElementById('skiCenterIds_field').value = values;
}

function removeSkicenter(val){
	var values = document.getElementById('skiCenterIds_field').value;
	if(values.indexOf(',' + val) > -1){
		values = values.replace(',' + val,'');
	}else if(values.indexOf(val) > -1){
		values = values.replace(val,'');
	}
	if(values.indexOf(',') == 0){
		values = values.replace(',','');
	}
	
	document.getElementById('skiCenterIds_field').value = values;
}

function hideAllSkicenters(){
	document.getElementById('map_saariselka').className = 'saariselka';
	document.getElementById('map_pallas').className = 'pallas';
	document.getElementById('map_olos').className = 'olos';
	document.getElementById('map_levi').className = 'levi';
	document.getElementById('map_yllas').className = 'yllas';
	document.getElementById('map_luosto').className = 'luosto';
	document.getElementById('map_pyha').className = 'pyha';
	document.getElementById('map_ounasvaara').className = 'ounasvaara';
	document.getElementById('map_sallatunturi').className = 'sallatunturi';
	document.getElementById('map_suomu').className = 'suomu';
	document.getElementById('map_ruka').className = 'ruka';
	document.getElementById('map_syotekeskus').className = 'syotekeskus';
	document.getElementById('map_isosyote').className = 'isosyote';
	document.getElementById('map_ukkohalla').className = 'ukkohalla';
	document.getElementById('map_paljakka').className = 'paljakka';
	document.getElementById('map_vuokatti').className = 'vuokatti';
	document.getElementById('map_tahko').className = 'tahko';
	document.getElementById('map_koli').className = 'koli';
	document.getElementById('map_hakarinteet').className = 'hakarinteet';
	document.getElementById('map_himos').className = 'himos';
	document.getElementById('map_sappee').className = 'sappee';
	document.getElementById('map_messila').className = 'messila';
	
	document.getElementById('link_saariselka').className = '';
	document.getElementById('link_pallas').className = '';
	document.getElementById('link_olos').className = '';
	document.getElementById('link_levi').className = '';
	document.getElementById('link_yllas').className = '';
	document.getElementById('link_luosto').className = '';
	document.getElementById('link_pyha').className = '';
	document.getElementById('link_ounasvaara').className = '';
	document.getElementById('link_sallatunturi').className = '';
	document.getElementById('link_suomu').className = '';
	document.getElementById('link_ruka').className = '';
	document.getElementById('link_syotekeskus').className = '';
	document.getElementById('link_isosyote').className = '';
	document.getElementById('link_ukkohalla').className = '';
	document.getElementById('link_paljakka').className = '';
	document.getElementById('link_vuokatti').className = '';
	document.getElementById('link_tahko').className = '';
	document.getElementById('link_koli').className = '';
	document.getElementById('link_hakarinteet').className = '';
	document.getElementById('link_himos').className = '';
	document.getElementById('link_sappee').className = '';
	document.getElementById('link_messila').className = '';
	
	document.getElementById('skiCenterIds_field').value = '';
}

function showAllSkicenters(){
	
	document.getElementById('map_saariselka').className = 'saariselka active';
	document.getElementById('map_pallas').className = 'pallas active';
	document.getElementById('map_olos').className = 'olos active';
	document.getElementById('map_levi').className = 'levi active';
	document.getElementById('map_yllas').className = 'yllas active';
	document.getElementById('map_luosto').className = 'luosto active';
	document.getElementById('map_pyha').className = 'pyha active';
	document.getElementById('map_ounasvaara').className = 'ounasvaara active';
	document.getElementById('map_sallatunturi').className = 'sallatunturi active';
	document.getElementById('map_suomu').className = 'suomu active';
	document.getElementById('map_ruka').className = 'ruka active';
	document.getElementById('map_syotekeskus').className = 'syotekeskus active';
	document.getElementById('map_isosyote').className = 'isosyote active';
	document.getElementById('map_ukkohalla').className = 'ukkohalla active';
	document.getElementById('map_paljakka').className = 'paljakka active';
	document.getElementById('map_vuokatti').className = 'vuokatti active';
	document.getElementById('map_tahko').className = 'tahko active';
	document.getElementById('map_koli').className = 'koli active';
	document.getElementById('map_hakarinteet').className = 'hakarinteet active';
	document.getElementById('map_himos').className = 'himos active';
	document.getElementById('map_sappee').className = 'sappee active';
	document.getElementById('map_messila').className = 'messila active';

	
	document.getElementById('skiCenterIds_field').value = 'saariselka,pallas,olos,levi,yllas,luosto,pyha,ounasvaara,sallatunturi,suomu,ruka,syotekeskus,isosyote,ukkohalla,paljakka,vuokatti,tahko,koli,hakarinteet,himos,sappee,messila';
}

function selectSkicenter(sel){
	var link = 'link_' +sel;
	var map = 'map_' + sel;
	if(map == 'map_all'){
		hideAllSkicenters();
		if(document.getElementById(link).className == ''){
			showAllSkicenters();
		}
	}else {
		if(document.getElementById('link_all').className == 'active'){
			document.getElementById('link_all').className = '';
			hideAllSkicenters();
		}
		if(document.getElementById(map).className == sel) {
			document.getElementById(map).className = sel + ' active';
			addSkicenter(sel);
		}else {
			document.getElementById(map).className = sel;
			removeSkicenter(sel);
		}
		
	}
	if(document.getElementById(link).className == '') {
		document.getElementById(link).className = 'active';
	}else {
		document.getElementById(link).className = '';
	}
	
	
}