7 files changed, 1344 insertions, 0 deletions

diff --git a/main/survey/js/Maps/Geocoding.js b/main/survey/js/Maps/Geocoding.js
new file mode 100644
index 0000000..836d215
--- /dev/null
+++ b/main/survey/js/Maps/Geocoding.js
@@ -0,0 +1,92 @@
+// Author: Uroš Podkrižnik (17.12.2015)

+// Tip vprasanja = 26

+

+// GEOCODING

+

+/**

+ * pretvorba iz latitude, longitude v berljiv naslov

+ * funkcija vrne String - results[0] - prvi (najdaljsi naslov)

+ * @param {type} pos - koordinate - objekt {lat: ???, lng: ???}

+ * @param {type} callback - function - ker je geocode asinhrona funkcija, se uporabi, da se vrne rezultat

+ * @returns {undefined}

+ */

+function GeocodingF(pos, callback) {

+    geocoder.geocode({'location': pos}, function (results, status) {

+

+        // ce je status OK - pridobil informacije o naslovu

+        if (status === google.maps.GeocoderStatus.OK) {

+            //console.log(results);//[0]= polni naslov, [1]= Ljubljana, Slovenija,....

+            if (results[0]) {

+                //console.log(results[0].formatted_address);

+                //vrne rezultat (Objekt s polnim naslovom)

+                callback(results[0]);

+            } else {

+                console.log('No results found');

+                callback(null);

+            }

+        }

+        // ce je prislo do napake

+        else {

+            console.log('Geocoder failed due to: ' + status);

+            if(status == 'ZERO_RESULTS'){

+                var obj = {formatted_address: ""}

+                callback(obj);

+            }

+            else

+                callback(null);

+        }

+    });

+}

+

+/**

+ * centriranje na zemljevidu (kaj se bo prikazalo na zemljevidu / zajelo v okvir)

+ * @param {type} centerInMap - String - naslov, ki ga naj zemljevid zajame v okvir

+ * @param {type} map - mapa/zemljevid

+ * @returns {undefined}

+ */

+function centrirajMap (centerInMap, map){

+    geocoderFromAddress(centerInMap, function(place){

+        if(place){

+            map.setCenter(place.geometry.location);

+            map.fitBounds(place.geometry.viewport);

+            //povecaj zoom za 1, ker google naredi prevec oddaljeno

+            //pri vecji povrsini na mapi (npr Slovenija), ne dela ok

+            //map.setZoom(map.getZoom()+1);

+        }

+    });

+}

+

+/**

+ * Geocoding from address to places, in callback only first place is returned

+ * @param {type} address - address to geocode

+ * @param {type} callback - callback function to call when place is found

+ * @returns {undefined}

+ */

+function geocoderFromAddress(address, callback){

+    var delay = 100;

+    var stej_poizvedbe = 0;

+

+    geocoder.geocode({'address': address}, function (results, status) {

+        if (status === google.maps.GeocoderStatus.OK) {

+            callback(results[0]);

+        }

+        //zelo redko pride do tega, recimo ce uporabnik na polno stanca lokacije

+        else if(status === google.maps.GeocoderStatus.OVER_QUERY_LIMIT){

+            if(stej_poizvedbe < 10){

+                setTimeout(geocoderFromAddress(address, callback), delay);

+                stej_poizvedbe++;

+                delay += 100;

+            }

+            else

+                console.log('Geocoder error: OVER_QUERY_LIMIT; repeated: '+stej_poizvedbe);

+        }

+        //ce ni najdenih rezultatov za vpisan naslov v nastavitvah (fokus)

+        else if(status === google.maps.GeocoderStatus.ZERO_RESULTS){

+            alert(lang['srv_branching_no_results_geo_map']+': '+address);

+        }

+        else

+            console.log('Geocoder error: ' + status);

+        

+        return null;

+    });

+}
\ No newline at end of file
diff --git a/main/survey/js/Maps/KlikNaMapo.js b/main/survey/js/Maps/KlikNaMapo.js
new file mode 100644
index 0000000..4effd1e
--- /dev/null
+++ b/main/survey/js/Maps/KlikNaMapo.js
@@ -0,0 +1,43 @@
+// Author: Uroš Podkrižnik (17.12.2015)

+// Tip vprasanja = 26

+

+// KLIK NA MAPO

+

+/**

+ * izvrsi funkcionalnost za klik na zemljevid

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @returns {undefined}

+ */

+function klikNaMapo(spremenljivka) {

+    //pridobi mapo spremenljivke

+    var map = document.getElementById("map_"+spremenljivka).gMap;

+    

+    // ko user klikne na mapo, funkcija vrne pozicijo (koordinate - position) ter kreira

+    google.maps.event.addListener(map, 'click', function (event) {

+

+        //koordinate

+        var pos = {

+            lat: event.latLng.lat(),

+            lng: event.latLng.lng()

+        };

+

+        //za omejitev odgovorov

+        if(ml_sprem.indexOf(spremenljivka) > -1 || max_mark[spremenljivka] != st_markerjev[spremenljivka]){

+            // naslov se pridobi, da se klice geocoding

+            GeocodingF(pos, function (data) {

+                //ce ne vrne null - je nasel naslov

+                if (data != null) {

+

+                    //kreira marker na lokaciji, kjer je uporabnik kliknil

+                    createMarker(spremenljivka, data.formatted_address, pos, false);

+

+                } else {

+                    //odpre se okno, ce je prislo do napake - null - (mozen je tudi prekratek delay med geocoding requesti)

+                    alert(lang['srv_resevanje_alert_location_not_found_map']);

+                }

+            });

+        }

+

+        return pos;

+    });

+}
\ No newline at end of file
diff --git a/main/survey/js/Maps/MapDeclaration.js b/main/survey/js/Maps/MapDeclaration.js
new file mode 100644
index 0000000..7ca8a7f
--- /dev/null
+++ b/main/survey/js/Maps/MapDeclaration.js
@@ -0,0 +1,323 @@
+// Author: Uroš Podkrižnik (1.7.2016)

+// Tip vprasanja = 26

+

+//DECLARATION

+

+//GLOBALNE SPREMENLJIVKE ZA VSE SPREMENLJIVKE TIP 26 NA ENI STRANI

+//mej/okvira prikaza na zemljevidu objekt za vsako spremenljivko

+var bounds = {},

+        //objekt stevila vseh markerjev za vsako spremenljivk posebej

+        st_markerjev = {},

+        //object of number of shapes and ID of last shape for every variable ({spr_id: {'count': 5, 'last_id': 9}, ...})

+        //'last_id' is not fully reliable as it is used for shapes colours 

+        //      -> to make it reliable, method must be creaed to store all id's and removing last id at shame removal

