var i = 0;

function load(){
      var map = new GMap(document.getElementById("map"));
	  map.addControl(new GLargeMapControl());
	  map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(19.642588, 10.195313), 2, G_HYBRID_MAP);
	  map.enableScrollWheelZoom();
	  
	var baseIcon = new GIcon();
      baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
      baseIcon.iconSize = new GSize(20, 20);
      baseIcon.shadowSize = new GSize(20, 20);
      baseIcon.iconAnchor = new GPoint(10, 10);
      
	  baseIcon.infoWindowAnchor = new GPoint(15, 10);
      baseIcon.infoShadowAnchor = new GPoint(18, 25);

	function createMarker(point, iconname, info) {
	var icon = new GIcon(baseIcon);
	icon.image = iconname.getAttribute("image");
	//var marker = new GMarker(point, icon);
	var cimke = info[0];
	var marker = new GMarker(point, {icon:icon, title:"Please click the more information."});
	GEvent.addListener(marker, "click", function() {window.open("http://hisz.rsoe.hu/alertmap/index.php?lang=eng","_parent")});
	return marker;
	}

    var request = GXmlHttp.create();
    request.open("GET", "js/data/edis_data.xml", true);
    request.onreadystatechange = function() {
    if (request.readyState == 4)
		{
		var xmlDoc = request.responseXML; 

		var points = xmlDoc.documentElement.getElementsByTagName("point");
		var icons = xmlDoc.documentElement.getElementsByTagName("icon");
		var info = xmlDoc.documentElement.getElementsByTagName("info");

		for (var i = 0; i < points.length; i++) {
		var point = new GPoint(parseFloat(points[i].getAttribute("lng")),parseFloat(points[i].getAttribute("lat")));
		var marker = createMarker(point, icons[i], info[i]);
		map.addOverlay(marker);
    	}

		// ================================================     
		var lines = xmlDoc.documentElement.getElementsByTagName("line");
		for (var a = 0; a < lines.length; a++) {
		var colour = lines[a].getAttribute("colour");
		var width  = parseFloat(lines[a].getAttribute("width"));
		var points = lines[a].getElementsByTagName("point");
		var pts = [];
		for (var i = 0; i < points.length; i++) {
		pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")), parseFloat(points[i].getAttribute("lng")));
    	}
    	map.addOverlay(new GPolyline(pts,colour,width));
   		}
	// ================================================     
  	}
} 
request.send(null);

}