var side_bar_html = "";
var gmarkers = [];
var htmls = [];
// arrays to hold variants of the info window html with get direction forms open
var to_htmls = [];
var from_htmls = [];
var gdir = null;


// A function to create the marker and set up the event window
function createMarker(point,name,html) {
	// deklaracja ikonki numer jeden
		var ikona1 = new GIcon();
		ikona1.image = "http://maps.google.com/mapfiles/kml/pal4/icon15.png";
		ikona1.shadow = "http://maps.google.com/mapfiles/kml/pal4/icon15s.png";
		ikona1.iconSize = new GSize(32, 32);
		ikona1.infoWindowAnchor = new GPoint(16,16);
		ikona1.iconAnchor = new GPoint(16,16);
		ikona1.shadowSize = new GSize(59, 32);
	var marker = new GMarker(point, {title: name, icon: ikona1});

	var i = gmarkers.length;

	// The info window version with the "to here" form open
	to_htmls[i] = html + '<br \/>Dojazd: <strong>do nas<\/strong> - <a href="javascript:fromhere(' + i + ')" style="color:#2b5e8f;">od nas<\/a>' +
	   '<br \/>Skąd:<form action="javascript:getDirections('+i+')">' +
	   '<input type="text" size=40 maxlength=40 name="saddr" id="saddr" value="" style="border: 1px solid #000;" \/><br \/>' +
	   '<span style="font-size:0.8em;color:#666;">Miasto, ulica np. Kraków, Zakopiańska<\/span><br \/>'+
	   '<input value="Znajdź trasę" type="submit" style="border: 1px solid #000;" \/>' +
	   '<input type="hidden" id="daddr" value="'+name+"@"+ point.lat() + ',' + point.lng() +
	   '" \><\/form>';
	// The info window version with the "from here" form open
	from_htmls[i] = html + '<br \/>Dojazd: <a href="javascript:tohere(' + i + ')" style="color:#2b5e8f;">do nas<\/a> - <strong>od nas<\/strong>' +
	   '<br \/>Dokąd:<form action="javascript:getDirections('+i+')">' +
	   '<input type="text" size=40 maxlength=40 name="daddr" id="daddr" value="" style="border: 1px solid #000;" \/><br \/>' +
	   '<span style="font-size:0.8em;color:#666;">Miasto, ulica np. Kraków, Zakopiańska<\/span><br \/>'+
	   '<input value="Znajdź trasę" type="submit" style="border: 1px solid #000;" \/>' +
	   '<input type="hidden" id="daddr" value="'+name+"@"+ point.lat() + ',' + point.lng() +
	   '" \/><\/form>';
	// The inactive version of the direction info
	html = html + '<br>Dojazd: <a href="javascript:tohere(' + i + ')" style="color:#2b5e8f;">do nas<\/a> - <a href="javascript:fromhere(' + i + ')" style="color:#2b5e8f;">od nas<\/a>';
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(html);
	});
	// The new marker "mouseover" listener
	GEvent.addListener(marker,"mouseover", function() {
	  marker.openInfoWindowHtml(html);
	});
	// save the info we need to use later for the side_bar
	gmarkers.push(marker);
	htmls[i] = html;
	// add a line to the side_bar html
	side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br \/>';
	return marker;
}

// This function picks up the click and opens the corresponding info window
function myclick(i) {
	gmarkers[i].openInfoWindowHtml(htmls[i]);
}

// functions that open the directions forms
function tohere(i) {
	gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}

function fromhere(i) {
	gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}

// === Array for decoding the failure codes ===
		  var reasons=[];
		  reasons[G_GEO_SUCCESS]            = "Powodzenie";
		  reasons[G_GEO_MISSING_ADDRESS]    = "Brakujący adres: Nie podano lub podano nieprawidłowy adres.";
		  reasons[G_GEO_UNKNOWN_ADDRESS]    = "Nieznany adres: Nie można odnaleźć położenia podanego adresu.";
		  reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Adres niedostępny: Dane nie mogą zostać podane ze względów prawnych lub kontraktowych.";
		  reasons[G_GEO_BAD_KEY]            = "Zły klucz: Podany klucz jest nieprawidłowy lub zostal zarejestrowany dla innej domeny.";
		  reasons[G_GEO_TOO_MANY_QUERIES]   = "Zbyt wiele zapytań: Dzienna dopuszczalna ilość zapytań dla tej strony została przekroczona.";
		  reasons[G_GEO_SERVER_ERROR]       = "Błąd serwera: Zapytanie nie może zostać przetworzone.";
		  reasons[G_GEO_BAD_REQUEST]        = "Nie można przetworzyć adresu.";
		  reasons[G_GEO_MISSING_QUERY]      = "Zapytanie nie zostało sprecyzowane.";
		  reasons[G_GEO_UNKNOWN_DIRECTIONS] = "Nie można obliczyć trasy między podanymi punktami.";

jQuery(document).ready(function(){
	if (GBrowserIsCompatible()) {
	  // create the map
	  var map = new GMap2(document.getElementById("mapka"));
	  map.addControl(new GLargeMapControl());
	  map.addControl(new GMapTypeControl());
	  map.setCenter(new GLatLng(50.0100577, 20.0106033),15);

	  // === create a GDirections Object ===
	  gdir=new GDirections(map);

	  // === catch Directions errors ===
	  GEvent.addListener(gdir, "error", function() {
		var code = gdir.getStatus().code;
		var reason="Code "+code;
		if (reasons[code]) {
		  reason = reasons[code]
		}

		alert("Obliczanie trasy nie powiodło się, "+reason);
	  });

	  var lat = 50.01005;
	  var lng = 20.01060;
	  var point = new GLatLng(lat,lng);
	  var html = "<img src=\"/images/logo.png\" alt=\"\" \/><br \/><strong>Mechanika, ogumienie<\/strong><br \/>ul. Wielicka 224, Kraków<br \/>";
	  var label = 'Karosaż';
	  // create the marker
	  var marker = createMarker(point,label,html);
	  map.addOverlay(marker);
	  // put the assembled side_bar_html contents into the side_bar div
	  //document.getElementById("side_bar").innerHTML = side_bar_html;
	}

	else {
	  alert("Przepraszamy, mapa nie może być poprawnie obsługiwana przez tą przeglądarkę.");
	}
});

// ===== request the directions =====
function getDirections(i) {
	// ==== set the start and end locations ====
	var saddr = document.getElementById("saddr").value
	var daddr = document.getElementById("daddr").value
	gdir.load("from: "+saddr+" to: "+daddr);
}