+        st_shapes = {},

+        //infowindow iz API-ja, za prikaz markerja in informacije o markerju

+        infowindow,

+        //array id-jev spremenljivk, ki so tipa moja lokacija (max 1 marker)

+        ml_sprem = [],

+        //array id-jev spremenljivk, ki imajo F user location

+        usrLoc_sprem = [],

+        geocoder,

+        //ce je true, se do skript dostopa iz podatkov, analiz

+        //v primeru, ko se gre za resevanje mora vedno biti false

+        viewMode = false,

+        //objekt id spremenljivka : boolean, kjer je true, ce spremenljivka

+        //uporablja F z podvprasanjem v infowindow markerja

+        podvprasanje = {},

+        //objekt id spremenljivka : string, kjer je naslov podvprasanja, ce

+        //uporablja F z podvprasanjem v infowindow markerja

+        podvprasanje_naslov = {},

+        //objekt id spremenljivka : int, kjer je int stevilo max 

+        //dovoljenih markerjev na mapi

+        max_mark = {},

+        //objekt vseh markerjev na strani (respondetn ali branching) {spr_id:[markers array]}

+        allMarkers = {},

+        //objekt id spremenljivka : marker

+        //potrebujejo ga samo spremenljivke tipa moja lokacija (max 1 marker)

+        //uporablja se za brisanje prejsnjega markerja na mapi

+        mlmarker = {},

+        //colors for shapes - polylines and polgons

+        mapShapeColors = ['c0504d', '4f81bd', '9bbb59', '8064a2', '4bacc6', 'f79646', '92a9cf', '8c0000', 'f00800', 'ff8a82', 'f2c4c8', '0b0387', '0400fc', '9794f2'],

+        deleteMenu;

+

+function mapsAPIseNi(MapDeclaration) {

+    //prveri, ce je element skripte APIja ze kreiran

+    var google_api = document.getElementById("google_api");

+    //ce je ze kreiran, dodaj funkcijo v onload (da se mapa kreira, ko se api dokoncno naloada)

+    if (google_api) {

+        //element z apijem ze obstaja, se pravi da se se loada

+        //deklariraj funkcijo za onload

+        var addFunctionOnLoad = function (callback) {

+            if (google_api.addEventListener) {

+                google_api.addEventListener('load', callback, false);

+            } else {

+                google_api.attachEvent('onload', callback);

+            }

+        };

+        //dodaj funkcijo v onload

+        addFunctionOnLoad(MapDeclaration);

+    }

+    //ce element skripte za API se ne obstaja, jo nalozi

+    else

+        loadGoogleMapsScript(function () {

+            MapDeclaration();

+            initializeDeleteMenu();

+        });

+}

+

+//includaj oz. nalozi skripno google APIja ter nastavi mapo

+function loadGoogleMapsScript(callback)

+{

+    // Adding the script tag to the head as suggested before

+    var head = document.getElementsByTagName('head')[0];

+    var script = document.createElement('script');

+    script.type = 'text/javascript';

+    script.id = 'google_api';

+    script.src = "https://maps.googleapis.com/maps/api/js?key="+google_maps_API_key+"&libraries=places,drawing";

+

+    // Then bind the event to the callback function.

+    // There are several events for cross browser compatibility.

+    script.onreadystatechange = callback;

+    script.onload = callback;

+

+    // Fire the loading

+    head.appendChild(script);

+}

+

+/**

+ * Used for clearing a map of polyline or polygon

+ * @param {type} controlDiv - div to put in custom settings - buttons

+ * @returns {div element} element of a control

+ */

+function drawingControl(controlDiv) {

+

+    controlDiv.style.padding = '10px';

+

+    // Set CSS for the control border.

+    var controlUI = document.createElement('div');

+    controlUI.style.backgroundColor = '#fff';

+    controlUI.style.border = '2px solid #fff';

+    controlUI.style.borderRadius = '3px';

+    controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';

+    controlUI.style.cursor = 'pointer';

+    controlUI.style.marginBottom = '22px';

+    controlUI.style.textAlign = 'center';

+    controlUI.style.display = 'inline-block';

+    controlUI.title = lang['srv_vprasanje_button_map_clear'];

+    controlDiv.appendChild(controlUI);

+

+    // Set CSS for the control interior.

+    var controlText = document.createElement('div');

+    controlText.style.color = 'rgb(25,25,25)';

+    controlText.style.fontFamily = 'Roboto,Arial,sans-serif';

+    controlText.style.fontSize = '16px';

+    controlText.style.lineHeight = '28px';

+    controlText.style.paddingLeft = '5px';

+    controlText.style.paddingRight = '5px';

+    controlText.innerHTML = lang['srv_vprasanje_button_map_clear'];

+    controlUI.appendChild(controlText);

+

+    return controlUI;

+}

+

+/**

+ * create bounds of all points of polygon/polyline

+ * @param {type} path gon.getPath()

+ * @param {int} spremenljivka - id spremenljivke

+ */

+function createBoundsFromPath(path, spremenljivka) {

+    var pathArray = path.getArray();

+    for (var i = 0, n = pathArray.length; i < n; i++) {

+        var latLng = pathArray[i];

+        bounds[spremenljivka].extend(latLng);

+    }

+}

+

+//pretvori lat in lng v en string

+//uporabi se kot kljuc markerja za ID iz objekta markers

+function getMarkerUniqueId(lat, lng, spr) {

+    var zdot = spr + '_' + lat + '_' + lng;

+    return zdot.split('.').join("-");

+}

+

+/**

+ * Find out if marker already exist on this variable whit this address

+ * @param {type} add - address to find if exist at some marker

+ * @param {type} spr - variable id

+ * @returns {type} - marker if exist, null otherwise

+ */

+function findMarkerFromAddress(add, spr) {

+    for (var i = 0; i < allMarkers[spr].length; i++) {

+        if (allMarkers[spr][i].address === add)

+            return allMarkers[spr][i];

+    }

+    return null;

+}

+

+////////////BRISANJE TOCK

