var gmarkers = [];
 var htmls_l = [];
 var obj_lat = [];
 var obj_lon = [];
 var map;
 var mgr;
var nav2_text;
//<![CDATA[

function myclick_z(i)
{
myclick_l_hide();
    window.setTimeout(function() { map.panTo(new GLatLng(obj_lat[i],obj_lon[i]));}, 10);
    window.setTimeout(function() { map.setZoom(17);}, 500);
	
    window.setTimeout(function() { GEvent.trigger(gmarkers[i], "click");},2000);
}
function myclick(i)
{
myclick_l_hide();
    window.setTimeout(function() { map.panTo(new GLatLng(obj_lat[i],obj_lon[i]));}, 10);
	window.setTimeout(function() { GEvent.trigger(gmarkers[i], "click");},2000);

}
function myclick_l(i)
{
	document.getElementById("text_info").style.zIndex=200;
	document.getElementById("text_info").innerHTML  = htmls_l[i];
}
function myclick_imp()
{
text="<p><font size='4'><strong>Impressum</strong></font></p><p>Alle Rechte der Google Map Darstellung liegen bei der Google Inc. 1600 Amphitheatre Parkway Mountain View, CA 94043 USA. <br />Die Nutzung der Google Maps Api erfolgt entsprechen den 'Google Maps API Terms of Use'.</p><p>Die Rechte für Bild- und Textmaterial der Infoinhalte liegen bei den entsprechenden Inhabern. </p>";
text=text+"Verantwortlich für den Inhalt: Gemeinde Ostseebad Laboe";
	document.getElementById("text_info").style.zIndex=200;
	document.getElementById("text_info").innerHTML  = text;
}

function myclick_l_hide()
{
map.closeInfoWindow(); 
document.getElementById("text_info").style.zIndex=-1;
}

function GonLoad() {
_mFlags = {}
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GMapTypeControl(true));
        map.setCenter(new GLatLng(54.40154683179574,10.225696563720703),14);
        map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(0, 0)));
      if (window.attachEvent) {
        window.attachEvent("onresize", function() {map.checkResize()} );
      } else {
        window.addEventListener("resize", function() {map.checkResize()} , false);
      }
/*        mgr = new MarkerManager(map);

         // Add other properties to the map
        var icon = new GIcon();
        icon.image = "images/icons/logo.gif";
        icon.iconSize = new GSize(32, 31);
        icon.iconAnchor = new GPoint(16, 23);
        icon.infoWindowAnchor = new GPoint(16, 4);
        var point = new GLatLng(54.40154683179574,10.225696563720703);
        var marker = new GMarker(point, icon);
        mgr.addMarker(marker,0,13);
         mgr.refresh();
*/        load_menu();
        }
//]]>



function load_street()
{
myclick_l_hide();
        htmls_l = [];
        obj_lat = [];
        obj_lon = [];
        map.clearOverlays();

gmarkers = [];

        GDownloadUrl("street.xml", function(data, responseCode) {
          if(responseCode == 200)
        {
                nav2_text="";
                var street;
                    var xml = GXml.parse(data);
                    var markers = xml.documentElement.getElementsByTagName("marker");

                    for (var i = 0; i < markers.length; i++) {
                        obj_lat[i]=parseFloat(markers[i].getAttribute("lat"));
                        obj_lon[i]=parseFloat(markers[i].getAttribute("lng"));
                        street=markers[i].getAttribute("street");
                        nav2_text=nav2_text+'<a href="javascript:map_streetcenter('+i+')">'+street+'</a><br>';
            }

document.getElementById("text_nav2").innerHTML  = nav2_text;
          } else if(responseCode == -1) {
            alert("Data request timed out. Please try later.");
          } else {
            alert("Request resulted in error. Check XML file is retrievable.");
          }
        });
mgr.refresh();
}

