<link href='https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.css' rel='stylesheet' />
<link rel="stylesheet" type="text/css" href="styles/style.css">

<script src='https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.js'></script>

<!--Geojson-->
<script type="text/javascript" src='data/sotiras_points.geojson'/></script>
<script type="text/javascript" src='data/postalcodes.geojson'></script>

<!--Leaflet Providers-->
<script src="scripts/providers/leaflet-providers.js"></script>

<script type="text/javascript">

function onEachFeatureFun (feature, layer){
            var property = feature.properties;
            return layer.bindPopup('<h2>Πληροφορίες</h2><hr><strong><em>Name : </em></strong>'+ property.Name+ '<br> <strong><em>Category : </em></strong>'+ property.Category);
    }


    function classification(layer,c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,c11,c12,c13){
        if (layer.properties.Category == 'Θρησκευτικά μνημεία'){
            return c1;
        }
        else if (layer.properties.Category == 'Δραστηριότητες στη φύση'){
            return c2;
        }
        else if (layer.properties.Category == 'Ποδηλατόδρομοι'){
            return c3;
        }
        else if (layer.properties.Category == 'Μουσεία'){
            return c4;
        }
        else if (layer.properties.Category == 'Εκπαιδευτικά κέντρα'){
            return c5;
        }
        else if (layer.properties.Category == 'Ταβέρνες / Cafe / Εστιατόρια'){
            return c6;
        }
        else if (layer.properties.Category == 'Παραλίες'){
            return c7;
        }
        else if (layer.properties.Category == 'Αρχαιολογικοί χώροι'){
            return c8;
        }
        else if (layer.properties.Category == 'Θέατρα / Χώροι θεάματος'){
            return c9;
        }
        else if (layer.properties.Category == 'Καταλύματα / Ξενοδοχεία'){
            return c10;
        }
        else if (layer.properties.Category == 'Σημεία φυσικού κάλλους'){
            return c11;
        }
        else if (layer.properties.Category == 'Αθλητικοί Χώροι'){
            return c12;
        }
        else if (layer.properties.Category == 'Σημεία ιδιαίτερου ενδιαφέροντος'){
            return c13;
        }
    }

    function pointToLayerFun (geoJsonPoint, latlng){
        return L.marker(latlng, {
            icon: L.mapbox.marker.icon({
                'marker-size': 'large',
                'marker-symbol': classification(geoJsonPoint,'religious-christian','playground','bicycle','museum','college','restaurant','swimming','monument','theatre','lodging','park','soccer','soccer'),
                'marker-color': classification(geoJsonPoint,'#e4f20b','#06520b','#f24906','#595555','#0ab290','#ff000c','#1e00ff','#616161','#d80733','#623500','#00983d','#6899b3','#6b9171')
            })
        }).addTo(map);

    }

    function getColor(geoJson,attr1,attr2){
        if (geoJson.properties.POST_CODE == 5390){
            return attr1;
        }else {
            return attr2;
        }
    }


    var object = document.getElementById('range-button');
    function setTransparency(){
         return parseFloat(object.value)/10;

    }


    function postalCodesStyle(geoJson){
        return {
        fillColor:getColor(geoJson,'#fc0505','#3769da'),
        weight: 2,
        opacity: 1,
        color: getColor(geoJson,'#fc0505','#3769da'),
        dashArray: '3',
        fillOpacity: setTransparency()
        }
    }

// Mapbox Access Token
    L.mapbox.accessToken = 'pk.eyJ1IjoibWFyaW9zc2ltb3UiLCJhIjoiY2o1ZHZjbjF4MDBodTJwbzFqbWczOHE1MSJ9.XB-Vf3xlOugHy3EbxuFHvA';
    // Map object
    var map = L.mapbox.map('map','mapbox.streets-satellite').setView([0, 0],11);

     // Mapbox Basemaps
    var mapboxStreets = L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v10');
    var mapboxOutdoors =L.mapbox.styleLayer('mapbox://styles/mapbox/outdoors-v10');
    var mapboxDark = L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9');
    var mapboxLight = L.mapbox.styleLayer('mapbox://styles/mapbox/light-v9');
    var mapboxSatellite = L.mapbox.styleLayer('mapbox://styles/mapbox/satellite-v9');
    var mapboxSatelliteStreets = L.mapbox.styleLayer('mapbox://styles/mapbox/satellite-streets-v10');
    var mapboxTrafficDay = L.mapbox.styleLayer('mapbox://styles/mapbox/traffic-day-v2');
    var mapboxTrafficNight = L.mapbox.styleLayer('mapbox://styles/mapbox/traffic-night-v2');

    // GeoJson

    var points = L.geoJson(points, {
            pointToLayer : pointToLayerFun,
            onEachFeature : onEachFeatureFun
    }).addTo(map);
    map.fitBounds(points.getBounds());

    var postlCodes = L.geoJson(postalcodes,{
            style : postalCodesStyle
    }).addTo(map);

    object.onchange = function (){
        return L.geoJson(postalcodes,{
            style : postalCodesStyle
    }).addTo(map);
    }