google.load("jquery", "1.3.2");
google.load('jqueryui', '1.5.3');
google.load("maps", "2.x", { "other_params": "sensor=false" });

google.setOnLoadCallback(function() {
	$(document).ready(function() {
		initializeDealerLocator();
	});
});

var map;
var that = this;
var selectedCountry;

function tick() {
    // console.log(what);
} 

function initializeDealerLocator() {
	map = new GMap2(document.getElementById("map"));
	if (google.loader.ClientLocation) {
		var cl = google.loader.ClientLocation;
		showAddress(cl.address.country);
	}
	else {
		map.setCenter(new GLatLng(20, 0), 2);
	}
	//map.setUIToDefault();
	plotStores();
	moveListeners();
	maxZoomLevel();
	viewOptions();

	//Add click event to submit button
	$("#dealerLocatorSubmit").click(function() { findAddress(); });
	$("#ddcountry").change(function() { findAddress(); });
}

function viewOptions() {
	//remove unwanted view options
	//map.removeMapType(G_PHYSICAL_MAP);
	//add wanted views
	//map.addMapType(G_HYBRID_MAP);

	//add controls
	map.addControl(new GLargeMapControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 10)));
	map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(80, 25)));

	map.enableScrollWheelZoom();

}

function maxZoomLevel() {
	G_NORMAL_MAP.getMinimumResolution = function() { return 2 };
	G_SATELLITE_MAP.getMinimumResolution = function() { return 2 };
	G_HYBRID_MAP.getMinimumResolution = function() { return 2 };
}

function moveListeners() {
	GEvent.addListener(map, "zoomend", function(oldZoom, newZoom) {
		//do something when zooming
		visibleDealers();
	});
	GEvent.addListener(map, "moveend", function() {
		//do something when moving
		visibleDealers();
	});
}

function visibleDealers() {
	//Find all dealers visible on map.
	var bounds = map.getBounds();
	lngsw = bounds.getSouthWest().lng();
	lngne = bounds.getNorthEast().lng();
	latsw = bounds.getSouthWest().lat();
	latne = bounds.getNorthEast().lat();

	$.ajax({
		type: "POST",
		url: "/dealers/list",
		data: { latne: bounds.getNorthEast().lat(), latsw: bounds.getSouthWest().lat(), lngne: bounds.getNorthEast().lng(), lngsw: bounds.getSouthWest().lng() },
		success: function(theResponse) {
			var $holder = theResponse;
			$("#DealerList").html($($holder).html());
			//$(".CountryContainer h1:contains('" + selectedCountry + "')").parent().insertBefore('.CountryContainer:first');
		}
	});
}

function createMarker(point, id, level) {

	var marker = new GMarker(point, createIcon(level));

	GEvent.addListener(marker, 'click', function() {
		marker.openExtInfoWindow(
          map,
          "dealer_window",
          "Loading dealer information...",
          { ajaxUrl: "/dealers/bubble/" + id, beakOffset: 3 }
        );
	});
	that.clusterPoints.push(marker);
	return marker;
}

function createIcon(level) {
	var iceIcon = new GIcon();
	iceIcon.iconSize = new GSize(52, 44);
	
	if (level == 1) {
	    iceIcon.image = "/Content/skin/dealerLocator/dealer_icon_gold.png";
	}
	else if (level == 2) {
	    iceIcon.image = "/Content/skin/dealerLocator/dealer_icon_bronze.png";
	}
	else if (level == 3) {
	    iceIcon.image = "/Content/skin/dealerLocator/dealer_icon_silver.png";
	}
	else {
	    iceIcon.image = "/Content/skin/dealerLocator/dealer_icon.png";
	}

	iceIcon.iconAnchor = new GPoint(26.0, 41.0);
	iceIcon.infoWindowAnchor = new GPoint(9, 2);
	iceIcon.shadow = "/Content/skin/dealerLocator/dealer_icon_shadow.png";
	iceIcon.shadowSize = new GSize(75.0, 44.0);
	markerOptions = { icon: iceIcon };
	return markerOptions;
}

function plotStores() {
    $.ajax({
        type: "POST",
        url: "/dealers/mapping",
        data: { latne: 180, latsw: -180, lngne: 180, lngsw: -180 },
        success: function(theResponse) {
            var object = theResponse;
            var json = eval(object);
            var jsonLen = json.length;
            if (jsonLen > 0) {
                clusterPoints = [];
                for (var i = 0; i < jsonLen; i++) {

                    var point = new GLatLng(json[i].spot_lat, json[i].spot_long);
                    var storeId = json[i].id;
                    var storeLevel = json[i].level;
                    var marker = createMarker(point, storeId, storeLevel);
                    //map.addOverlay(marker);

                }
                if (!that.cluster) {
                    that.cluster = new ClusterMarker(map, { fitMapToMarkers: false });
                }

                that.cluster.removeMarkers();
                that.cluster.addMarkers(that.clusterPoints);
                that.cluster.refresh();
            }
        }
    });
}

function findAddress() {
	map.closeExtInfoWindow();
	
	var countryString = document.getElementById("ddcountry").value;
	var postcodeString = document.getElementById("postcode").value;
	var search = countryString + ", " + postcodeString;
	if (countryString == "Select Country") {
		search = postcodeString;
	}
	//var search = document.getElementById("ddcountry").value + ", " + document.getElementById("postcode").value;
	showAddress(search);
}

function showAddress(search) {
	var geo = new GClientGeocoder();

	//var search = document.getElementById("search").value;
	geo.getLocations(search, function(result) {
		if (result.Status.code == G_GEO_SUCCESS) {
			// Loop through the results, placing markers
			for (var i = 0; i < result.Placemark.length; i++) {
				var p = result.Placemark[i].Point.coordinates;
				//Add a marker on map
				//var marker = new GMarker(new GLatLng(p[1], p[0]));
				//map.addOverlay(marker);
			}

			// centre the map on the first result
			var p = result.Placemark[0].Point.coordinates;
			// ===== Look for the bounding box of the first result =====
			var N = result.Placemark[0].ExtendedData.LatLonBox.north;
			var S = result.Placemark[0].ExtendedData.LatLonBox.south;
			var E = result.Placemark[0].ExtendedData.LatLonBox.east;
			var W = result.Placemark[0].ExtendedData.LatLonBox.west;
			var bounds = new GLatLngBounds(new GLatLng(S, W), new GLatLng(N, E));
			// Choose a zoom level that fits
			var zoom = map.getBoundsZoomLevel(bounds);

			map.setCenter(bounds.getCenter(), zoom);

			//Draw a bounding box around found area
			//var points = [new GLatLng(N, W), new GLatLng(N, E), new GLatLng(S, E), new GLatLng(S, W), new GLatLng(N, W)];
			//map.addOverlay(new GPolyline(points));

			//Move country dealers to top
			selectedCountry = document.getElementById("ddcountry").value;

		}
	});
}