+function initializeDeleteMenu() {

+    /**

+     * A menu that lets a user delete a selected vertex of a path.

+     * @constructor

+     */

+    function DeleteMenu() {

+        this.div_ = document.createElement('div');

+        this.div_.className = 'maps-delete-menu';

+        this.div_.innerHTML = lang['srv_vprasanje_delete_point_map'];

+

+        var menu = this;

+        google.maps.event.addDomListener(this.div_, 'click', function (e) {

+            //this prevents to trigger click event on map (klikNaMapo.js)

+            e.cancelBubble = true;

+            if (e.stopPropagation) e.stopPropagation(); 

+

+            //remove whole shape

+            if(menu.get('shape') && menu.get('vertex') == undefined && menu.get('marker') == undefined)

+                menu.removeShape();

+            //remove vertex in shape or marker

+            else

+                menu.removeVertex();

+        });

+    }

+    DeleteMenu.prototype = new google.maps.OverlayView();

+

+    DeleteMenu.prototype.onAdd = function () {

+        var deleteMenu = this;

+        var map = this.getMap();

+        this.getPanes().floatPane.appendChild(this.div_);

+

+        // mousedown anywhere on the map except on the menu div will close the

+        // menu.

+        this.divListener_ = google.maps.event.addDomListener(map.getDiv(), 'mousedown', function (e) {

+            if (e.target != deleteMenu.div_) {

+                deleteMenu.close();

+            }

+        }, true);

+    };

+

+    DeleteMenu.prototype.onRemove = function () {

+        google.maps.event.removeListener(this.divListener_);

+        this.div_.parentNode.removeChild(this.div_);

+

+        // clean up

+        this.set('position');

+        this.set('shape');

+        this.set('vertex');

+        this.set('spremenljivka');

+        this.set('DrawingControl');

+        this.set('drawingManager');

+        this.set('marker');

+        this.set('markerId');

+    };

+

+    DeleteMenu.prototype.close = function () {

+        this.setMap(null);

+    };

+

+    DeleteMenu.prototype.draw = function () {

+        var position = this.get('position');

+        var projection = this.getProjection();

+

+        if (!position || !projection) {

+            return;

+        }

+

+        var point = projection.fromLatLngToDivPixel(position);

+        this.div_.style.top = point.y + 'px';

+        this.div_.style.left = point.x + 'px';

+    };

+

+    /**

+     * Opens the menu at a vertex of a given path.

+     */

+    DeleteMenu.prototype.open = function (map, shape, vertex, spremenljivka, DrawingControl, drawingManager, marker, markerId) {

+        if(shape)

+            this.set('position', shape.getPath().getAt(vertex));

+        else if(marker)

+            this.set('position', marker.getPosition());

+

+        this.set('shape', shape);

+        this.set('vertex', vertex);

+        this.set('spremenljivka', spremenljivka);

+        this.set('DrawingControl', DrawingControl);

+        this.set('drawingManager', drawingManager);

+        this.set('marker', marker);

+        this.set('markerId', markerId);

+        this.setMap(map);

+        this.draw();

+    };

+    

+    /**

+     * Opens the menu at a geofence.

+     */

+    DeleteMenu.prototype.open_shape = function (map, shape, position, spremenljivka) {

+        this.set('position', position);

+        this.set('shape', shape);

+        this.set('spremenljivka', spremenljivka);

+        this.setMap(map);

+        this.draw();

+    };

+

+    /**

+     * Deletes the vertex from the path.

+     */

+    DeleteMenu.prototype.removeVertex = function () {

+        var spremenljivka = this.get('spremenljivka');

+        //shape

+        var shape = this.get('shape');

+        var vertex = this.get('vertex');

+        var DrawingControl = this.get('DrawingControl');

+        var drawingManager = this.get('drawingManager');

+        //marker

+        var marker = this.get('marker');

+        var markerId = this.get('markerId');

+

+        if ((!shape || vertex == undefined) && !marker) {

+            this.close();

+            return;

+        }

+

+        //removing marker

+        if(marker){

+            //accessed from respondent

+            if(markerId)

+                removeMarker(spremenljivka, marker, markerId);

+            //accessed from admin

+            else

+                removeMarkerVM(spremenljivka, marker);

+        }

+        //removing shape

+        else if(shape){

+            shape.getPath().removeAt(vertex);

+

+            if (shape.getPath().length < 2) {

+                //accessed from respondent

+                if(DrawingControl != null && drawingManager != null)

+                    //handle visibility of tools

+                    clearAndMakeDrawableAgain(spremenljivka, shape, DrawingControl, drawingManager);

+                //accessed from admin

+                else

+                    //remove shape from DB

+                    deleteLineInDB(spremenljivka, shape);

+            }

+        }

+        this.close();

+    };

+    

+     /**

+     * Deletes the whole shape.

+     */

+    DeleteMenu.prototype.removeShape = function () {

+        //shape

+        var shape = this.get('shape');

+

+        //removing shape from DB and map

+        if(shape){

+            maza_delete_geofence(shape);

+        }

+        this.close();

+    };

+

+    deleteMenu = new DeleteMenu();

+}
\ No newline at end of file
diff --git a/main/survey/js/Maps/Markers.js b/main/survey/js/Maps/Markers.js
new file mode 100644
index 0000000..cb37863
--- /dev/null
+++ b/main/survey/js/Maps/Markers.js
@@ -0,0 +1,317 @@
+// Author: Uroš Podkrižnik (17.12.2015)

+// Tip vprasanja = 26

+

+//MARKERS

+

+/**

+ * Ce obstajajo podatki v bazi (rec. uporabnik klikne 'Prejsnja stran'). 

+ * Kreirajo se markerji, shranjeni v bazi.

+ * @param spremenljivka int id spremenljivke

+ * @param map_data JSON Object

+ * @param podtip int - podtip/enota - 1-mojalokacija, 2-multilokacija, 3-chooselokacija

+ */

+function map_data_fill(spremenljivka, map_data, podtip) {

+    for (var row in map_data) {

+        var row_object = map_data[row];

+        var pos = {lat: row_object.lat, lng: row_object.lng};

+        //kreiraj marker

+        createMarker(spremenljivka, row_object.address, pos, false, row_object.text, podtip, row_object.naslov, row_object.vre_id);

+    }

+}

+

+/**

+ * funkcija, ki kreira osnovni marker (rdec)

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @param {type} add - String - label o informacijah markerja

+ * @param {type} pos - koordinate - objekt {lat: ???, lng: ???}

+ * @param {boolean} fromSearchBox - true if called from searchBox, false otherwise (used to avoid duplicates)

+ * @param {type} text - string - text za windowinfo textarea

+ * @param {type} podtip - int - podtip/enota - 1-mojalokacija, 2-multilokacija, 3-chooselokacija

+ * @param {type} naslov - string - title of marker

+ * @param {type} vre_id - int - id of vrednost

+ * @returns {undefined}

+ */

