var map;
var no_cluster;
var marker_cluster;
var mbounds = [];

var dataload = 0;

function lzw_decode(s) {
    var data = (s + "").split(" ");
    var out = [];
    var phrase;
	console.log("lzw decode");
	console.log(data.length);
    for (var i=1; i<data.length; i++) {
        phrase = String.fromCharCode(data[i]);
        out.push(phrase);
    }
    return out.join("");
}

function decluster() {

	map.removeLayer(marker_cluster);
	map.addLayer(no_cluster);
	
	var br = L.featureGroup(mbounds).getBounds();
	console.log(br);
	//map.fitBounds(br);
	//alert(map.getZoom());

}

function recluster() {
	map.removeLayer(no_cluster);
	
	map.addLayer(marker_cluster);
	var br = L.featureGroup(mbounds).getBounds();
	console.log(br);
	map.fitBounds(br);

}




$(document).ready(function () {
    'use strict';

$('.main-loading-inner').fadeIn();
    if ($('#map-leaflet').length) {
       
	$.when( $.get("/js/mapconfig.asp?/map/in_Ontario_with_Map/ON/Vankleek-Hill/0.6865153" )).then(function( x ) {
	  
	  var x = (JSON.parse(x));
	
	  var param = x.zoom;
	  map = L.map('map-leaflet', {
				zoom: x.zoom,
				maxZoom: 18,
				minZoom:4,
				tap: false,
				gestureHandling: true,
				center: [x.lat,x.lon]
			});
	
	   
	   map.on('popupopen', function(e) {
			//console.log(e.popup); 
			//console.log(e.popup._source._myId)
				$(".map-rate.bid-"+e.popup._source._myId).html("Awaiting Rating");
				loadcontenttodiv(".map-rate.bid-"+e.popup._source._myId,"/api/rating/"+e.popup._source._myId);
		});

         marker_cluster = L.markerClusterGroup({
			
			  maxClusterRadius: function(zoom) {
				return (zoom <= 14) ? 45 : 1; // radius in pixels
			  }
			});
			
			no_cluster = L.featureGroup();
console.log(marker_cluster);
        //map.scrollWheelZoom.disable();

        var OpenStreetMap_Mapnik = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            scrollWheelZoom: false,
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);
		
		$.get('/js/markers.json.asp?/map/in_Ontario_with_Map/ON/Vankleek-Hill/0.6865153', function(data) {
			//alert( "Data Loaded: " + data );
//data = lzw_decode(data);
			//data = JSON.parse(data);
			console.log(data);
			var markers = data;
		 $.each(markers, function (index, value) {
			
                    var icon = L.divIcon({
					    className:"leaflet-div-icon I" + value.popname,
                        html: '',
						iconSize: [50, 50],
                        iconAnchor: [50, 50],
                        popupAnchor: [-20, -12]
                    });
					//console.log(icon);
                    var marker = L.marker(value.center, {
                        icon: icon
                    });//.addTo(map);
					marker._myId = value.popid;
                    marker.bindPopup(
                        '<div class="listing-window-image-wrapper">' +
                        '<a onclick="werdemup('+ value.popid +');$(\'#lightboxinner\').html(\'Loading...\');return false;" xhref="/canadabeermap.com/' + value.popname + '/'+ value.popid +'/">' +
                        '<div class="listing-window-image" style="background-image: url(' + value.image + ');"></div>' +
                        '<div class="listing-window-content">' +
                        '<div class="info">' +
                        '<h2>' + value.title + '</h2>' +
                        '<p>' + value.desc + '</p>' +
                        '<p>' + value.phone + '</p>' +
						'<h3>' + value.price + '</h3>' +
                        '</div>' +
                        '</div>' +
                        '</a>' +
                        '</div>'
                    );
					//console.log(value.center);
					mbounds.push(L.marker(value.center));
					// console.log(marker);
                    marker_cluster.addLayer(marker);
					no_cluster.addLayer(marker);
                });
			$('.main-loading-inner').fadeOut();
			recluster();
		});
		
		
		
        $.get('/js/nnmarkers.json.asp?/map/in_Ontario_with_Map/ON/Vankleek-Hill/0.6865153', {
            success: function (markersraw) {
				//markers = JSON.parse(lzw_decode(markersraw));
				console.log(markersraw);
				
				//alert(markers.length);
                $.each(markers, function (index, value) {
                    var icon = L.divIcon({
					    className:"leaflet-div-icon I" + value.popname,
                        html: '',
						iconSize: [50, 50],
                        iconAnchor: [50, 50],
                        popupAnchor: [-20, -12]
                    });
					//console.log(icon);
                    var marker = L.marker(value.center, {
                        icon: icon
                    });//.addTo(map);
					marker._myId = value.popid;
                    marker.bindPopup(
                        '<div class="listing-window-image-wrapper">' +
                        '<a onclick="werdemup('+ value.popid +');$(\'#lightboxinner\').html(\'Loading...\');return false;" xhref="/canadabeermap.com/' + value.popname + '/'+ value.popid +'/">' +
                        '<div class="listing-window-image" style="background-image: url(' + value.image + ');"></div>' +
                        '<div class="listing-window-content">' +
                        '<div class="info">' +
                        '<h2>' + value.title + '</h2>' +
                        '<p>' + value.desc + '</p>' +
                        '<p>' + value.phone + '</p>' +
						'<h3>' + value.price + '</h3>' +
                        '</div>' +
                        '</div>' +
                        '</a>' +
                        '</div>'
                    ).openPopup();
					//console.log(value.center);
					mbounds.push(L.marker(value.center));
					// console.log(marker);
                    marker_cluster.addLayer(marker);
					no_cluster.addLayer(marker);
                });

				//console.log(marker_cluster)	
              //  map.addLayer(marker_cluster);
				//console.log(mbounds);
			//	var br = L.featureGroup(mbounds).getBounds();
			//	console.log(br);
			//	map.fitBounds(br);
			
			$('.main-loading-inner').fadeOut();
			recluster();
			//setTimeout("decluster()",10000);
            }
        });
		
		
		//fsalert(mbounds.length)
		//var group = L.featureGroup(mbounds).addTo(map);
		//map.fitBounds(group.getBounds());
		//alert(group.getBounds());
		
		
	});	
    }
//console.log("/n/n/n/n");

//console.log(map);
	

});



function loadcontenttodiv(div,url) {
//	$(div).html("Loading Content");
	console.log("Load Content");


	$.get(url, function( data ) {
	
	console.log((data));
	
	//data = data.replace("<!--//\\-->","")
	console.log(JSON.parse(data));
	var objdata = JSON.parse(data);
	
	console.log(objdata.result);
	if (objdata.result.html) {
		$(div).html( objdata.result.html );
		console.log( "Load was performed." );
	} else {
		//$(div).html("");
	}
	
	  
	});


}