var map;
    var geocoder;
 
function initializeKonst() {
	
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("Layer_Main_Over"));
		var mapTypeControl = new GMapTypeControl();
		var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));
		var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10));
		map.addControl(mapTypeControl, bottomRight);				//väljer vilken karttyp som visas
		map.addControl(new TextualZoomControl(), topRight);		
		map.addControl(new GLargeMapControl());

		
		map.setCenter(new GLatLng(55.63187231429297, 13.503034114837646), 9);
		

		
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.shadow = "images/shadowskhf.png";
		baseIcon.iconSize = new GSize(23, 30);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(20, 20);
		baseIcon.infoWindowAnchor = new GPoint(9, 0);
		
		// Creates a marker whose info window displays the letter corresponding
		// to the given index.
		function createMarker(point, index,medlemsnr) {
			   var numberedIcon = new GIcon(baseIcon);
			  numberedIcon.image = "images/bojen_" + medlemsnr + ".png";  
			  markerOptions = { icon:numberedIcon };
			  var marker = new GMarker(point, markerOptions);
			
			  GEvent.addListener(marker, "click", function() {			//("<b>" + DATA[index][1] + "</b><br>" + DATA[index][4]);
				var point = marker.getPoint();
				map.panTo(point);
				var beskrivning = wordwrap(DATA[index][5], 70, '<br />\n');
				
				marker.openInfoWindowHtml("<b>" + DATA[index][1] + "</b><br><a href=\"userinfo.php?user=" + DATA[index][0] + "\" >" + beskrivning + "<br>Klick för mer info...<br><br></a>");
				
			  	});
			  return marker;
		}
		
		for (var i=0;i<DATA.length;i++) {
			  var point = new GLatLng(DATA[i][2], DATA[i][3]);
			  
				var number = DATA[i][4];
			  map.addOverlay(createMarker(point,i, number));
		}
	
	}
}
	
function initializePlats() {

 if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("Layer_Main_Map"));
		var mapTypeControl = new GMapTypeControl();
		var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));
		var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10));
		map.addControl(mapTypeControl, topRight);				//väljer vilken karttyp som visas
		
		if (DATA.length == 1)
			map.setCenter(new GLatLng(DATA[0][2], DATA[0][3]), 9);
		else
			map.setCenter(new GLatLng(55.63187231429297, 13.503034114837646), 9);
		map.addControl(new GLargeMapControl());						// Zoom in och ut, pilar

		
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.shadow = "images/shadowskhf.png";
		baseIcon.iconSize = new GSize(21, 30);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(20, 20);
		baseIcon.infoWindowAnchor = new GPoint(9, 0);
		
		// Creates a marker whose info window displays the letter corresponding
		// to the given index.
		function createMarker(point, index) {
			  // Create a lettered icon for this point using our icon class
			  var letter = String.fromCharCode("A".charCodeAt(0) + index);
			  var letteredIcon = new GIcon(baseIcon);
			  letteredIcon.image = "images/bojen-icon.png";
			
			  // Set up our GMarkerOptions object
			  markerOptions = { icon:letteredIcon };
			  var marker = new GMarker(point, markerOptions);
			
			
			
			  GEvent.addListener(marker, "click", function() {			//("<b>" + DATA[index][1] + "</b><br>" + DATA[index][4]);
				var point = marker.getPoint();
				map.panTo(point);									
				var beskrivning = wordwrap(DATA[index][0], 70, '<br />\n');
			
				marker.openInfoWindowHtml("<b>" + DATA[index][1] + "</b> (" +  DATA[index][4] + ")<br>" + beskrivning + "!");
			  });
			  return marker;
		}
		
		// Lägg till alla konstnärers positioner
	//	alert ("Lat/Lng: " + DATA[0][2] + ", " +  DATA[0][3]);
		for (var i=0;i<DATA.length;i++) {
			
			  var point = new GLatLng(DATA[i][2], DATA[i][3]);
			  
		//	  var point = new GLatLng(55,13);
			  map.addOverlay(createMarker(point, i));
		}
	
	}
}
	/*
	
		var Xmax=55.63187231429297,Xmin=55.63187231429297,Ymax=13.699951171875,Ymin=13.699951171875;
			
			// Lägg till alla konstnärers positioner
			
			
			
			/*
			
			for (var i=0,j=0;i<DATA.length;i++) {
				alert ("Nr: " + i + " Lat: " + DATA[i][2]);
				if (DATA[i][2] != 0){
					alert ("det blir en position");
					if (DATA[i][2] > Xmax) {
						alert ("Det nya värdet är större");
						Xmax=DATA[i][2];
						
					}else{
						alert ("Det nya värdet är mindre");
					}
					
					var point = new GLatLng(DATA[i][2], DATA[i][3]);
					alert ("Punkten skapad: "+ point);
				  	map.addOverlay(createMarker(point, i));
					alert ("Overlayen skapad");
					j++;
					alert ("j ökas!");
				}else
					alert ("En utställning utan position");
			}
			*/
	//		alert ("max: " + Xmax + " min: " + Xmin);
