//<![CDATA[

var map;
var side_bar_html = "";
var marker;

var point;
var offset=0;
var anchor_;
var width=100;
var height=100;
var pos; 

var postString;
var requestAdd;

var mt;
var i=0;

var Lat=47;
var Lng=13;

var tooltip;

var instruktion;

var request;

var xmlDoc;

var markers;

var lat=47;
var lng=13;
var point;
var html;
var label;
var namn;
var datum;

var LatClick = 0;
var LngClick = 0;

var Init = 0;

var ZoomLevel = 7;

var testfun=function() {
	document.getElementById("side_bar").innerHTML = "testar lite";
}

var hemadress=function(pointx, pointy) {
		Lat = pointy;
		Lng = pointx;
		document.cookie = "Lat="+escape(pointy)+"; expires=Thu, 3 Jan 2019 20:47:11 UTC";
		document.cookie = "Lng="+escape(pointx)+"; expires=Thu, 3 Jan 2019 20:47:11 UTC";
		//alert('Startpunkt ändrad! Kartan öppnas med din startpunkt i mitten och när du först klickar på en hall och sedan klickar på "vägbeskrivning", så utgår beskrivningen från din startpunkt.');
	}
	



var mejlrapport=function(hall, pointx, pointy) {
		window.open("felrapport.php?hall=" + hall + "&xCoord=" + pointx + "&yCoord=" + pointy, "info", "width=280, height=280, scrollbars=0, resizable=0")
	}
	
var tipsaenvan=function(lank) {
		window.open("tipsaenvan.php?lank=" + lank, "info", "width=280, height=450, scrollbars=0, resizable=1")
	}
	
var getCookie=function(c_name) {
		if (document.cookie.length>0) {
			c_start=document.cookie.indexOf(c_name + "=")
			if (c_start!=-1) { 
				c_start=c_start + c_name.length+1 
				c_end=document.cookie.indexOf(";",c_start)
				if (c_end==-1) c_end=document.cookie.length
					return unescape(document.cookie.substring(c_start,c_end))
			} 
		}
		return "noCookie"
	}


	// A function to create the marker and set up the event window
