var marker_descriptions = [];
var markers = [];
var marker_urls = [];

function warehouseOnLoad() {
	var map = new GMap2(document.getElementById('map'));
	var center = new GLatLng(25, -30);
	map.setCenter(center, 2);

	// Google Example Code: 
	// http://code.google.com/apis/maps/documentation/overlays.html#Icons_overview

	var labels = [];
	var ids = [];
	var markerCount = 0;
	var point = new GLatLng(/*44.987931,-73.445578*/40.743095, -74.051971);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "This is our primary warehouse in the United States for all Teddy Mountain products. We ship worldwide.";
	marker_urls[markerCount] = "http://www.teddyzoo.com/en/onlinestore.aspx";
	labels[markerCount++] = "Teddy Zoo US";
	/*
	point = new GLatLng(42.52342,-83.53446);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount]  = "This is our secondary warehouse in the United States. It only ships items that don't feature the Teddy Mountain.";
	marker_urls[markerCount] = "http://www.teddyzoo.com/en/onlinestore.aspx";
	labels[markerCount++] = "Teddy Zoo US (2)";
	*/

	/*
	point = new GLatLng(20.759324, -156.44702);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "OPENING SOON - Teddy Zoo Hawaii. This distribution center will dramatically reduce shipping costs for retailers in Hawaii.";
	marker_urls[markerCount] = "http://www.teddyzoo.com/en/onlinestore.aspx";
	ids[markerCount] = "Hawaii";
	labels[markerCount++] = "Teddy Zoo Hawaii";
	*/

	point = new GLatLng(45.573678, -73.689423);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "Our Canadian warehouse stocks the same inventory as our primary US warehouse. However, shipping costs are greatly reduced for our Canadian customers as products are shipped directly from Canada, without any associated border fees. Furthermore, transactions are charged in Canadian funds, which reduces credit card transaction fees.";
	marker_urls[markerCount] = "http://ca.teddyzoo.com/en/onlinestore.aspx";
	ids[markerCount] = "Canada";
	labels[markerCount++] = "Teddy Zoo Canada";

	point = new GLatLng(19.050111, -98.221893);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "Teddy Zoo Mexico carries Teddy Mountain brand items, charges in pesos and provides reduced shipping costs for customers in Mexico and all of Central America.";
	marker_urls[markerCount] = "http://mx.teddyzoo.com/en/onlinestore.aspx";
	ids[markerCount] = "Mexico";
	labels[markerCount++] = "Teddy Zoo Mexico";

	point = new GLatLng(56.138042, 9.15659);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "Teddy Zoo Europe is our primary European distribution center and features the most diverse stock offering in Europe. Products are shipped out of Denmark.";
	marker_urls[markerCount] = "http://eu.teddyzoo.com/en/onlinestore.aspx";
	ids[markerCount] = "Europe";
	labels[markerCount++] = "Teddy Zoo Europe";

	point = new GLatLng(39.91, 116.379204);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "NOW OPEN - Teddy Zoo China reduces shipping costs for our customers in Asia.";
	marker_urls[markerCount] = "http://cn.teddyzoo.com";
	ids[markerCount] = "China";
	labels[markerCount++] = "Teddy Zoo China";

	/*
	point = new GLatLng(57.480772, -4.2267329);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "Coming Soon. Teddy Zoo Scotland carries Teddy Mountain brand items, charges in British Pounds and provides reduced shipping costs for customers in the United Kingdom.";
	marker_urls[markerCount] = "http://sct.teddyzoo.com/en/onlinestore.aspx";
	ids[markerCount] = "Europe";
	labels[markerCount++] = "Teddy Zoo Scotland";
	*/

	point = new GLatLng(-25.878994, 134.472656);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "LOOKING FOR A MASTER DISTRIBUTOR - Teddy Zoo is currently looking for a master distributor in Australia.";
	marker_urls[markerCount] = "http://www.teddyzoo.com";
	ids[markerCount] = "Australia";
	labels[markerCount++] = "Teddy Zoo Australia";

	point = new GLatLng(-31.278551, 24.609375);
	marker = new GMarker(point);
	map.addOverlay(marker);
	markers[markerCount] = marker;
	marker_descriptions[markerCount] = "LOOKING FOR A MASTER DISTRIBUTOR - Teddy Zoo is currently looking for a master distributor in South Africa.";
	marker_urls[markerCount] = "http://www.teddyzoo.com";
	ids[markerCount] = "Africa";
	labels[markerCount++] = "Teddy Zoo South Africa";

	

	$(markers).each(function(i, marker) {
		$("<li />").addClass('ui-state-default ui-corner-all')
						.uiHover()
						.html(labels[i])
						.click(function() {
							displayPoint(marker, i);
						})
						.appendTo("#list");

		GEvent.addListener(marker, "click", function() {
			displayPoint(this, i);
		});
	});

	$('<div id="message" />').appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));

	function displayPoint(marker, index) {
		$("#message").hide().empty();

		var closeButton = $(iconHTML("close"))
						.click(
							function() {
								$("#message").fadeOut();
							})
						.css({ top: '5px', right: '5px' })
						.uiHover();

		var setCookie = function() {
			setDistCenterCookie(ids[index]);
			
			if(redirectToSite == true)
				navigateTo(currentBrand, ids[index], currentPage);
		};

		$("#tabs-template").clone().show()
						.attr("id", "").appendTo("#message")
						.find(".description").html(marker_descriptions[index]).end()
						.find(".dialog").attr("href", marker_urls[index]).click(setCookie).end()
						.tabs()
						.find(".ui-tabs-nav").append(closeButton);

		var moveEnd = GEvent.addListener(map, "moveend", function() {
			var markerOffset = map.fromLatLngToDivPixel(marker.getPoint());
			setTimeout(function() {
				setCookie();
			}, 1000);
			$("#message")
							.css({ top: markerOffset.y, left: markerOffset.x - 100 })
							.show("drop", { direction: "right" });

			GEvent.removeListener(moveEnd);
		});

		left = map.getBounds().getSouthWest().lat();
		right = map.getBounds().getNorthEast().lat();
		offset = (right - left) * .25;
		map.panTo(new GLatLng(marker.getPoint().lat(), marker.getPoint().lng() + offset));
	}

	GEvent.addListener(map, 'zoomend', function() {
		$("#message").hide();
	});

	$("#dialog").show().dialog({
		autoOpen: false,
		modal: true,
		overlay: { background: "#000", opacity: 0.7 },
		width: 350, height: 300
	});

	$("#list").appendTo("#map").css({ top: '10px', right: '10px' });

	/* Build Controls */
	$(iconHTML("up"))
					.css({ top: '10px', left: '32px' })
					.click(function() {
						map.panDirection(0, 1);
					})
					.appendTo("#map");

	$(iconHTML("left"))
					.css({ top: '32px', left: '10px' })
					.click(function() {
						map.panDirection(1, 0);
					})
					.appendTo("#map");

	$(iconHTML("right"))
					.css({ top: '32px', left: '54px' })
					.click(function() {
						map.panDirection(-1, 0);
					})
					.appendTo("#map");

	$(iconHTML("down"))
					.css({ top: '54px', left: '32px' })
					.click(function() {
						map.panDirection(0, -1);
					})
					.appendTo("#map");

	$(iconHTML("plus"))
					.css({ top: '84px', left: '32px' })
					.click(function() {
						map.zoomIn();
						$("#map-slider").slider("value", map.getZoom());
					})
					.appendTo("#map");

	$(iconHTML("minus"))
					.css({ top: '325px', left: '32px' })
					.click(function() {
						map.zoomOut();
						$("#map-slider").slider("value", map.getZoom());
					})
					.appendTo("#map");

	$("<div />").attr('id', 'map-slider').height(200)
					.slider({
						orientation: "vertical",
						min: 0, max: 19, step: 1, value: map.getZoom(),
						change: function() {
							map.setZoom($(this).slider("value"));
						}
					})
					.css({ top: '115px', left: '38px', position: 'absolute' })
					.appendTo("#map");

}

// in codebehind
//$(document).ready(warehouseOnLoad);

function iconHTML(type) {
	switch (type) {
		case "up": iconClass = 'ui-icon-circle-arrow-n'; break;
		case "down": iconClass = 'ui-icon-circle-arrow-s'; break;
		case "left": iconClass = 'ui-icon-circle-arrow-w'; break;
		case "right": iconClass = 'ui-icon-circle-arrow-e'; break;
		case "plus": iconClass = 'ui-icon-circle-plus'; break;
		case "minus": iconClass = 'ui-icon-circle-minus'; break;
		case "close": iconClass = 'ui-icon-closethick'; break;
	}
	return '<div class="icon ui-state-default ui-corner-all"><span class="ui-icon ' + iconClass + '" /></div>';
}

$.fn.uiHover = function() {
	return this.each(function() {
		$(this).hover(
						function() { $(this).addClass('ui-state-hover'); },
						function() { $(this).removeClass('ui-state-hover'); }
					);
	});
}