function initializeSmall(lat,lng) {
     if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("Layer_Small_Map"));
			var mapTypeControl = new GMapTypeControl();
			var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));
			var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10));
	//		map.addControl(mapTypeControl, topRight);				//väljer vilken karttyp som visas
		//	GEvent.addListener(map, "dblclick", function() {
		//7	  map.removeControl(mapTypeControl);
		//	  map.addControl(new GMapTypeControl(), bottomRight);
		//	});
			map.addControl(new GLargeMapControl());						// Zoom in och ut, pilar
			map.addControl(new GMapTypeControl());						// Zoom in och ut, pilar
			map.setCenter(new GLatLng(lat, lng), 9);
								//	  55.63187231429297	  13.699951171875
	   // 	map.addControl(new TextualZoomControl());					// läg till alla egna knappar
			
			
			var baseIcon = new GIcon(G_DEFAULT_ICON);
			baseIcon.shadow = "images/shadowskhf.png";
			baseIcon.iconSize = new GSize(21, 30);
			baseIcon.shadowSize = new GSize(37, 34);
			baseIcon.iconAnchor = new GPoint(20, 20);
			baseIcon.infoWindowAnchor = new GPoint(9, 0);
			
			// Creates a marker whose info window displays the letter corresponding
			// to the given index.
			function createMarker(point, index) {
				  // Create a lettered icon for this point using our icon class
				  var letter = String.fromCharCode("A".charCodeAt(0) + index);
				  var letteredIcon = new GIcon(baseIcon);
				  letteredIcon.image = "images/bojen-icon.png";
				
				  // Set up our GMarkerOptions object
				  markerOptions = { icon:letteredIcon };
				  var marker = new GMarker(point, markerOptions);
				
			//	  GEvent.addListener(marker, "click", function() {			//("<b>" + DATA[index][1] + "</b><br>" + DATA[index][4]);
			//		marker.openInfoWindowHtml("<b>" + DATA[index][1] + "</b><br><a href=\"" + DATA[index][0] + "\" >" + DATA[index][4] + "</a>");
			//	  });
				  return marker;
			}
			
		//	var point = new GLatLng(lat,lng);
			var point = new GLatLng(lat,lng);
			map.addOverlay(createMarker(point));
			
		
		}
}

function initializeEdit() {
//	alert ("Nu kan kartan editeras");
	
	if (GBrowserIsCompatible())	{
		map = new GMap2(document.getElementById("Layer_Small_Map"));
		map.addControl(new GLargeMapControl());						// Zoom in och ut, pilar
		map.addControl(new GMapTypeControl());
		geocoder = new GClientGeocoder();
		
		if (document.getElementById("latitude")){
			if (document.getElementById("latitude").value == ""){
				document.getElementById("latitude").value = 55.49892498070933;
				document.getElementById("longitude").value = 13.478507995605469;
			}
//			alert ("Latitude: " + document.getElementById("latitude").value + "  --- Latitude: " + document.getElementById("longitude").value);
			
		}
/*		if (document.getElementById("addlatitude")){
			if (document.getElementById("addlatitude").value == ""){
				document.getElementById("addlatitude").value = 60; // 55.63187231429297;
				document.getElementById("addlongitude").value = 20; // .503034114837646;	
			}
			alert ("addLatitude: " + document.getElementById("addlatitude").value + "  --- addLatitude: " + document.getElementById("addlongitude").value);
			
		}*/
		
		if (document.getElementById("latitude").value == '0' ){  //|| !document.getElementById("addlatitude").value
			var centrePoint = new GLatLng('55.63187231429297', '13.503034114837646');
		}else{ 
			var centrePoint = new GLatLng(document.getElementById("latitude").value, document.getElementById("longitude").value);
		}
		map.setCenter(centrePoint, 9);
		
		var marker = new GMarker(centrePoint, {draggable: true});
		map.addOverlay(marker);
		
		GEvent.addListener(marker, "dragend", function() {
			var point = marker.getPoint();
			map.panTo(point);
			if(document.getElementById("latitude"))
				document.getElementById("latitude").value = point.lat();
				
			if(document.getElementById("longitude"))
				document.getElementById("longitude").value = point.lng();
				
			
		});
	}
		
}

// =========================================================================================================================================================================================
// Google MAP - Egna Knappar
// =========================================================================================================================================================================================


// A TextualZoomControl is a GControl that displays textual "Zoom In"
// and "Zoom Out" buttons (as opposed to the iconic buttons used in
// Google Maps).
function TextualZoomControl() {
}
TextualZoomControl.prototype = new GControl();

