var busalpin_map = L.map('swiss_map').setView([46.80121, 8.226692], 8);
busalpin_map.scrollWheelZoom.disable();
busalpin_map.addControl(new L.Control.Fullscreen());

// https://api.mapbox.com/styles/v1/YOUR_USERNAME/YOUR_STYLE_ID/tiles/256/{z}/{x}/{y}?access_token=YOUR_ACCESS_TOKEN
L.tileLayer('https://api.mapbox.com/styles/v1/busalpin/ck2fz7sp600q41dlso3tl6ty3/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1IjoiYnVzYWxwaW4iLCJhIjoiY2syNG1wZ2E0MWM1ajNubnlxdGczYWdneSJ9.9mJg_5GqVizIJogjyvKVAQ', {
	maxZoom: 18,
	attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
		'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
		'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
	id: 'mapbox.outdoors'
}).addTo(busalpin_map);

function url_alpflix(e) { window.open('/index.php?id=14','_self'); }
function url_berguen(e) { window.open('/index.php?id=15','_self'); }
function url_beverin(e) { window.open('/index.php?id=16','_self'); }
function url_binntal(e) { window.open('/index.php?id=17','_self'); }
function url_chasseral(e) { window.open('/index.php?id=18','_self'); }
function url_engstlenalp(e) { window.open('/index.php?id=19','_self'); }
function url_gantrisch(e) { window.open('/index.php?id=20','_self'); }
function url_greina(e) { window.open('/index.php?id=21','_self'); }
function url_habkern(e) { window.open('/index.php?id=22','_self'); }
function url_huttwil(e) { window.open('/index.php?id=23','_self'); }
function url_ibergeregg(e) { window.open('/index.php?id=150','_self'); }
function url_jura(e) { window.open('/index.php?id=24','_self'); }
function url_lenk(e) { window.open('/index.php?id=25','_self'); }
function url_moosalp(e) { window.open('/index.php?id=26','_self'); }
function url_pany(e) { window.open('/index.php?id=27','_self'); }
function url_schaffhausen(e) { window.open('/index.php?id=167','_self'); }
function url_thal(e) { window.open('/index.php?id=28','_self'); }
function url_charmey(e) { window.open('/index.php?id=29','_self'); }
function url_zhoberland(e) { window.open('/index.php?id=157','_self'); }

L.circle([46.532072, 9.637809], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Alp Flix').on('click', url_alpflix);

L.circle([46.629984, 9.74674], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Bergün-Albulapass').on('click', url_berguen);

L.circle([46.637708, 9.371657], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Beverin').on('click', url_beverin);

L.circle([46.383903, 8.216864], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Binntal').on('click', url_binntal);

L.circle([47.148221, 7.070805], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Chasseral').on('click', url_chasseral);

L.circle([46.776055, 8.342168], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Engstlenalp').on('click', url_engstlenalp);

L.circle([46.770899, 7.421838], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Gantrisch').on('click', url_gantrisch);

L.circle([46.621956, 9.002397], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Greina').on('click', url_greina);

L.circle([46.735257, 7.886551], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Habkern-Lombachalp').on('click', url_habkern);

L.circle([47.114275, 7.846169], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Huttwil').on('click', url_huttwil);

L.circle([47.017410, 8.733290], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Ibergeregg').on('click', url_ibergeregg);

L.circle([46.556755, 6.265196], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Jura vaudois').on('click', url_jura);

L.circle([46.455787, 7.441438], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Lenk-Simmental').on('click', url_lenk);

L.circle([46.256343, 7.839105], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Moosalpregion').on('click', url_moosalp);

L.circle([46.969747, 9.81329], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Pany-St. Antönien').on('click', url_pany);

L.circle([47.734070, 8.579690], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Schaffhausen').on('click', url_schaffhausen);

L.circle([47.306899, 7.636533], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Thal').on('click', url_thal);

L.circle([46.629871, 7.163429], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span><span class="icon winter"></span>Val-de-Charmey').on('click', url_charmey);

L.circle([47.332922, 8.902244], 8000, {
	color: '#ff6666',
	weight: 3,
	opacity: 0.6,
	fillColor: '#ff6666',
	fillOpacity: 0.4,
	className: "circle"
}).addTo(busalpin_map).bindTooltip('<span class="icon sommer"></span>Züri Oberland').on('click', url_zhoberland);

// new: fit bounds - see most outer coordinates above 
// busalpin_map.fitBounds([
//     [47.306899, 6.265196],
//     [46.256343, 9.81329]
// ]);

// old: change zoom according screen size
var viewport_width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
window.onload = function() {
	if (viewport_width < 768) {
		busalpin_map.setZoom(7);
	}
	else {
		busalpin_map.setZoom(8);	
	}
};

// old: change zoom according screen size
// var viewport_width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
// window.onload = function() {
// 	if (viewport_width < 768) {
// 		busalpin_map.setZoom(7);
// 	}
// 	else if (viewport_width < 1280) {
// 		busalpin_map.setZoom(8);
// 	}		
// 	else {
// 		busalpin_map.setZoom(9);
// 	}				
// };

// get coordinates: popup to get them on click
// var popup = L.popup();
// function onMapClick(e) {
// 	popup
// 		.setLatLng(e.latlng)
// 		.setContent("You clicked the map at " + e.latlng.toString())
// 		.openOn(busalpin_map);
// }
// busalpin_map.on('click', onMapClick);