+function createMarker(spremenljivka, add, pos, fromSearchBox, text, podtip, naslov, vre_id) {

+    //in case, we are creating marker from searchbox, check if marker with this address already exist

+    //if yes, do not create marker and focus on marker with this address, if not, create marker

+    var marker = fromSearchBox ? findMarkerFromAddress(add, spremenljivka) : null;

+

+    if (!marker) {

+        //pridobi mapo spremenljivke

+        var map;

+        if (document.getElementById("map_" + spremenljivka))

+            map = document.getElementById("map_" + spremenljivka).gMap;

+        else

+            map = document.getElementById("map_canvas_all").gMap;

+

+        //pridobi ID markerja

+        var markerId = ((podtip == 3) && vre_id) ? vre_id : getMarkerUniqueId(pos.lat, pos.lng, spremenljivka);

+

+        //ce ze obstaja marker s tocno takim ID (iste koordinate), ignoriraj

+        //do te situacije pride (da je spodaj false) lahko samo tako, da v 

+        //searchbox uporabnik dvakrat vpise isto lokacijo in jo markira -podvajanje podatkov

+        if ($('#' + markerId).length == 0) {

+

+            var path_img_dir = srv_site_url + 'admin/survey/img_0/';

+

+            var icon = {

+                fillColor: '#FF5555',

+                url: path_img_dir + (podvprasanje[spremenljivka] ? 'marker_text_off.png' :

+                        'marker_default.svg'),

+                fillOpacity: 1,

+                strokeWeight: 1

+            }

+            

+            var namapo = null;

+            //var soda = spremenljivka % 2 == 0;

+

+            //v view mode naredimo clusters, pri resevanju pa jhi sproti filamo v  mapo

+            if (!viewMode)

+                namapo = map;

+            else if(podtip == 3){

+                namapo = map;

+            }

+

+            //nastavitve markerja

+            var marker = new google.maps.Marker({

+                position: new google.maps.LatLng(pos.lat, pos.lng),

+                id: 'marker_' + markerId,

+                map: namapo,

+                icon: icon,

+                address: add

+            });

+

+            

+            //store marker in markers array

+            allMarkers[spremenljivka].push(marker);

+

+            //ce je tip moja lokacija

+            if (ml_sprem.indexOf(spremenljivka) > -1) {

+                //ce obstaja marker, ga izbrisi

+                if (mlmarker['' + spremenljivka]){

+                    removeMarker(spremenljivka, mlmarker['' + spremenljivka], markerId);

+                    deleteAllMarkerInputs(spremenljivka);

+                }

+                //shrani marker v array, za kasnejsi iibris markerja iz mape pri mojilokaciji

+                mlmarker['' + spremenljivka] = marker;

+            }

+

+            if (!viewMode) {

+                //ustvari input, ce ze ne obstaja ta id (tocno te koordinate)

+                createMarkerInput(spremenljivka, marker, markerId, text);

+

+                if (podtip != 3)

+                    //markers[markerId] = marker; // cache marker in markers object

+                    bindMarkerEvents(spremenljivka, marker, markerId, map); // bind right click event to marker

+            }

+

+            //Create a div element for container.

+            var container = document.createElement("div");

+

+            if (podtip == 3) {

+                if (naslov) {

+                    //Create a label element for title.

+                    var title = document.createElement("label");

+                    title.innerHTML = '<b>' + naslov + '</b><br>';

+                    container.appendChild(title);

+                }

+

+                //Create a label element for address.

+                var label = document.createElement("label");

+                label.innerHTML = '<i>' + add + '</i><br>' + (podvprasanje_naslov[spremenljivka] ? '<br>' : '');

+                label.style.cssText = 'font-size:0.85em';

+                container.appendChild(label);

+            } else {

+                //Create a label element for address.

+                var label = document.createElement("label");

+                label.innerHTML = viewMode ? '<b>' + add + '</b><br>' : add + '<br>';

+                container.appendChild(label);

+            }

+

+            //naredi textbox, ce je nastavljeno podvprasanje

+            if (podvprasanje[spremenljivka]) {

+                //Create a label element for subquestion title

+                if (podvprasanje_naslov[spremenljivka]) {

+                    var podvprasanje_title = document.createElement("label");

+                    podvprasanje_title.innerHTML = viewMode ? podvprasanje_naslov[spremenljivka] + '<br>' :

+                            '<b>' + podvprasanje_naslov[spremenljivka] + '</b><br>';

+                    container.appendChild(podvprasanje_title);

+                }

+

+                if (!viewMode) {

+                    //Create a textarea for the input text

+                    var textBox = document.createElement("textarea");

+                    textBox.setAttribute("id", markerId + "_textarea");

+                    textBox.style.width = "100%";

+                    textBox.id = markerId + "_textarea_id";

+                    textBox.className = "boxsizingBorder";

+                    textBox.style.height = "50px";

+                } else {

+                    //Create a label for respondent text response

+                    var textBox = document.createElement("label");

+                }

+                //ce obstaja text, ga vstavi v textarea

+                if (text && (text != '-2' && text != '-4' && text != '-1')) {

+                    textBox.innerHTML = viewMode ? '<i>' + text + '</i>' : text;

+                    marker.setIcon({url: path_img_dir + 'marker_text_on.png'});

+                }

+

+                container.appendChild(textBox);

+

+                if (!viewMode) {

+                    //ko se spremeni textarea v windowinfo, spremeni value inputa za text

+                    google.maps.event.addDomListener(textBox, "input", function () {

+                        document.getElementById(markerId + '_text').value = textBox.value;

+                        if (textBox.value)

+                            marker.setIcon({url: path_img_dir + 'marker_text_on.png'});

+                        else

+                            marker.setIcon({url: path_img_dir + 'marker_text_off.png'});

+                    });

+                }

+            }

+

+            //if "choose location" in view mode, declare own infowindow for each marker and open in

+            //otherwise use global variable infowindow

+            var infowin = (podtip == 3 && viewMode) ? new google.maps.InfoWindow() : infowindow;

+

+            //listener ob kliku na marker - focus input mora biti po nastavljanju bounds ali zoom

+            google.maps.event.addListener(marker, 'click', function () {

+                infowin.setContent(container);

+                infowin.open(map, marker);

+                //focus on input

+                $("#" + markerId + "_textarea_id").focus();

+            });

+

+            //nastavi label

+            infowin.setContent(container);

+            //odpre marker - prikaze label (kot da bi ga kliknil)

+            infowin.open(map, marker);

+

+            if (ml_sprem.indexOf(spremenljivka) == -1)

+                //v okvir se doda nov marker

+                bounds[spremenljivka].extend(marker.position);

+

+            //ce je samo eden marker, ga malo odzoomaj

+            if (ml_sprem.indexOf(spremenljivka) > -1 || (st_markerjev[spremenljivka] == 0) && viewMode) {

+                map.setCenter(marker.position);

+                map.setZoom(17);

+            } else if (st_markerjev[spremenljivka] > 0) {

+                //zemljevid se prilagodi okviru

+                map.fitBounds(bounds[spremenljivka]);

+

+                //ce ni v viewMode - je v resevanju ankete - se za vsak marker odzooma

+                /*if(!viewMode && podtip != 3){

+                 //zmanjsaj zoom za 1, ker google naredi prevec oddaljeno

+                 google.maps.event.addListenerOnce(map, "bounds_changed", function() { 

+                 map.setZoom(map.getZoom()-1);

+                 });

+                 }*/

+                //ce je v viewMode - v podatkih ali analizah - se odzooma za 1 samo pri zadnjem markerju

+                if (viewMode && max_mark[spremenljivka] == st_markerjev[spremenljivka] + 1) {

+                    //zmanjsaj zoom za 1, ker google naredi prevec oddaljeno

+                    google.maps.event.addListenerOnce(map, "bounds_changed", function () {

+                        map.setZoom(map.getZoom() - 1);

+                    });

+                }

+            }

+

+            //stevilo markerjev se poveca

+            st_markerjev[spremenljivka]++;

+

+            //odstej od dovoljenih za opozorilo

+            if (ml_sprem.indexOf(spremenljivka) == -1 && !viewMode && max_mark[spremenljivka] == st_markerjev[spremenljivka])

+                $('#max_marker_' + spremenljivka).show();

+

+            //focus on input - must be after setting bounds or zooming

+            $("#" + markerId + "_textarea_id").focus();

+        }

+    } else {

+        //trigger click on marker, to focus it and open infowindow

+        google.maps.event.trigger(marker, 'click');

+    }

+}

