/var/www_maris/pilis.lv/template/pages/castls-manors/<br>pilis-muizas
<div class="panel panel-default">
    <div class="panel-heading">Kopskats</div>
    <div id="mapPub" class="panel-body" style="height: 800px; width:1300px; padding:0; margin:0">

    </div>
</div>

<script defer src="/template/js/gmaps.js"></script>

<script type="text/javascript">
    var jsArr = [];
</script>

<script type="text/javascript">
    $(document).ready(function () {
        var map = new GMaps({
            div: '#mapPub',
            lat: 56.87,
            lng: 24.60,
            zoom: 8
        });

        var infoWindow = new google.maps.InfoWindow({
            content: ""
        });

        var imgSrc = '';

        for (index = 0; index < jsArr.length; ++index) {
            res = jsArr[index]["photos"].split("|");
            if (imageExists("/userfiles/objects/" + jsArr[index]["id"] + "/1_" + res[0])) {
                imgSrc = "/userfiles/objects/" + jsArr[index]["id"] + "/1_" + res[0];
            } else {
                imgSrc = "/template/img/vietas_aiznemejs_grey.jpg";
            }

            //if (jsArr[index]["latitude"] && jsArr[index]["longitude"]) {
                map.addMarker({
                    lat: jsArr[index]["latitude"],
                    lng: jsArr[index]["longitude"],
                    contentString: "<div class='map-pop-content'><h4>" + jsArr[index]["name"] + "</h4> \
                        <img src='" + imgSrc + "' \
                        style='max-height:100px;max-width:150px' alt='" + jsArr[index]["name"] + "' \
                        title='" + jsArr[index]["name"] + "'/><p>" + jsArr[index]["address"] + "</p></div>",
                    click: (function (e) {
                        return function() {
                            $.fancybox.open({
                                'width'         : '75%',
                                'height'        : '75%',
                                'autoScale'     : false, 
                                'type'          : 'ajax',
                                'overlayShow'   : false,
                                'transitionIn'  : 'elastic',
                                'transitionOut' : 'elastic',
                                'padding'       : 0,
                                'helpers'       : {
                                    overlay: {
                                        locked: false
                                    }
                                },
                                'wrapCSS'       : 'fancy-object',
                                'fitToView'     : false,
                                'href'          : '/act/castls-manors/castle-popup?id=' + e["id"]
                            });
                        };
                    })(jsArr[index]),
                    mouseover: (function (e) {
                        return function () {
                            infoWindow.setContent(this.contentString);
                            infoWindow.open(map, this);
                        };
                    })(jsArr[index]),
                    mouseout: (function (e) {
                        return function () {
                            infoWindow.close();
                        };
                    })(jsArr[index])
                });
            //}
        }
    });

    function imageExists(image_url){
        var http = new XMLHttpRequest();

        http.open('HEAD', image_url, false);
        http.send();

        return http.status != 404;
    }
</script>