var markers = [
        {
        coords: L.latLng([49.453119, 19.4754133]),
        title: 'Rio de Klin – socha Ježiša Krista nad obcou Klin',
        slug: 'rio-de-klin-socha-jezisa-krista-nad-obcou-klin'
    },
        {
        coords: L.latLng([49.2618303, 19.3563822]),
        title: 'Oravský hrad v Oravskom Podzámku',
        slug: 'oravsky-hrad-v-oravskom-podzamku'
    },
        {
        coords: L.latLng([49.407561, 19.517101]),
        title: 'Slanický ostrov umenia na Oravskej priehrade',
        slug: 'slanicky-ostrov-umenia-na-oravskej-priehrade'
    },
        {
        coords: L.latLng([49.2600997, 19.6606907]),
        title: 'Múzeum oravskej dediny v Zuberci',
        slug: 'muzeum-oravskej-dediny-v-zuberci'
    },
        {
        coords: L.latLng([49.3851492, 19.1600132]),
        title: 'Oravská lesná železnica v Oravskej Lesnej',
        slug: 'oravska-lesna-zeleznica-v-oravskej-lesnej'
    },
        {
        coords: L.latLng([49.5270657, 19.4690502]),
        title: 'Prameň Slaná voda pri Oravskej Polhore',
        slug: 'pramen-slana-voda-pri-oravskej-polhore'
    },
        {
        coords: L.latLng([49.3365216, 19.5569357]),
        title: 'Drevený rímsko-katolícky kostol Všetkých svätých v Tvrdošíne',
        slug: 'dreveny-rimsko-katolicky-kostol-vsetkych-svaetych-v-tvrdosine'
    },
        {
        coords: L.latLng([49.541139, 19.500275]),
        title: 'Hviezdoslavova hájovňa v Oravskej Polhore',
        slug: 'hviezdoslavova-hajovna-v-oravskej-polhore'
    },
        {
        coords: L.latLng([49.206861, 19.297053]),
        title: 'Oravská galéria v Dolnom Kubíne',
        slug: 'oravska-galeria-v-dolnom-kubine'
    },
        {
        coords: L.latLng([49.4238725, 19.5468973]),
        title: 'Bobrovská kalvária',
        slug: 'bobrovska-kalvaria'
    },
        {
        coords: L.latLng([49.17603609, 19.29505728]),
        title: 'Pamätný dom Martina Kukučína v Jasenovej',
        slug: 'pamaetny-dom-martina-kukucina-v-jasenovej'
    },
        {
        coords: L.latLng([49.29777298, 19.50784564]),
        title: 'Františkova huta',
        slug: 'frantiskova-huta'
    },
        {
        coords: L.latLng([49.404478, 19.482705]),
        title: 'PORT CLUB reštaurácia',
        slug: 'portclub-restauracia'
    },
        {
        coords: L.latLng([49.404040, 19.476549]),
        title: 'Massimo reštaurácia',
        slug: 'massimo-restauracia'
    },
        {
        coords: L.latLng([49.405231, 19.479427]),
        title: 'TRIO Restaurant',
        slug: 'trio-restaurant'
    },
        {
        coords: L.latLng([49.404902, 19.482648]),
        title: 'Reštaurácia u Gazdu',
        slug: 'restauracia-u-gazdu'
    },
        {
        coords: L.latLng([49.4051914,19.4790666]),
        title: 'Pizzeria Sole mio',
        slug: 'pizzeria-sole-mio'
    },
        {
        coords: L.latLng([49.399925, 19.513612]),
        title: 'Reštaurácia Slanica',
        slug: 'restauracia-slanica'
    },
        {
        coords: L.latLng([49.398864, 19.515715]),
        title: 'Salaš Orava',
        slug: 'salas-orava'
    },
        {
        coords: L.latLng([49.407700, 19.484858]),
        title: 'Reštaurácia Oravia',
        slug: 'restauracia-oravia'
    },
        {
        coords: L.latLng([49.405176, 19.483563]),
        title: 'Reštaurácia Jollien',
        slug: 'restauracia-jollien'
    },
        {
        coords: L.latLng([49.404714, 19.480899]),
        title: 'Reštaurácia Magura',
        slug: 'restauracia-magura'
    },
        {
        coords: L.latLng([49.4142638,19.4875544]),
        title: 'Reštaurácia Korytnačka',
        slug: 'restauracia-korytnacka'
    },
        {
        coords: L.latLng([49.3961559,19.5181937]),
        title: 'Reštaurácia Slanická izba',
        slug: 'restauracia-slanicka-izba'
    },
        {
        coords: L.latLng([49.4126129,19.499837]),
        title: 'Ranč u Edyho',
        slug: 'ranc-u-edyho'
    },
        {
        coords: L.latLng([49.404609, 19.482522]),
        title: 'ZION Fast food',
        slug: 'zion-fast-food'
    },
        {
        coords: L.latLng([49.403656, 19.481531]),
        title: 'Reštaurácia pod Tempom',
        slug: 'restauracia-pod-tempom'
    },
        {
        coords: L.latLng([49.405129, 19.483827]),
        title: 'Jeans pub',
        slug: 'jeans-pub'
    },
        {
        coords: L.latLng([49.412849, 19.487956]),
        title: 'Reštaurácia Gurmán',
        slug: 'restauracia-gurman'
    },
        {
        coords: L.latLng([49.408732, 19.481106]),
        title: 'Reštaurácia Špulka',
        slug: 'restauracia-spulka'
    },
        {
        coords: L.latLng([49.4059413,19.4770453]),
        title: 'Galeria Cafe',
        slug: 'galeria-cafe'
    },
        {
        coords: L.latLng([49.405406, 19.485131]),
        title: 'Skatepark na nábreží',
        slug: 'skatepark-na-nabrezi'
    },
        {
        coords: L.latLng([49.20774821, 19.29459393]),
        title: 'Florinov dom v Dolnom Kubíne',
        slug: 'florinov-dom-v-dolnom-kubine'
    },
        {
        coords: L.latLng([49.306972, 19.484733]),
        title: 'Bobrova raľa v Podbieli',
        slug: 'bobrova-rala-v-podbieli'
    },
        {
        coords: L.latLng([49.399925, 19.513612]),
        title: 'Hotel Slanica',
        slug: 'hotel-slanica'
    },
        {
        coords: L.latLng([49.404478, 19.482705]),
        title: 'PORT CLUB',
        slug: 'port-club'
    },
        {
        coords: L.latLng([49.411638,19.501063]),
        title: 'Hotel Studnička',
        slug: 'hotel-studnicka'
    },
        {
        coords: L.latLng([49.3789145,19.528255]),
        title: 'Hotel Altis',
        slug: 'hotel-altis'
    },
        {
        coords: L.latLng([49.404040, 19.476549]),
        title: 'Massimo Hotel',
        slug: 'massimo-hotel'
    },
        {
        coords: L.latLng([49.383980, 19.530630]),
        title: 'Hotel Goral',
        slug: 'hotel-goral'
    },
        {
        coords: L.latLng([49.394325, 19.485177]),
        title: 'Trend hotel',
        slug: 'trend-hotel'
    },
        {
        coords: L.latLng([49.4126129,19.499837]),
        title: 'Ranč u Edyho',
        slug: 'ranc-u-edyho-1'
    },
        {
        coords: L.latLng([49.405605, 19.484142]),
        title: 'PENZIÓN MODUL',
        slug: 'penzion-modul'
    },
        {
        coords: L.latLng([49.405176, 19.483563]),
        title: 'Penzión Jollien',
        slug: 'penzion-jollien'
    },
        {
        coords: L.latLng([49.407700, 19.484858]),
        title: 'Penzión Oravia',
        slug: 'penzion-oravia'
    },
        {
        coords: L.latLng([49.3961559,19.5181937]),
        title: 'Penzión Slanický Dvor',
        slug: 'penzion-slanicky-dvor'
    },
        {
        coords: L.latLng([49.3834601,19.5331631]),
        title: 'Penzión Kotva Prístav',
        slug: 'penzion-kotva-pristav'
    },
        {
        coords: L.latLng([49.4142638,19.4875544]),
        title: 'Penzión Korytnačka',
        slug: 'penzion-korytnacka'
    },
        {
        coords: L.latLng([49.3858275,19.528491]),
        title: 'Penzión Kormorán',
        slug: 'penzion-kormoran'
    },
        {
        coords: L.latLng([49.3840035,19.530864]),
        title: 'Penzión Maják',
        slug: 'penzion-majak'
    },
        {
        coords: L.latLng([49.404714, 19.480899]),
        title: 'Turistická ubytovňa MAGURA',
        slug: 'turisticka-ubytovna-magura'
    },
        {
        coords: L.latLng([49.39963, 19.5152]),
        title: 'Ubytovanie „u rybára“',
        slug: 'ubytovanie-u-rybara'
    },
        {
        coords: L.latLng([49.4018072,19.5068238]),
        title: 'Chata AKORD',
        slug: 'chata-akord'
    },
        {
        coords: L.latLng([49.3923228,19.5189908]),
        title: 'Chata Oravská priehrada',
        slug: 'chata-oravska-priehrada-2'
    },
        {
        coords: L.latLng([49.4009285,19.508515]),
        title: 'Villa Michaela',
        slug: 'villa-michaela'
    },
        {
        coords: L.latLng([49.405195, 19.480162]),
        title: 'Libresso Kaviareň a Kníhkupectvo',
        slug: 'www-libresso-sk'
    },
        {}];

