// global arrays to hold copies of the markers used by the side_bar
    var gmarkers = [];
	var gmarkersYellow = [];
	var map;
	var test;
		// This function picks up the click and opens the corresponding info window
    function myclick(i) {
      GEvent.trigger(gmarkers[i], "click");
	  map.setCenter(gmarkers[i].getLatLng(), 16);
    }
	function myclickYellow(i) {
      GEvent.trigger(gmarkersYellow[i], "click");
	  map.setCenter(gmarkersYellow[i].getLatLng(), 16);
    }
	
	function showred()
{
	document.getElementById("red").src="images/nav_red1.gif";
	document.getElementById("yellow").src="images/nav_yellow0.gif";
	showRedMarkers(true);
	document.getElementById("list_red").style.visibility="visible";
	document.getElementById("list_yellow").style.visibility="hidden";
}
function showyellow()
{
	document.getElementById("red").src="images/nav_red0.gif";
	document.getElementById("yellow").src="images/nav_yellow1.gif";
	showYellowMarkers(true);
	document.getElementById("list_yellow").style.visibility="visible";
	document.getElementById("list_red").style.visibility="hidden";
}

	
	function showtest()
	{
		alert(test);
	}
	
    function initialize() {
	  test=3;
	  if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(53.7065, 7.1607), 14);
        map.addControl(new GLargeMapControl());
		//map.addControl(new GSmallZoomControl());
        //map.addControl(new GMapTypeControl());
		map.setMapType(G_SATELLITE_MAP);
		

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(27, 20);
        baseIcon.shadowSize = new GSize(9, 9);
        baseIcon.iconAnchor = new GPoint(9, 9);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
		
		
		
        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point,index,haus,url,urlbez,bez,links) {
          // Create a lettered icon for this point using our icon class
          var letter = index;
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "images/marker"+ letter +".png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
			if (map.getZoom()<16){
			map.setCenter(marker.getLatLng(),16);
			}
			marker.openInfoWindowHtml('<table><tr><td class="normal"><img src="images/' + bez +'.jpg" width="60" align="left" hspace="5"></td><td class="normal"><b>' + haus + '</b><br><span class="klein"><a href="http://'+url+'" target="_blank">'+urlbez+'</a></span></td></tr><tr><td></td><td class="normal">'+links+'</span></td></tr></table>');
          });
		  gmarkers[index] = marker;
          return marker;
        }
		
		
		function createYellowMarker(point,index,haus,url,urlbez,bez,links) {
          // Create a lettered icon for this point using our icon class
          var letter = index;
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "images/marker_yellow"+ letter +".png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
            if (map.getZoom()<16){
			map.setCenter(marker.getLatLng(),16);
			}
			marker.openInfoWindowHtml('<table><tr><td class="normal"><img src="images/' + bez +'.jpg" width="60" align="left" hspace="5"></td><td class="normal"><b>' + haus + '</b><br><span class="klein"><a href="http://'+url+'" target="_blank">'+urlbez+'</a></span></td></tr><tr><td></td><td class="normal">'+links+'</span></td></tr></table>');
          });
		  
		  gmarkersYellow[index] = marker;
          return marker;
        }

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
//        for (var i = 0; i < 10; i++) {



		  


      }
	  
	  }
	  
	  
	  
	  function showRedMarkers(clear){
	   		if(clear){
	   		this.map.clearOverlays();
		}			var len = gmarkers.length;
		  for (i=1; i<len;i++){
			  var m = gmarkers[i];
			  map.addOverlay(m);
		  }
    }
	
	function showYellowMarkers(clear){
		if(clear){
	   		this.map.clearOverlays();
		}
			var len = gmarkersYellow.length;
		  for (i=1; i<len;i++){
			  var m = gmarkersYellow[i];
			  map.addOverlay(m);
		  }
    }
	
	function showAllMarkers(){
	   		showYellowMarkers(false);
			showRedMarkers(false);
    }