// File /js/gmap.js BEGIN
function g_initialize()
{
	if (GBrowserIsCompatible())
	{
		if (document.getElementById('map_canvas'))
		{
			var map_cont = document.getElementById('left_big_img');		
			map_cont.style.background = "url('/img/main_logo_anim3.gif') no-repeat center";
		}
		var geoXml;
		map = new GMap2(document.getElementById("map_canvas"));
		GEvent.addListener(map, "tilesloaded", function() {
			document.getElementById('map_canvas').style.visibility='visible';
			map_cont.style.background = '';
		});

//		map.setCenter(new GLatLng(50.397510, 30.637912), 16);
		map.setCenter(new GLatLng(50.398086,30.641016), 15);

		map.addControl(new GLargeMapControl());
		map.addControl(new GLargeMapControl());
		map.setMapType(G_HYBRID_MAP);

		var markers_container = document.getElementById('content_id');

		var ul = document.createElement("ul");

		var request = GXmlHttp.create();
		url="http://www.2kgroup.com/xml/2kgroup.kml";
		request.open("GET", url, true);
		request.onreadystatechange = function()
		{
			if (request.readyState == 4)
			{
				var xmlDoc = new GXml.parse(request.responseText);

				var markers = xmlDoc.getElementsByTagName("Placemark");
				var docInfo = xmlDoc.getElementsByTagName("Document")[0];

				var len = markers.length;
				for (var i = 0; i < len; i++)
				{
					var lng, lat;
					var coordinates = markers[i].getElementsByTagName("coordinates")[0].childNodes[0].data;
					var c = coordinates.split(",");
					lng = parseFloat(c[0]);
					lat = parseFloat(c[1]);
					var point = new GLatLng(lat, lng);

					var name = markers[i].getElementsByTagName("name")[0].firstChild.nodeValue;
					var desc = markers[i].getElementsByTagName("description")[0].firstChild.nodeValue;

					var marker = new createMarker(point, i, name, desc, ul);
					map.addOverlay(marker);
				}
				markers_container.appendChild(ul);
			}
		}

		request.send(null);
	}
}


function createMarker(point, index, name, desc, ul)
{
	var letter = String.fromCharCode("A".charCodeAt(0) + index);
	var baseIcon = new GIcon();
	baseIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
	baseIcon.size = new GSize(16,16)  ;
	baseIcon.iconAnchor = new GPoint(10,30)  ;
	baseIcon.infoWindowAnchor = new GPoint(7,7) ;

	var marker = new GMarker(point, baseIcon);

	var msg = '<div class="c_popup">' + name +'<br />'+ desc+ '</div>';
	var li = document.createElement("li");
	li.style.cursor = 'pointer';
	li.style.marginBottom = '20px';

	li.innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr><td rowspan="2"><img src="http://maps.google.com/mapfiles/kml/paddle/' + letter  + '_maps.png" /></td></tr><tr><td>'+name+'<br />'+desc+'</td></tr></table>';

	var f = function() { marker.openInfoWindowHtml(msg);};
	var g = function() { marker.closeInfoWindow();}

	GEvent.addListener(marker, "click", f);
	GEvent.addListener(marker, "infowindowclose", g);

	li.onmouseover = f;
	li.onmouseout = g;
	ul.appendChild(li);

	return marker;
}

// File /js/gmap.js END
/*
Statistic:
/js/gmap.js	SUCCESS
*/