+

+/**

+ * handler za desni klik in dvojni klik na markerja

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @param {type} marker

+ * @param {type} markerId

+ * @param {type} map - google map

+ */

+function bindMarkerEvents(spremenljivka, marker, markerId, map) {

+    google.maps.event.addListener(marker, "rightclick", function () {

+        //removeMarker(spremenljivka, marker, markerId); // remove marker from array

+        deleteMenu.open(map, null, null, spremenljivka, null, null, marker, markerId);

+        $('#max_marker_' + spremenljivka).hide();

+    });

+    google.maps.event.addListener(marker, "dblclick", function () {

+        //removeMarker(spremenljivka, marker, markerId); // remove marker from array

+        deleteMenu.open(map, null, null, spremenljivka, null, null, marker, markerId);

+        $('#max_marker_' + spremenljivka).hide();

+    });

+}

+

+/**

+ * brise marker iz zemljevida

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @param {type} marker

+ * @param {type} markerId

+ */

+function removeMarker(spremenljivka, marker, markerId) {

+    marker.setMap(null); // set markers setMap to null to remove it from map

+    //remove marker from marker array

+    var index = allMarkers[spremenljivka].indexOf(marker);

+    if (index > -1)

+        allMarkers[spremenljivka].splice(index, 1);

+    //stevilo markerjev se zmanjsa

+    st_markerjev[spremenljivka]--;

+    

+    deleteMarkerInput(markerId); //remove input of marker fro form

+}

+

+/**

+ * kreira hidden inpute s podatki markerja

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @param {type} marker

+ * @param {type} markerId - id markerja

+ * @param {type} text - text za textarea v windowinfo

+ * @returns {undefined}

+ */

+function createMarkerInput(spremenljivka, marker, markerId, text) {

+    //najdi element za drzanje variabel

+    var $variable_holder = $("#spremenljivka_" + spremenljivka + "_variabla");

+

+    //kreiraj input s statičnimi podatki markerja

+    var $markerInput = $("<input>", {id: markerId, name: "vrednost_" + spremenljivka + "[]",

+        type: "hidden", class: "marker_input",

+        value: markerId + "|" + marker.getPosition().lat() + "|" +

+                marker.getPosition().lng() + "|" + marker.address});

+    $variable_holder.append($markerInput);

+

+    if (podvprasanje[spremenljivka]) {

+        //kreiraj input s textom  - textarea v infowindow

+        var $textareaInput = $("<input>", {id: markerId + '_text', name: markerId + '_text',

+            type: "hidden", value: text, class: "marker_input"});

+        $variable_holder.append($textareaInput);

+    }

+}

+

+/**

+ * brise inpute s podatki markerja

+ * @param {type} markerId - id markerja

+ */

+function deleteMarkerInput(markerId) {

+    //brisi input s staticnimi podatki markerja

+    $('#' + markerId).remove();

+    //brisi input s textom markerja v windowinfo

+    $('#' + markerId + '_text').remove();

+}

+

+/**

+ * brise vse inpute mape (vse markerje)

+ * @param {type} spremenljivka - int - id spremenljivke

+ */

+function deleteAllMarkerInputs(spremenljivka) {

+    //brisi vse inpute s staticnimi podatki markerja

+    $('#spremenljivka_' + spremenljivka + '_variabla').find('input.marker_input').remove();

+}
\ No newline at end of file
diff --git a/main/survey/js/Maps/SearchBox.js b/main/survey/js/Maps/SearchBox.js
new file mode 100644
index 0000000..e71b6ea
--- /dev/null
+++ b/main/survey/js/Maps/SearchBox.js
@@ -0,0 +1,78 @@
+// Author: Uroš Podkrižnik (25.6.2016)

+// Tip vprasanja = 26 

+

+// SEARCH BOX

+

+/**

+ * Skripta, ki ustvari in nastavi iskalno polje za zemljevid

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @returns {undefined}

+ */

+function searchBox(spremenljivka, doOnPlacesChanged){

+    //pridobi mapo spremenljivke

+    var map;

+    if(document.getElementById("map_"+spremenljivka))

+        map = document.getElementById("map_"+spremenljivka).gMap;

+    else if(document.getElementById("br_map_"+spremenljivka)){

+        map = document.getElementById("br_map_"+spremenljivka).gMap;

+    }

+    else{

+        map = document.getElementById("maza_map_geofencing").gMap;

+    }

+    

+    // Create the search box and link it to the UI element.

+    var input = document.getElementById('pac-input_'+spremenljivka);

+    input.style.display='inline-block';

+    var searchBox = new google.maps.places.SearchBox(input);

+    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

+

+    // Bias the SearchBox results towards current map's viewport.

+    map.addListener('bounds_changed', function() {

+        searchBox.setBounds(map.getBounds());

+    });

+

+    // Listen for the event fired when the user selects a prediction and retrieve

+    // more details for that place.

+    searchBox.addListener('places_changed', function() {

+        var places = searchBox.getPlaces();

+

+        if (places.length == 0)

+            return;

+        

+        //first place has data of geometry

+        if(places[0].geometry){

+            //pozicija v latitude in longitude, ki jo najde

+            var pos = {

+                lat: places[0].geometry.location.lat(),

+                lng: places[0].geometry.location.lng()

+            };

+

+            doOnPlacesChanged(pos, places[0].formatted_address);

+        }

+        //first place does not have data of geometry, do a geocoding from adress

+        else{

+            findPlace(places[0].name, function(pos, formatted_address){

+                doOnPlacesChanged(pos, formatted_address);

+            });

+        }

+    });

+}