function load_marker(class_id)
{
	myclick_l_hide();
        var id;
        var title;
        var lat;
        var lon;
        var img;
        var adr;
        var ort;
        var plz;
        htmls_l = [];
        obj_lat = [];
        obj_lon = [];
        map.clearOverlays();
		gmarkers = [];
        var url="http://www.gemeinde-laboe.de/map/orrss/rss.php?class_id="+class_id;
        var icon_url;

        GDownloadUrl(url, function(data, responseCode) {
          if(responseCode == 200) {
                nav2_text="<table  cellpadding='0' cellspacing='0'>";

            var xml = GXml.parse(data);
            var markers = xml.documentElement.getElementsByTagName("marker");

		for (var i = 0; i < markers.length; i++)
			{
                id=markers[i].getAttribute("id");
                title=markers[i].getAttribute("title");
                lat=parseFloat(markers[i].getAttribute("lat"));
                lon=parseFloat(markers[i].getAttribute("lng"));
                img=markers[i].getAttribute("img");
                adr=markers[i].getAttribute("adr");
                ort=markers[i].getAttribute("ort");
                plz=markers[i].getAttribute("plz");

                createMarker(id,title,lat,lon,img,adr,ort,plz);
                obj_lat[id]=lat;
                obj_lon[id]=lon;
                 icon_url = "http://www.gemeinde-laboe.de/map/images/icons/"+img;
                nav2_text=nav2_text+'<tr><td valign=top align="left"><a href="javascript:myclick_z('+id+')"><img src="'+icon_url +'" width="16" height="16" border="0"alt="Icon"></a></td><td><a href="javascript:myclick('+id+')">'+title+'</a></td></tr>';
            }
                nav2_text=nav2_text+"</table>";


document.getElementById("text_nav2").innerHTML  = nav2_text;
          } else if(responseCode == -1) {
            alert("Data request timed out. Please try later.");
          } else {
            alert("Request resulted in error. Check XML file is retrievable.");
          }
        });
}

function createMarker(id,name,lat,lon,icon_image,adr,ort,plz)
{
        htmls_l[id]='<a href="javascript:myclick_l_hide()">Schließen</a><br><iframe src="http://www.gemeinde-laboe.de/map/index.php?action=listingview&listingID='+id+'"width= "95%" height="95%" marginwidth="0" marginheight="0" scrolling="Auto" frameborder="1"></iframe>';
//        htmls_l[id]='<iframe src="http://www.gemeinde-laboe.de/map/index.php?action=listingview&listingID='+id+'"width= "100%" height="100%" marginwidth="0" marginheight="0" scrolling="Auto" frameborder="1"></iframe>';

        var info_html="";
        var icon = new GIcon();
        icon.image = "http://www.gemeinde-laboe.de/map/images/icons/"+icon_image;
        icon.iconSize = new GSize(16, 15.5);
        icon.iconAnchor = new GPoint(8, 11.5);
        icon.infoWindowAnchor = new GPoint(8, 2);
         var point = new GLatLng(lat,lon);
         var marker = new GMarker(point, icon);
        info_html='<b>'+name+'</b><br>'+adr+'<br><b>'+plz+'</b> '+ort+'<br><input type="button" value="Mehr Info" onclick="javascript:myclick_l('+id+');">';
         GEvent.addListener(marker,'click', function() {
                     marker.openInfoWindowHtml(info_html)});
		map.addOverlay(marker);
         gmarkers[id] = marker;

      }


function load_menu()
{
        htmls_l = [];
        obj_lat = [];
        obj_lon = [];
        map.clearOverlays();
gmarkers = [];

        var url="http://www.gemeinde-laboe.de/map/orrss/rss.php?class_id=0";
        var icon_url;

        GDownloadUrl(url, function(data, responseCode) {
          if(responseCode == 200) {
                nav2_text="";

            var xml = GXml.parse(data);
            var ndata = xml.documentElement.getElementsByTagName("data");
            for (var i = 0; i < ndata.length; i++) {
                var id=ndata[i].getAttribute("id");
                var title=ndata[i].getAttribute("title");

        nav2_text=nav2_text+'<a href="javascript:load_marker('+id+')">'+title+'</a><br>';
            }
        nav2_text=nav2_text+'<a href="javascript:load_street()">Straßenverz.</a><br>';
        nav2_text=nav2_text+'<br><a href="javascript:myclick_imp()">Impressum</a><br>';



document.getElementById("text_nav1").innerHTML  = nav2_text;
          } else if(responseCode == -1) {
            alert("Data request timed out. Please try later.");
          } else {
            alert("Request resulted in error. Check XML file is retrievable.");
          }
        });
}


function map_streetcenter(i)
{
    window.setTimeout(function() { map.panTo(new GLatLng(obj_lat[i],obj_lon[i]));}, 1000);
	window.setTimeout(function() { map.setZoom(17);}, 2000);
}

function map_center()
{
        map.setCenter(new GLatLng(54.40154683179574,10.225696563720703),14);
}