var map;
var baku = {lat: 40.4093, lng: 49.8671}
var brooklyn = {lat:40.6782, lng: -73.9442}
var israel = {lat: 31.7683, lng: 35.2137}


function clearNavs() {
    var navs = document.getElementsByClassName("navitem")
    //console.log(navs)
    for(var i = 0; i < navs.length; i++) {
        navs[i].className = "navitem"
    }
}

function setNavTo(id) {
    document.getElementById(id).className = "navitem selected"
}

function gotoBrooklyn() {
    clearNavs()
    setNavTo("brooklyn")
    map.panTo(brooklyn)
    map.setZoom(12)
    var desc = document.getElementById("description")
    desc.innerHTML = "We currently live in Brooklyn, New York."
}

function gotoBaku() {
    clearNavs()
    setNavTo("baku")
    map.panTo(baku)
    map.setZoom(8)
    var desc = document.getElementById("description")
    desc.innerHTML = "My mother's side of the family comes from Baku, Azerbijan."
}

function gotoIsrael() {
    clearNavs()
    setNavTo("israel")
    map.panTo(israel)
    map.setZoom(8)
    var desc = document.getElementById("description")
    desc.innerHTML = "My father's side of the family comes from Jerusalem, Israel."
}





function initMap() {
    map = new google.maps.Map(document.getElementById('themap'), {
        center: brooklyn,
        zoom: 6
    });
    gotoBrooklyn()
    var icon = {
        url: "http://eskaykids.com.au/wp-content/uploads/2017/08/location-icon.png", // url
        scaledSize: new google.maps.Size(50, 50), // scaled size
        origin: new google.maps.Point(0, 0), // origin
        anchor: new google.maps.Point(25, 50) // anchor
    };
    var bakuMarker = new google.maps.Marker({
        position: baku,
        map: map,
        icon: icon
    });
    var brooklynMarker = new google.maps.Marker({
        position: brooklyn,
        map: map,
        icon: icon
    });
    var israelMarker = new google.maps.Marker({
        position: israel,
        map: map,
        icon: icon
    });

    israelMarker.addListener('click', gotoIsrael)
    bakuMarker.addListener('click', gotoBaku)
    broojlynMarker.addListener('click', gotoBrooklyn)
}