var createMarker=function(point,hall,html,namn,datum) {
//		var marker = new GMarker(point);


 var icon = new GIcon();
// icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
// icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
// icon.iconSize = new GSize(12, 20);
// icon.shadowSize = new GSize(22, 20);
// icon.iconAnchor = new GPoint(6, 20);		

 icon.image = "http://www.pvh.se/gm/home2.png";
 icon.shadow = "http://www.google.com/intl/en_ALL/mapfiles/shadow50.png";
 icon.iconSize = new GSize(20, 34);
 icon.shadowSize = new GSize(37, 34);
 icon.iconAnchor = new GPoint(10, 34);		

		
		if (hall == 'Start Position') {
			
			var marker = new GMarker(point,  {icon:icon, draggable:true, bouncy:true});
			marker.enableDragging();
			
			GEvent.addListener(marker, "dragend", function() {
		//	 marker.openInfoWindowHtml("Just bouncing along... <br>Marker at: "
		//	+ marker.getPoint().toString());

			hemadress(marker.getPoint().lng(), marker.getPoint().lat());
			map.panTo(marker.getPoint());
			}); 
			
			
		}
		
		else {
			var marker = new GMarker(point);

			GEvent.addListener(marker,"click", function() {
	
				if (map.getZoom() < 13) {
					map.setCenter(marker.getPoint(), 13);
				}
	
				tooltip.style.visibility="hidden";
				if (html == null) {html = ''}
				if (namn == null) {namn = ''}
				if (datum == null) {datum = '2007-01-01 12:00:00'}
	
				lank = 'http://www.tt-forum.at/hallen/index.php?latd=' + point.y + '&lngd=' + point.x + '&dat=' + datum.substring(0,4) + datum.substring(5,7)  + datum.substring(8,10) +  datum.substring(11,13) +  datum.substring(14,16) +  datum.substring(17,19);
	
				document.getElementById("side_bar").innerHTML = "<div class='text1'>" + hall.replace(',','<br>') + "</div>" + "<div class='text2'><p><b>Wegbeschreibung:</b><br />Klicke <a target='_blank' href='http://maps.google.com/maps?saddr=" + Lat + "%2C" + Lng + "&daddr=" + point.y + "%2C" + point.x + "'>hier</a></p><p><b>Info:</b><br />" + html + "</p><p><b>Angelegt " + datum.substring(0,10) + " von:</b><br />" + namn + "</p>\n" +
					"<p><b>Direktlink zur Halle:</b>\n" +
					"<form name='urlForm' id='urlForm'><input name='hall_link' value='http://www.tt-forum.at/hallen/index.php?latd=" + point.y + "&lngd=" + point.x + "&dat=" + datum.substring(0,4) + datum.substring(5,7)  + datum.substring(8,10) +  datum.substring(11,13) +  datum.substring(14,16)+  datum.substring(17,19) + "' class='vidURLField' onclick='javascript:document.urlForm.hall_link.focus();document.urlForm.hall_link.select();' readonly='true' type='text'></form></p> \n" +
					"<p><b>Hast du einen Fehler entdeckt?</b><br>Klicke <a href='javascript:mejlrapport(&quot;" + hall + "&quot;,&quot;" + point.x + "&quot;,&quot;" + point.y + "&quot;);'>hier</a></p>\n" +
					"<p><b>Link zur Halle einem Freund schicken:</b><br>Klicke <a href='javascript:tipsaenvan(&quot;" + lank + "&quot;);'>hier</a></p>\n" +
					"</div>";
	
			});

		}
		
		// === store the name so that the tooltip function can use it ===
		marker.tooltip = '<div class="tooltip">'+hall+'</div>';
		map.addOverlay(marker);

        //  ======  The new marker "mouseover" and "mouseout" listeners  ======
		GEvent.addListener(marker,"mouseover", function() {
			showTooltip(marker);
		});        

		GEvent.addListener(marker,"mouseout", function() {
			tooltip.style.visibility="hidden"
		});
		



	}

	// ====== This function displays the tooltip ======
	// it can be called from an icon mousover or a side_bar mouseover
var showTooltip=function(marker) {

		tooltip.innerHTML = marker.tooltip;

		point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
		offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
		anchor_=marker.getIcon().iconAnchor;
		width=marker.getIcon().iconSize.width;
		height=tooltip.clientHeight;
		pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor_.x + width, offset.y - point.y -anchor_.y -height)); 

		pos.apply(tooltip);
		tooltip.style.visibility="visible";
	}
	

var addMarker=function() {

		Stad = document.getElementById("fldStad").value;
		Hall = document.getElementById("fldHall").value;
		Kommentar = document.getElementById("fldKommentar").value;
		Namn = document.getElementById("fldNamn").value;
		xCoord = document.getElementById("fldxCoord").value;
		yCoord = document.getElementById("fldyCoord").value;
		
		xCoord = Math.round(100000 * xCoord)/100000;
		yCoord = Math.round(100000 * yCoord)/100000;

//		var postString = "lng=" + xCoord + "&lat=" + yCoord + "&desc=" + Stad + ", " + Hall + "&kommentar=" + Kommentar + "&namn=" + Namn;
//		var requestAdd = GXmlHttp.create();

		postString = "lng=" + xCoord + "&lat=" + yCoord + "&desc=" + Stad + ", " + Hall + "&kommentar=" + Kommentar + "&namn=" + Namn;
		requestAdd = GXmlHttp.create();

		requestAdd.open("POST", "http://www.tt-forum.at/hallen/pingishallaradder.php", true);
		requestAdd.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
		requestAdd.send(postString);

		window.location.reload(true);
	}

	/////////////////////////////////////////////////////////////////////////////////////////////////////////
	// create the map////////////////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////////////////////////////////

