function select(buttonId) {
  document.getElementById("hand_b").className="unselected";
  document.getElementById("placemark_b").className="unselected";
  document.getElementById(buttonId).className="selected";
}

function hide(button, what) {
	var displayM;
	if(what == true)
		displayM = "none";
	else
		displayM = "block";
		
	if(button == "placemark_d"){
		document.getElementById("mapX").value = "Select location";
		document.getElementById("mapY").value = "Select location";
	}
	
	document.getElementById(button).style.display = displayM;
}

function stopEditing() {
  select("hand_b");
}

function placeMarker() 
{
	select("placemark_b");
	
	var listener = GEvent.addListener(map, "click", function(overlay, latlng) {
		if (latlng) 
		{
			select("hand_b");
			hide("placemark_b", true);
			hide("placemark_d", false);

			GEvent.removeListener(listener);
			var marker = new GMarker(latlng, {draggable: true});
			map.addOverlay(marker);
			updateMarker(marker);
			GEvent.addListener(marker, "dragend", function() {
				updateMarker(marker);
			});
			GEvent.addListener(marker, "click", function() {
			updateMarker(marker);
			});
		}
	});
}

function removeMarker() {
	map.clearOverlays();
	hide("placemark_d", true);
	hide("placemark_b", false);
}

function updateMarker(marker) {
  var latlng = marker.getPoint();
  var lokacija_x = document.createElement('lokacija_x');
  var lokacija_y = document.createElement('lokacija_y');
	lokacija_x.src = (latlng.y * 100) / 100;
	lokacija_y.src = (latlng.x * 100) / 100;
	document.getElementById('mapX').value = lokacija_x.src;
	document.getElementById('mapY').value = lokacija_y.src;
}


function initializeAddAp() 
{
	if (GBrowserIsCompatible())
	{
		map = new GMap2(document.getElementById("map"));		
		//map.removeMapType(G_SATELLITE_MAP);
		map.setMapType(G_HYBRID_MAP);
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.clearOverlays();
		map.enableScrollWheelZoom();
		
		select("hand_b");
		
		var mapX = document.getElementById("mapX");
		var mapY = document.getElementById("mapY");
		if (mapX.value && mapY.value)
		{			
			var point = new GLatLng(mapX.value, mapY.value);
			var marker = new GMarker(point, {draggable: true});
			map.setCenter(point, 15);
			map.addOverlay(marker);
			GEvent.addListener(marker, "dragend", function() {
				updateMarker(marker);
			});
		}
		else
		{
			map.setCenter(new GLatLng(42.64169353816666, 18.106541633605957), 15);
			mapX.value = "Select location";
			mapY.value = "Select location";
		}
	}
}

function initializeMap() 
{
	if (GBrowserIsCompatible())
	{
		var mapX = document.getElementById("mapX");
		var mapY = document.getElementById("mapY");
		
		map = new GMap2(document.getElementById("mapDiv"));		
		map.setMapType(G_HYBRID_MAP);
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.clearOverlays();
		map.enableScrollWheelZoom();
	
		
		
		if (mapX.value && mapY.value)
		{			
			var point = new GLatLng(mapX.value, mapY.value);
			var marker = new GMarker(point, {draggable: false, title:"This apartment!"});
			map.setCenter(point, 15);
			map.addOverlay(marker);
		}
		else
		{	
			map.setCenter(new GLatLng(42.64169353816666, 18.106541633605957), 15);
		}
	}
}