$(document).ready(function() {
$('#points').css("display","none")
$('#spotinfo').css("display","none")
$('#mapa').css("right", "0px")

map_query = ""
map_q = ""
selected_options = []
gmarkers = [];
scat = ""

function submenuphp(i)
{
	$.get("data.php","i="+i,function(data){$('.content').html(data);});
}

function updatemarkers()
{
	map.clearOverlays();
	gmarkers = []
	
	selected = $('.map_option.selected')
	map_query =""
	
	for (i=0;i<gmarkers.length;i++)
			{
				if (gmarkers[i] != undefined)
				{
					if (gmarkers[i]['type'] == $(this).attr("id").substr(11))
					{
						map.removeOverlay(gmarkers[i]['marker'])
						gmarkers[i] = undefined			
					}
				}
			}
	
	for (i=0;i<selected.length;i++)
	{
		type = selected[i].id.substr(11)
		map_query = map_query + "|" + type
	}
	
	map_query = map_query.substr(1)
	readMap (map_query)
	submenuphp(map_query)
}

$('.map_option_none').click(function () {
	$('.map_option').removeClass("selected")
	$('#points').css("display","none")
	$('#mapa').css("left", "204px")
	$('#spotinfo').css("display","none")
	$('#mapa').css("right", "0px")
	init()
	map.clearOverlays();
	gmarkers = []
})

$('.map_option').click(function () {
	if ($(this).hasClass("selected"))
		{ 
			$(this).removeClass("selected")
			$('#points').css("display","none")
			$('#mapa').css("left", "204px")
			$('#spotinfo').css("display","none")
			$('#mapa').css("right", "0px")
			init()
		} else if ($('.map_option').hasClass("selected")) {
			$('.map_option').removeClass("selected")
			$(this).addClass("selected")
			$('#points').css("display","block")
			$('#mapa').css("left", "406px")
			init()
			updatemarkers()
		} else {
			$(this).addClass("selected")
			$('#points').css("display","block")
			$('#mapa').css("left", "406px")
			init()
			updatemarkers()
		}
})

$('.pointsclose').click(function () {
	$('#points').css("display","none")
	$('#mapa').css("left", "204px")
	$('#spotinfo').css("display","none")
	$('#mapa').css("right", "0px")
	$('.map_option').removeClass("selected")
	init()
})

$('.infoclose').click(function () {
	$('#spotinfo').css("display","none")
	$('#mapa').css("right", "0px")
	init()
	updatemarkers()
})

function readMap(url) {
var url="showmarkers.php?q="+url;
var request = GXmlHttp.create();
request.open("GET", url, true);
request.onreadystatechange = function() {
  if (request.readyState == 4) {
	var xmlDoc = request.responseXML;
	// obtain the array of markers and loop through it
	var markers = xmlDoc.documentElement.getElementsByTagName("marker");
	
	// hide the info window, otherwise it still stays open where the removed marker used to be
	//map.getInfoWindow().hide();
	
	//map.clearOverlays();
	
	// empty the array
  
	for (var i = 0; i < markers.length; i++) {
	var id = markers[i].getAttribute("id");
	var name = markers[i].getAttribute("name");
	var address = markers[i].getAttribute("address");
	var email = markers[i].getAttribute("email");
	var tel = markers[i].getAttribute("tel");
	var fax = markers[i].getAttribute("fax");
	var url = markers[i].getAttribute("url");
	var photo = markers[i].getAttribute("photo");
	var folder = markers[i].getAttribute("folder");
	var summary = markers[i].getAttribute("summary");
	var type = markers[i].getAttribute("type");
	var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
							parseFloat(markers[i].getAttribute("lng")));
	
	
	if (gmarkers[id] == undefined)
	{
		var marker = createMarker(point, name, address, email, type, id, email, tel, fax, url, photo, folder, summary );
		map.addOverlay(marker);
		gmarkers[id] = { "type": type, "marker": marker };
	} else {
		;
	}
  }
  }
}
request.send(null);
}
return true;
});