function onLoad(latd, lngd, dat) {
if (GBrowserIsCompatible()) {
	
//	var map = new GMap2(document.getElementById("map"));
	map = new GMap2(document.getElementById("map"));
	Init = 1;
	
	// ====== Restricting the range of Zoom Levels =====
	// Get the list of map types      
//	var mt = map.getMapTypes();
	mt = map.getMapTypes();
	
	
	// Overwrite the getMinimumResolution() and getMaximumResolution() methods
//	for (var i=0; i<mt.length; i++) {
	for (i=0; i<mt.length; i++) {
		mt[i].getMinimumResolution = function() {return 5;}
	}

	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());

//	var Lat = getCookie("Lat");
//	var Lng = getCookie("Lng");
	Lat = getCookie("Lat");
	Lng = getCookie("Lng");

	if (Lat == "noCookie" ) {Lat = 47.37370965616847}
	if (Lng == "noCookie" ) {Lng = 13.880538940429688}
	
	if (latd != undefined) {
		ZoomLevel = 13;
		map.setCenter(new GLatLng(latd, lngd), ZoomLevel);
	}
	else {
		map.setCenter(new GLatLng(Lat, Lng), ZoomLevel);
	}
	
	// map.setCenter(new GLatLng(Lat, Lng), 8);
	map.addControl(new GOverviewMapControl());

	// ====== set up marker mouseover tooltip div ======

	tooltip = document.createElement("div");
	map.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip);
	tooltip.style.visibility="hidden";

	GEvent.addListener(map, "click", function(marker, point) {


		if (marker) {
			new Effect.Appear('side_bar');
		}
		else {
			//document.getElementById("side_bar").innerHTML = "Din <abbr title='Denna säger var kartan centreras i början, samt var vägbeskrivningarna ska utgå från'><span class='abbr' title='Denna säger var kartan centreras i början, samt var vägbeskrivningarna ska utgå från'>startpunkt</span></abbr>:<br />" + "Lat: " + Math.round(100000 * Lat)/100000 + "&nbsp;Lng: " + Math.round(100000 * Lng)/100000 + "<br />Du har senast klickat vid<br />Lat: " + Math.round(100000 * point.y)/100000 + "&nbsp;Lng: " + Math.round(100000 * point.x)/100000 + "<a href='javascript:hemadress(&quot;" + point.x + "&quot;,&quot;" + point.y + "&quot;)'><br />Använd denna som ny startpunkt?</a>";
			LatClick = point.x;
			LngClick = point.y;
			if(map.getZoom() > 14) {
				if (confirm(unescape("Möchtest du hier eine neue Halle eintragen?"))) {
//					var instruktion = "<div class='text1'>Vänligen fyll i:</div><br>";
					instruktion = "<div class='text1'>Informationen über die Halle</div><br>";
						
						document.getElementById("side_bar").innerHTML = instruktion + 
						"<form name=frmNyHall onSubmit='addMarker()'>\n"+
						"<div class='text2'><p><b>Stadt / Ort:</b><input type='text' id='fldStad' style='width:180px;'/></p>\n"+
						"<p><b>Name der Halle:</b><input type='text' id='fldHall' style='width:180px;'/></p>\n"+
						"<p><b>Kommentar oder Beschreibung:</b><textarea id='fldKommentar'  rows=4 style='width:180px;'/></textarea></p>\n"+
						"<p><b>Dein Name:</b><input type='text' id='fldNamn' style='width:180px;'/></div></p>\n"+
						"<input type='hidden' id='fldxCoord' value=" + point.x + ">\n"+
						"<input type='hidden' id='fldyCoord' value=" + point.y + "><br />\n"+
						"&nbsp;&nbsp;<input type='submit' value='senden' />\n"+
						"</form>";
						
					document.frmNyHall.fldStad.focus()
				}
			}
			else {
				map.setCenter(point, map.getZoom() + 1);

			}
		}
	});