// Creates a one DIV for each of the buttons and places them in a container
// DIV which is returned as our control element. We add the control to
// to the map container and return the element for the map class to
// position properly.
TextualZoomControl.prototype.initialize = function(map) {
  var container = document.createElement("div");



	var closeDiv = document.createElement("div");
	  this.setButtonStyle_(closeDiv);
	  container.appendChild(closeDiv);
	  closeDiv.appendChild(document.createTextNode("Stäng Kartan"));
	  GEvent.addDomListener(closeDiv, "click", function() {
		window.parent.location="konstnarer.php";
	  });


/*
  var zoomInDiv = document.createElement("div");
  this.setButtonStyle_(zoomInDiv);
  container.appendChild(zoomInDiv);
  zoomInDiv.appendChild(document.createTextNode("Zooma In"));
  GEvent.addDomListener(zoomInDiv, "click", function() {
	map.zoomIn();
  });

  var zoomOutDiv = document.createElement("div");
  this.setButtonStyle_(zoomOutDiv);
  container.appendChild(zoomOutDiv);
  zoomOutDiv.appendChild(document.createTextNode("Zooma Ut"));
  GEvent.addDomListener(zoomOutDiv, "click", function() {
	map.zoomOut();
  });
 
  if (SIDA == "vag"){
	var platserDiv = document.createElement("div");
	  this.setButtonStyle_(platserDiv);
	  container.appendChild(platserDiv);
	  platserDiv.appendChild(document.createTextNode(DATA[0][1]));
	  GEvent.addListener(marker, "click", function() {			//("<b>" + DATA[index][1] + "</b><br>" + DATA[index][4]);
		marker.openInfoWindowHtml("<b>" + DATA[0][1] + "</b><br><a href=\"" + DATA[0][0] + "\" >" + DATA[0][4] + "</a>");
		});
}
*/

  map.getContainer().appendChild(container);
  return container;
}



// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.
TextualZoomControl.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7, 7));
}

// Sets the proper CSS for the given button element.
TextualZoomControl.prototype.setButtonStyle_ = function(button) {
//  button.style.textDecoration = "underline";
  button.style.color = "#4c4c4c";
  button.style.backgroundColor = "white";
//  button.style.font = "verdana";
  button.style.border = "2px solid black";
  button.style.padding = "2px";
  button.style.marginBottom = "3px";
  button.style.textAlign = "center";
  button.style.width = "8em";
  button.style.cursor = "pointer";
}

  // =========================================================================================================================================================================================
// Google MAP - Sökfönster
// =========================================================================================================================================================================================

function addAddressToMap(response) {
      map.clearOverlays();
      if (!response || response.Status.code != 200) {
   //     alert("Tyvärr så hittar jag inte denna adress, Flytta vänligen markören på kartan till er adress");
		point = new GLatLng('55.63187231429297', '13.503034114837646');
		marker = new GMarker(point, {draggable: true});
		map.setCenter(point, 8);
		map.addOverlay(marker);
        marker.openInfoWindowHtml('<b>Hittade tyvärr inte er adress</b><br>Stäng detta fönster och zooma in kartan<br>Flytta därefter markören så att den markerar<br>er exakta adress');
      
		
      } else {
        place = response.Placemark[0];
        point = new GLatLng(place.Point.coordinates[1],
                            place.Point.coordinates[0]);
        marker = new GMarker(point, {draggable: true});
		map.setCenter(point, 12);
       	map.addOverlay(marker);
        marker.openInfoWindowHtml('<b>Detta är er ungefärliga position</b><br>Stäng detta fönster och zooma in kartan<br>Flytta därefter markören så att den markerar<br>er exakta adress');
      }
	  map.panTo(point);
	  GEvent.addListener(marker, "dragend", function() {
			var point = marker.getPoint();
			map.panTo(point);
			if(document.getElementById("latitude"))
				document.getElementById("latitude").value = point.lat();
				
			if(document.getElementById("longitude"))
				document.getElementById("longitude").value = point.lng();
				
			if(document.getElementById("addlatitude"))
				document.getElementById("addlatitude").value = point.lat();
				
			if(document.getElementById("addlongitude"))
				document.getElementById("addlongitude").value = point.lng();
		});
	  
	  
    }

    function showLocation() {
		
      var address = document.forms[0].postadress.value + ", Sweden";
      geocoder.getLocations(address, addAddressToMap);
    }

   // findLocation() is used to enter the sample addresses into the form.
    function findLocation(address) {
      document.forms[0].postadress.value = address;
      showLocation();
    }

var showmap = 1;
function showdontshowmap(){
	if (showmap == 0){
		MM_showHideLayers('Layer_Small_Map','','show');
		showmap=1;
	}else{
		MM_showHideLayers('Layer_Small_Map','','hide');
		showmap=0;
	}
	
}