markers.forEach(function (marker) {
    if (marker.hasOwnProperty('coords')) {
        L.marker(marker.coords, {
            title: marker.title,
            slug: marker.slug
        }).addTo(mymap).on('click', loadPlace).bindPopup('<strong>' + marker.title + '</strong>');
    }
});

var wrapper = document.querySelector('#drawer');
var content = document.querySelector('#drawer-content');

function loadPlace(e) {
    mymap.flyTo(e.target.getLatLng());
    var slug = e.target.options.slug;
    if (wrapper.classList.contains('active')) {
        content.innerHTML = '<div class="spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>';
    }
    $.get('/mapa/' + slug).done(function (data) {
        showDrawer(data, slug);
        mymap.invalidateSize();
    });
}

function showDrawer(data, slug) {
    content.innerHTML = data;
    var button  = document.getElementById('close-mapinfo');
    
    var body = document.querySelector('body');
    body.classList.add('overflow');
    
    button.classList.add('active');
    wrapper.classList.add('active');
    if (slug) location.hash = '#' + slug;
}

window.onload = function () {
    if (location.hash) {
        var slug = location.hash.slice(1);
        showDrawer('<div class="spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>');
        mymap.invalidateSize();
        mymap.eachLayer(function(el) {
            if (el.options.slug == slug) {
                el.openPopup();
                mymap.flyTo(el.getLatLng());
            }
        });
        $.get('/mapa/' + slug).done(function (data) {
            showDrawer(data);
        });
    }
}

$('#close-mapinfo').click(function(){
    $('#drawer').toggleClass('active');
    $('body').toggleClass('overflow');
    if($('#drawer').hasClass('active') == false){
        $(this).removeClass('active');
        mymap.invalidateSize();
    }
    return false;	
});