//Hem från cookie
marker = createMarker(new GLatLng(Lat, Lng),"Start Position","","","2007-01-01 12:00:00");

				
// Read the data from pingishallar.xml
//	var request = GXmlHttp.create();
	request = GXmlHttp.create();
	request.open("GET", "pingishallar.xml", true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
//			var xmlDoc = request.responseXML;
			xmlDoc = request.responseXML;
	
			// obtain the array of markers and loop through it
//			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			markers = xmlDoc.documentElement.getElementsByTagName("marker");
//			for (var i = 0; i < markers.length; i++) {
			for (i = 0; i < markers.length; i++) {
				// obtain the attribues of each marker

				lat = parseFloat(markers[i].getAttribute("lat"));
				lng = parseFloat(markers[i].getAttribute("lng"));
				point = new GLatLng(lat,lng);
				html = markers[i].getAttribute("html");
				label = markers[i].getAttribute("label");
				namn = markers[i].getAttribute("namn");
				datum = markers[i].getAttribute("datum");
								
				// create the marker
//				var marker = createMarker(point,label,html,namn,datum);

				marker = createMarker(point,label,html,namn,datum);
				var regEx = /\W/g;
				datumstr = datum.replace(regEx, "");
//				alert(latd);
//				alert(lat);
				if ((latd == lat) && (lngd == lng) && (dat == datumstr)) {	
					//map.setCenter(new GLatLng(50, 12), 7)
					//Lat = lat;
					//Lng = lng;
										
//					document.getElementById("side_bar").innerHTML = "<div class='text1'>" + label.replace(',','<br>') + "</div>" + "<div class='text2'><p><b>Info:</b><br />" + html + "</p><p><b>Angelegt " + datum.substring(0,10) + " von:</b><br />" + namn + "</p></div>\n" +
//					"<div id='info'><hr><div class='text2'><p><a target='_blank' href='http://maps.google.com/maps?saddr=" + Lat + "%2C" + Lng + "&daddr=" + point.y + "%2C" + point.x + "'>Klicke hier für eine Wegbeschreibung</a></p>\n" +
//					"<p><a href='javascript:mejlrapport(&quot;" + label + "&quot;,&quot;" + point.x + "&quot;,&quot;" + point.y + "&quot;);'>Ist die Halle am falschen Ort?</a></p></div></div>";


					lank = 'http://www.tt-forum.at/hallen/index.php?latd=' + point.y + '&lngd=' + point.x + '&dat=' + datum.substring(0,4) + datum.substring(5,7)  + datum.substring(8,10) +  datum.substring(11,13) +  datum.substring(14,16) +  datum.substring(17,19);
								
			document.getElementById("side_bar").innerHTML = "<div class='text1'>" + label.replace(',','<br>') + "</div>" + "<div class='text2'><p><b>Wegbeschreibung:</b><br />Klicke <a target='_blank' href='http://maps.google.com/maps?saddr=" + Lat + "%2C" + Lng + "&daddr=" + point.y + "%2C" + point.x + "'>hier</a></p><p><b>Info:</b><br />" + html + "</p><p><b>Angelegt " + datum.substring(0,10) + " von:</b><br />" + namn + "</p>\n" +
				"<p><b>Direktlink zur Halle:</b>\n" +
				"<form name='urlForm' id='urlForm'><input name='hall_link' value='http://www.tt-forum.at/hallen/index.php/?latd=" + point.y + "&lngd=" + point.x + "&dat=" + datum.substring(0,4) + datum.substring(5,7)  + datum.substring(8,10) +  datum.substring(11,13) +  datum.substring(14,16)+  datum.substring(17,19) + "' class='vidURLField' onclick='javascript:document.urlForm.hall_link.focus();document.urlForm.hall_link.select();' readonly='true' type='text'></form></p> \n" +
				"<p><b>Hast du einen Fehler entdeckt:</b><br>Klicke <a href='javascript:mejlrapport(&quot;" + label + "&quot;,&quot;" + point.x + "&quot;,&quot;" + point.y + "&quot;);'>hier</a></p>\n" +
				"<p><b>Link zur Halle einem Freund schicken:</b><br>Klicke <a href='javascript:tipsaenvan(&quot;" + lank + "&quot;);'>hier</a></p>\n" +
				"</div>";


					
					
				}
				
				
				
			}
		}
	}
	
	request.send(null);
	//if (dat != undefined) {Lat = latd; Lng = lngd; ZoomLevel = 13;}
	//map.setCenter(new GLatLng(latd, lngd), ZoomLevel);
	//panTo(new GLatLng(latd, lngd));


}



else {
	alert("Sorry, Google Maps API hat Probleme mit deinem Browser");
}

} // end of onLoad function
 
    //]]>