+

+/**

+ * Find place from addres

+ * @param {type} address - address to geocode

+ * @param {type} doAfterPlaceFound - callback function to call when place is found

+ * @returns {undefined}

+ */

+function findPlace (address, doAfterPlaceFound){

+    geocoderFromAddress(address, function(place){

+        if(place){

+            var pos = {

+                lat: place.geometry.location.lat(),

+                lng: place.geometry.location.lng()

+            };

+            

+            doAfterPlaceFound(pos, place.formatted_address);

+        }

+    });

+}

diff --git a/main/survey/js/Maps/ShapeDrawing.js b/main/survey/js/Maps/ShapeDrawing.js
new file mode 100644
index 0000000..8495671
--- /dev/null
+++ b/main/survey/js/Maps/ShapeDrawing.js
@@ -0,0 +1,397 @@
+// Author: Uroš Podkrižnik (24.1.2017)

+// Tip vprasanja = 26

+

+//DRAWING POLYLINE

+

+/**

+ * Function to set parameters for drawing a shape on map

+ * 

+ * @param {type} spremenljivka - id spremenljivke

+ * @param {google's shape} shape - polyline or polygon if already exists

+ * @param shape_type - string - type of shape 'polyline' or 'polygon'

+ * @returns {undefined}

+ */

+function drawShape(spremenljivka, shape, shape_type) {

+    var map = document.getElementById("map_"+spremenljivka).gMap;

+    

+    var drawingMode = (shape_type === 'polyline') ? 

+        google.maps.drawing.OverlayType.POLYLINE : google.maps.drawing.OverlayType.POLYGON;

+    var startDrawingMode = shape!==null ? null : drawingMode;

+    var shapeOptions = (shape_type === 'polyline') ? polylineOptions() : polygonOptions();

+

+    var drawingManager = new google.maps.drawing.DrawingManager({

+        drawingMode: startDrawingMode,

+        drawingControl: shape===null,

+        drawingControlOptions: {

+            position: google.maps.ControlPosition.TOP_RIGHT,

+            drawingModes: [shape_type]

+        },

+        polylineOptions: shapeOptions,

+        polygonOptions: shapeOptions

+    });

+  

+    //settings for custom drawing controls

+    var drawingControlDiv = document.createElement('div');

+    var DrawingControl = new drawingControl(drawingControlDiv, map, spremenljivka);

+    drawingControlDiv.index = 1;

+    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(drawingControlDiv);

+    //at start, there is no shape, so no need to show delete button

+    DrawingControl.style.display = (shape!==null && !viewMode) ? 'inline-block' : 'none';

+      

+    if(shape!==null){

+        shape.type = shape_type;

+        createBoundsFromPath( shape.getPath() , spremenljivka );

+        map.fitBounds(bounds[spremenljivka]);

+        afterShapeCompleteSettings(drawingManager, DrawingControl, shape, spremenljivka, map);

+    }

+    

+    //listener when user colpetes shape

+    google.maps.event.addListener(drawingManager, shape_type+'complete', function(shape) {

+        shape.type = shape_type;

+        afterShapeCompleteSettings(drawingManager, DrawingControl, shape, spremenljivka, map);

+    });

+

+    drawingManager.setMap(map);

+}

+

+/**

+ * Sets all kind of settings after shape is complete

+ * 

+ * @param {type} drawingManager - google's drawingManager

+ * @param {type} DrawingControl - button for removing a shape

+ * @param {google's shape} shape - polyline or polygon if already exists

+ * @param {type} spremenljivka - id spremenljivke

+ * @param {type} map - google map on which we are drawing shape

+ * @returns {undefined}

+ */

+function afterShapeCompleteSettings(drawingManager, DrawingControl, shape, spremenljivka, map){

+    //hide controls

+        drawingManager.setOptions({

+            drawingControl: false

+        });

+        //stop drawing

+        drawingManager.setDrawingMode(null);

+        //show delete button

+        DrawingControl.style.display = 'inline-block';

+

+        // Setup the click event listener for delete button

+        DrawingControl.addEventListener('click', function() {

+            clearAndMakeDrawableAgain(spremenljivka, shape, DrawingControl, drawingManager);

+        });

+        

+        shapeInputHandler(shape, spremenljivka);

+        

+        //hide warning info for ending a shape

+        var end_info_warning = document.getElementById("end_shape_info_"+spremenljivka);

+        end_info_warning.style.display  = "none";

+

+        /**

+         * Liteners when editing a shape

+         */

+        //when editing end or start point

+        google.maps.event.addListener(shape.getPath(), 'set_at', function(index, obj) {

+            shapeInputHandler(shape, spremenljivka);

+        });

+        //when inserting new point (break old one)

+        google.maps.event.addListener(shape.getPath(), 'insert_at', function(index, obj) {

+            shapeInputHandler(shape, spremenljivka);

+        });

+        //when deleting a point -> undo 

+        google.maps.event.addListener(shape.getPath(), 'remove_at', function(index, obj) {

+            shapeInputHandler(shape, spremenljivka);

+        });

+        

+        setDeleteMenu(shape, map, spremenljivka, DrawingControl, drawingManager)

+}

+

+/**

+ * Sets rightclick and dblclick listeners to open delete menu

+ * @param {type} shape - shape to set listeners on

+ * @param {type} map  - map on which to hover menu (shape's map)

+ * @param {type} spremenljivka - id of variable

+ * @param {type} drawingManager - google's drawingManager

+ * @param {type} DrawingControl - button for removing a shape

+ * @returns {undefined}

+ */

+function setDeleteMenu(shape, map, spremenljivka, DrawingControl, drawingManager) {

+    google.maps.event.addListener(shape, 'rightclick', function (e) {

+        // Check if click was on a vertex control point

+        if (e.vertex == undefined) {

+            return;

+        }

+        //removeVertexVM(spremenljivka, shape, e.vertex);

+        deleteMenu.open(map, shape, e.vertex, spremenljivka, DrawingControl, drawingManager);

+    });

+    google.maps.event.addListener(shape, 'dblclick', function (e) {

+        // Check if click was on a vertex control point

+        if (e.vertex == undefined) {

+            return;

+        }

+        //removeVertexVM(spremenljivka, shape, e.vertex);

+        deleteMenu.open(map, shape, e.vertex, spremenljivka, DrawingControl, drawingManager);

+    });

+}

+

