// JavaScript Document

// Map marker locations
var map_markers = {
	'mapcanvas1': [		// Location map markers
		['Espoonkruunun toimisto', 'home', '', 60.21625, 24.8189],
		['Pysäköintitalo', 'parking', '', 60.2173, 24.8179]
	],
	
	'mapcanvas2': [		// Public transport map markers
		['Espoonkruunun toimisto', 'home', 'http://www.reittiopas.fi/fi/?to=Upseerinkatu+3,Espoo', 60.21625, 24.8189],
		['Komentajankatu', 'bus', 'http://aikataulut.hsl.fi/linjat/fi/haku/?key=Komentajankatu', 60.21715, 24.82055],
		['Leppävaara, Kehä I', 'bus', 'http://aikataulut.hsl.fi/linjat/fi/haku/?key=Lepp%E4vaara', 60.219, 24.81645],
		['Leppävaaran asema', 'bus', 'http://aikataulut.hsl.fi/linjat/fi/haku/?key=Lepp%E4vaaran+as.', 60.2191, 24.8112],
		['Leppävaaran asema', 'train', 'http://aikataulut.hsl.fi/linjat/fi/haku/?key=Leppävaara/VR', 60.2194, 24.8144]
	]
};

$(document).ready(function () {
	/*** Document ready actions ***/

	// Initialize Google maps when a tab is shown
	$('#map-tabs').tabs({
		show: function(event, ui) {
			initialize_map($(ui.panel).children(0)[0]);
		}
	});

});


// Initializes map
function initialize_map(canvas) {
	var baseurl = '/';
	if ('file:' == window.location.protocol) {
		// Set marker image base url for local developing
		var url = window.location.href;
		baseurl = url.substr(0, url.lastIndexOf('/') + 1);
	}
	var latlng = new google.maps.LatLng(60.2176, 24.8189);
	var mapOptions = {
		zoom: 15,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(canvas, mapOptions);
	
	var locations =  map_markers[$(canvas).attr('id')];
	var shadow = new google.maps.MarkerImage(
		baseurl + 'instancedata/prime_product_julkaisu/espoonkruunu/pics/web/marker-shadow-small.png',		// image file name
		new google.maps.Size(53, 21),				// image dimensions
		new google.maps.Point(0, 0),				// image origin
		new google.maps.Point(8, 8)					// image anchor
	);
	var shape = {
		coord: [28, 28, 27],
		type: 'circle'
	};
	for (var i = 0; i < locations.length; i++) {
		var loc = locations[i];
		var image = new google.maps.MarkerImage(
			baseurl + 'instancedata/prime_product_julkaisu/espoonkruunu/pics/web/marker-' + loc[1] + '-small.png',	// image file name
			new google.maps.Size(42, 51),					// image dimensions
			new google.maps.Point(0, 0),					// image origin
			new google.maps.Point(3, 51)					// image anchor
		);
		var latlng = new google.maps.LatLng(loc[3], loc[4]);
		var marker = new google.maps.Marker({
			position: latlng,
			map: map,
			shadow: shadow,
			icon: image,
			shape: shape,
			title: loc[0],
			url: loc[2],
			zIndex: locations.length - i
		});
		google.maps.event.addListener(marker, 'click', function() {
			window.open(this.url);
		});
	}
}