/**
* @fileoverview Wrapper for Google Maps API v3
*/

// Create NetR namespace if it doesn't exist
if (typeof (NetR) === 'undefined') {
	var NetR = {};
}

NetR.GMaps = function() {
	var map = null;
	// Default options
	var options = {
		defaultCenter: [63.442651, 15.629881],
		defaultZoom: 4,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		showMapTypes: true,
		mapContainerId: '',
		mapElementId: 'map',
		mapClass: '',
		markerAtCenter: false,
		markers: [],
		markersXML: '',
		XMLMarkerNodeName: '',
		XMLMarkerLinkText: '',
		loadComplete: null
	};

	/**
	* Creates a marker on the map, with info bubble displaying on mouseover
	* @param lat Latitude for marker location
	* @param lon Longitude for marker location
	* @param url URL for more info about marker location
	* @param name Name of location
	* @param linkURLs URLs of links that have corresponding map markers
	*/
	function createMarker(lat, lon, url, name, body, linkURLs) {
		var domain = "http://" + document.domain;
		
		//var point = new GLatLng(lat, lon);
		var point = new google.maps.LatLng(lat, lon)

		var image = new google.maps.MarkerImage('/i/icons/mapmarker.png',
		// This marker is 20 pixels wide by 32 pixels tall.
			new google.maps.Size(30, 40),
		// The origin for this image is 0,0.
			new google.maps.Point(0, 0),
		// The anchor for this image is the base of the flagpole at 0,32.
			new google.maps.Point(15, 40)
		);

		var shadow = new google.maps.MarkerImage('/i/icons/mapmarker_shadow.png',
		// The shadow image is larger in the horizontal dimension
		// while the position and offset are the same as for the main image.
			new google.maps.Size(51, 40),
			new google.maps.Point(0, 0),
			new google.maps.Point(15, 40)
		);

		var marker = new google.maps.Marker({
			position: point,
			map: this.map,
			shadow: shadow,
			icon: image,
			shape: {
				coord: [1, 1, 1, 40, 30, 40, 30, 1],
				type: 'poly'
			},
			title: name
		});

		if (url && name && body) {
			var windowHtml = '<div class="bubble"><a class="action" href="' + url + '">' + name + '</a><br />' + body + '</div>';
			var infowindow = new google.maps.InfoWindow({
				content: windowHtml
			});

			google.maps.event.addListener(marker, 'click', function() {
				infowindow.open(this.map, marker);
			});
		}

		if (url && linkURLs[domain + url]) {
			$(linkURLs[domain + url]).bind('mouseover', windowHtml);
		}
	}

	/**
	* Creates markers from XML document on map
	* @param xml The XML document returned by an Ajax request
	*/

	function createMarkers(xml) {
		var points = xml.getElementsByTagName(options.XMLMarkerNodeName);
		var linkURLs = {};
		if (options.restaurantList) {
			var linkContainer = document.getElementById(options.restaurantList);
			if (linkContainer) {
				var links = linkContainer.getElementsByTagName("a");
				for (var i = 0, len = links.length; i < len; i++) {
					linkURLs[links[i].href] = links[i];
				}
			}
		}
		var point;
		for (var i = 0, len = points.length; i < len; i++) {
			point = points[i];
			createMarker(point.getAttribute('latitude'), point.getAttribute('longitude'), point.getAttribute('URL'), point.getAttribute('name'), point.getAttribute('body'), linkURLs);
		}
	}

	/**
	* Performs Ajax call to get XML data for markers
	* @requires jQuery
	* @param {string} XMLPath URL for XML document
	*/
	function loadMarkersFromXML(XMLPath) {
		$.ajax({
			type: 'GET',
			dataType: 'xml',
			url: XMLPath,
			success: function(xml) {
				createMarkers(xml);
			}
		});
	}

	/**
	* Loads map into element with id from options.mapContainerId
	*/
	function load() {
		if (document.getElementById(options.mapContainerId)) {
			// Create element
			var mapContainer = document.getElementById(options.mapContainerId);
			//var mapElement = document.createElement('div');
			//var mapElement = document.getElementById(options.mapContainerId);
			//mapElement.id = options.mapElementId;

			//			  if (options.mapClass && options.mapClass.length > 0) {
			//				  //mapElement.className = options.mapClass;
			//			  }

			mapContainer.innerHTML = '';
			//mapContainer.appendChild(mapElement);

			var centerPoint = new google.maps.LatLng(options.defaultCenter[0], options.defaultCenter[1]);

			// Init map
			this.map = new google.maps.Map(mapContainer, {
				center: centerPoint,
				zoom: options.defaultZoom,
				mapTypeId: options.mapTypeId,
				mapTypeControl: options.showMapTypes,
				mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }
			});

			// Marker at center point?
			if (options.markerAtCenter) {
				createMarker(options.defaultCenter[0], options.defaultCenter[1]);
				/*new google.maps.Marker({
				position: centerPoint,
				map: this.map
				});*/
			}

			// Add additional markers?
			if (options.markers && options.markers.length > 0) {
				for (var i = 0, len = options.markers.length; i < len; i++) {
					this.map.addOverlay(new GMarker(new GLatLng(options.markers[i][0], options.markers[i][1])));
					//createMarker(options.markers[i][0], options.markers[i][1]);
				}
			}

			if (options.markersXML && options.markersXML.length > 0) {
				loadMarkersFromXML(options.markersXML, createMarkers);
			}

			// Execute loadComplete function (if it exists)
			if (typeof (options.loadComplete) === "function") {
				options.loadComplete(this.map);
			}
		}
	}

	/**
	* Accessor function for map object
	*/
	function getMap() {
		return this.map;
	}

	/**
	* Initialization
	*/
	function init(opts) {
		if (!document.getElementById || !document.createElement) {
			return;
		}
		// If options were supplied, apply them to the option Object.
		for (var key in opts) {
			if (options.hasOwnProperty(key)) {
				options[key] = opts[key];
			}
		}
		load();
	}

	return {
		init: init,
		createMarkers: createMarkers,
		getMap: getMap
	};
} ();