+/**

+ * Ce obstajajo podatki v bazi izrisi info shapes

+ * Kreirajo se markerji, shranjeni v bazi.

+ * @param spremenljivka int id spremenljivke

+ * @param map_data JSON Object

+ */

+function map_data_fill_info_shapes(spremenljivka, map_data) {

+    //because of viewing a filled survey at data section

+    var fillMode = (document.getElementById("map_"+spremenljivka) !== null);

+

+    //pridobi mapo spremenljivke

+    var map;

+    if(fillMode)

+        map = document.getElementById("map_"+spremenljivka).gMap;

+    else

+        map = document.getElementById("map_canvas_all").gMap;

+    

+    

+    var shapeOption = polylineOptions(map);

+    

+    for (var i=0; i<map_data.length; i++)

+    {             

+        var color = mapShapeColors[i % mapShapeColors.length];

+

+        //set and show the shape

+        shapeOption.path = map_data[i].path;

+        shapeOption.strokeColor = '#'+color;

+        shapeOption.strokeColorOrg = '#'+color;

+        shapeOption.editable = false;

+        var shape = new google.maps.Polyline(shapeOption);

+      

+        //Create a div element for container.

+        var container = document.createElement("div");

+        //margin, da se pri italic ne odreze zadja crka

+        container.style.cssText = 'margin-right:1px';

+

+        //Create a label for title

+        var Title = document.createElement("label");

+        Title.style.cssText = "font-size:1em;";

+        Title.innerHTML = '<b>' + map_data[i].address + '</b>';

+        container.appendChild(Title);

+        

+        shape.ifnowin = container;

+        shape.address = map_data[i].address;

+        var infow = new google.maps.InfoWindow();

+

+        google.maps.event.addListener(shape, 'mouseover', function(ev) { 

+            this.setOptions({strokeWeight: 6, zIndex: 2}); 

+            //open infowindow if title exists

+            if(this.address){

+                infow.setContent(this.ifnowin);

+                infow.setPosition(ev.latLng);

+                infow.open(map);

+            }

+        });

+        google.maps.event.addListener(shape, 'mouseout', function() { 

+            this.setOptions({strokeWeight: 4, zIndex: 1}); 

+            infow.close();

+        });

+    }

+}

+

+/**

+ * Clears the map, deletes all inputs, hides "Clear" button and sets drawing mode on

+ * @param {type} spremenljivka - id spremenljivke

+ * @param {google's shape} shape - polyline or polygon

+ * @param {type} drawingManager - google's drawingManager

+ * @param {type} DrawingControl - button for removing a shape

+ * @returns {undefined}

+ */

+function clearAndMakeDrawableAgain(spremenljivka, shape, DrawingControl, drawingManager){

+    //remove shape

+    shape.setMap(null);  

+    //remove all hidden inputs of a shape

+    deleteAllShapeInputs(spremenljivka);

+    //hide delete button

+    DrawingControl.style.display = 'none';

+    //show drawing controls

+    drawingManager.setOptions({

+        drawingControl: true

+    });

+

+    //start drawing

+    drawingManager.setDrawingMode(shape.type);

+    

+    //show warning info for ending a shape

+    var end_info_warning = document.getElementById("end_shape_info_"+spremenljivka);

+    end_info_warning.style.display  = "inline-block";

+}

+

+/**

+ * Removes a vertex/point of shape and if it after last it clears the map

+ * and sets drawing mode on again

+ * @param {type} spremenljivka - id spremenljivke

+ * @param {google's shape} shape - polyline or polygon if already exists

+ * @param {type} vertex - vertex or point which was selected

+ * @param {type} drawingManager - google's drawingManager

+ * @param {type} DrawingControl - button for removing a shape

+ * @returns {undefined}

+ */

+/*function removeVertex(spremenljivka, shape, vertex, DrawingControl, drawingManager) {

+    if (!shape || vertex == undefined)

+        return;

+

+    shape.getPath().removeAt(vertex);

+

+    if(shape.getPath().length < 2){

+        clearAndMakeDrawableAgain(spremenljivka, shape, DrawingControl, drawingManager);

+    }

+}*/

+

+/**

+ * Handle hidden input - remove old, create new

+ * @param {google's shape} shape - polyline or polygon

+ * @param {int} spremenljivka - id spremenljivke

+ * @returns {undefined}

+ */

+function shapeInputHandler(shape, spremenljivka){

+    deleteAllShapeInputs(spremenljivka);

+    createAllShapeInputs( shape.getPath(), spremenljivka );

+}

+

+/**

+ * create hidden inputs of all points of shape

+ * @param {type} path shape.getPath()

+ * @param {int} spremenljivka - id spremenljivke

+ */

+function createAllShapeInputs( path , spremenljivka ) {

+    var pathArray = path.getArray();

+    for( var i = 0, n = pathArray.length;  i < n;  i++ ) {

+        var latLng = pathArray[i];

+        createShapeInput(spremenljivka, { lat: latLng.lat(), lng: latLng.lng() }, i+1);

+    }

+}

+

+/**

+ * create hidden input of shape data

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @param {type} vertices - array of lat and lng

+ * @param {type} index - order of point

+ * @returns {undefined}

+ */

+function createShapeInput(spremenljivka, vertices, index) {

+    //najdi element za drzanje variabel

+    var $variable_holder = $("#spremenljivka_" + spremenljivka + "_variabla");

+    

+    //kreiraj input s statičnimi podatki markerja

+    var $shapeInput = $("<input>", {name: "vrednost_" + spremenljivka + "[]",

+        type: "hidden", class: "shape_input",

+        value: index + "|" + vertices.lat + "|" + vertices.lng});

+    $variable_holder.append($shapeInput);

+}

+

+/**

+ * delete all hidden inputs of shape

+ * @param {type} spremenljivka - id spremenljivke

+ */

+function deleteAllShapeInputs(spremenljivka) {

+    //brisi vse inpute s staticnimi podatki shape

+    $('#spremenljivka_' + spremenljivka + '_variabla').find('input.shape_input').remove();

+}

+

+/**

+ * Ce obstajajo podatki v bazi (rec. uporabnik klikne 'Prejsnja stran'). 

+ * Kreira se shape, shranjena v bazi.

+ * @param spremenljivka int id spremenljivke

+ * @param map_data JSON Object

+ * @param shape_type - string - type of shape 'polyline' or 'polygon'

+ */

