$(document).ready(function(){
	var map = new GMap2(document.getElementById("map",G_PHYSICAL_MAP),
	{ size: new GSize(640,320) } );
	map.addMapType(G_PHYSICAL_MAP);
	map.setMapType(G_PHYSICAL_MAP);
	map.removeMapType(G_SATELLITE_MAP);
	map.setCenter(new GLatLng(47.299598,13.062744), 6);
	var mapControl = new GMapTypeControl();
	map.addControl(mapControl);
	map.addControl(new GSmallMapControl());
	map.addControl(new GScaleControl());
	map.enableScrollWheelZoom();
	
	$.getJSON("/parser/map.html", function(json){
		$("#resorts").html('');
		for (i=0; i < json.n; i++){
			var point = new GLatLng(json.resorts[i][2], json.resorts[i][3]);
			map.addOverlay(createMarker(point, json.resorts[i][1], json.resorts[i][0], json.resorts[i][4]));
//			$("#resorts").append('<a id="' + json.resorts[i][0] + '" href="#">' + json.resorts[i][1] + '</a> <br>');
//			$("#" + json.resorts[i][0]).bind("click", function(){
//				
//			});
		}
		$("#resorts").append('Курортов на карте: ' + json.n);
		return false;
	});
	
	function createMarker(point, name, id, translit) {
		var marker = new GMarker(point);
		$("#resorts").append('<a id="' + id + '" href="#"><img class="icon" src="/images/icon_pushpin.gif" title="Посмотреть местонахождение курорта на карте"></a> <a href=/resorts/' + translit + '/ >' + name + '</a> <br>');
		$("#" + id).bind("click", function(){
			var resorthtml = "<a href=/resorts/" + translit + "/ >" + name + "</a>";
			map.openInfoWindowHtml(point, resorthtml);
		});
		GEvent.addListener(marker, "click", function() {
			var resorthtml = "<a href=/resorts/" + translit + "/ >" + name + "</a>";
			map.openInfoWindowHtml(point, resorthtml);
		});
		return marker;
	}
});