+function map_data_fill_shape(spremenljivka, map_data, shape_type){

+    //because of viewing a filled survey at data section

+    var fillMode = (document.getElementById("map_"+spremenljivka) !== null);

+

+    //pridobi mapo spremenljivke

+    var map;

+    if(fillMode)

+        map = document.getElementById("map_"+spremenljivka).gMap;

+    else

+        map = document.getElementById("map_canvas_all").gMap;

+    

+    var shapeOption = shape_type === 'polyline' ? polylineOptions(map) : polygonOptions(map);

+    

+    //for respondents, fill a map

+    if(fillMode){

+        //set and show the shape

+        shapeOption.path = map_data;

+        var shape = shape_type === 'polyline' ? 

+            new google.maps.Polyline(shapeOption) : new google.maps.Polygon(shapeOption);

+    

+        //alsways viewMode = false, except at insight into survey at data

+        //if not viewMode, create shape inputs and start drawing

+        if(!viewMode){

+            //create hidden inputs of shape

+            createAllShapeInputs( shape.getPath() , spremenljivka );

+

+            //set all data for shape drawing

+            drawShape(spremenljivka, shape, shape_type);

+        }

+        //if viewMode, just create and fit bounds

+        else{

+            //set bounds

+            createBoundsFromPath( shape.getPath() , spremenljivka );

+            map.fitBounds(bounds[spremenljivka]);

+        }

+    }

+    //for admins, show shapes

+    else{

+        var keys = Object.keys(map_data);  

+

+        for (var i=0; i<keys.length; i++)

+        {

+            var color = mapShapeColors[i % mapShapeColors.length];

+

+            //set and show the shape

+            shapeOption.path = map_data[keys[i]];

+            shapeOption.strokeColor = '#'+color;

+            shapeOption.strokeColorOrg = '#'+color;

+            var shape = shape_type === 'polyline' ? 

+                new google.maps.Polyline(shapeOption) : new google.maps.Polygon(shapeOption);

+

+            google.maps.event.addListener(shape, 'mouseover', function() { this.setOptions({strokeWeight: 6, strokeColor: 'black', zIndex: 2}); });

+            google.maps.event.addListener(shape, 'mouseout', function() { this.setOptions({strokeWeight: 4, strokeColor: this.strokeColorOrg , zIndex: 1}); });

+    

+            //set bounds

+            createBoundsFromPath( shape.getPath() , 'all' );

+            map.fitBounds(bounds['all']);

+        }

+    }

+}

+

+/**

+ * Polyline options holder

+ * @param map google map, to put polyline in it

+ * @returns {polylineOptions.PolylineAnonym$6}

+ */

+function polylineOptions(map){

+    return {

+        strokeColor: 'black',

+        strokeColorOrg: 'black',

+        strokeWeight: 4,

+        clickable: true,

+        editable: !viewMode,

+        zIndex: 1,

+        map: map

+    };

+}

+

+/**

+ * Polygon options holder

+ * @param map google map, to put polygon in it

+ * @returns {polygonOptions.PolygonAnonym$6}

+ */

+function polygonOptions(map){

+    return {

+        strokeColor: 'black',

+        strokeColorOrg: 'black',

+        strokeWeight: 4,

+        clickable: true,

+        editable: !viewMode,

+        zIndex: 1,

+        map: map

+    };

+}
\ No newline at end of file
diff --git a/main/survey/js/Maps/UserLocation.js b/main/survey/js/Maps/UserLocation.js
new file mode 100644
index 0000000..89620be
--- /dev/null
+++ b/main/survey/js/Maps/UserLocation.js
@@ -0,0 +1,94 @@
+// Author: Uroš Podkrižnik (17.12.2015)

+// Tip vprasanja = 26 

+

+// USER LOCATION

+// Skripta, ki najde lokacijo uporabnika

+

+/**

+ * funkcija za zacetek procedure ya ugotavljanje lokacije userja

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @returns {undefined}

+ */

+function userLocation(spremenljivka) {

+    // ali browser podpira pridobivanje lokacije uporabnika

+    if (navigator.geolocation) {

+        

+        var options = {

+            enableHighAccuracy: true,

+            timeout: 0,

+            maximumAge: Infinity

+        };

+

+        navigator.geolocation.getCurrentPosition(

+            function (position) {

+                //pozicija v latitude in longitude, ki jo najde

+                var pos = {

+                    lat: position.coords.latitude,

+                    lng: position.coords.longitude

+                };

+                

+                //accuracy of position

+                //console.log('More or less meters ' + position.coords.accuracy);

+

+                //klice proceduro, kjer se naprej operira s koordinatami

+                userLocationProceduraF(pos, spremenljivka);

+            }, function (error) {

+                var warning = $('#warning_geo_'+spremenljivka);

+

+                if(error){

+                    switch(error.code) {

+                        case error.PERMISSION_DENIED:

+                            warning.html(lang['srv_resevanje_user_denied_geo_map']);

+                            break;

+                        case error.POSITION_UNAVAILABLE:

+                            warning.html(lang['srv_resevanje_position_unavailable_geo_map']);

+                            break;

+                        case error.TIMEOUT:

+                            warning.html(lang['srv_resevanje_timeout_geo_map']);

+                            break;

+                        case error.UNKNOWN_ERROR:

+                            warning.html(lang['srv_resevanje_unknown_error_geo_map']);

+                            break;

+                    }

+                }

+                else

+                    warning.html(lang['srv_resevanje_browser_not_support_geo_map']);

+

+                warning.show();

+            }

+        );

+    } else {

+        // Browser doesn't support Geolocation

+        handleLocationError(false);

+    }

+}

+

+/**

+ * procedura, ki se izvede, ko API najde lokacijo userja

+ * @param {type} pos - koordinate - objekt {lat: ???, lng: ???}

+ * @param {type} spremenljivka - int - id spremenljivke

+ * @returns {undefined}

+ */

+function userLocationProceduraF(pos, spremenljivka) {

+    //za omejitev max markerjev

+    if(ml_sprem.indexOf(spremenljivka) > -1 || max_mark[spremenljivka]-st_markerjev[spremenljivka] != 0){

+        //pretvori iz koordinat v naslov in nastavi label v infowindow

+        GeocodingF(pos, function (data) {

+            //ce ne vrne null - je nasel naslov

+            if (data != null) {

+                //kreira marker na lokaciji

+                for (key in usrLoc_sprem) {

+                    //Param fromSearchBox is true because of possible duplicate at multilocation with userloction ON,

+                    //if user goes to previous page. 

+                    //In very rare occasions this may couse bad UX in case: 

+                    //user has clicked on location with address 'Undefined road', then userlocation returns

+                    //address as 'Undefined road' - in this case, marker will not be created from userlocation.

+                    createMarker(usrLoc_sprem[key], data.formatted_address, pos, true);

+                }

+            } else {

+                //odpre se okno, ce je prislo do napake - null - (mozen je tudi prekratek delay med geocoding requesti)

+                alert(lang['srv_resevanje_alert_location_not_found_map']);

+            }

+        });

+    }

+}
\ No newline at end of file