/*var Icon = new GIcon();  */
  var map = null;
       
  //load map with functions
  function load() {
  	  
  	var myLatlng = new google.maps.LatLng(51.24817, 10.39307);
	var myOptions = {
  		zoom: 6,
  		center: myLatlng,
  		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	map = new google.maps.Map(document.getElementById("map_canvas"),
    myOptions);

    for (object in member)
    {
      createMarker(object);
    }
  };
  
  // erstellt marker f�r die Karte
  function createMarker(userid) {	
    var iconImage;
          switch(member[userid]["status"]){
            case "2":
              iconImage = "/content/images/google-pins/horse-white-border.png";
             //Leader
              break;
            case "3":
              iconImage = "/content/images/google-pins/gold-soldier-white-border.png";
              //Gold-member
              break;
            case "5":
              iconImage = "/content/images/google-pins/fullmember-soldier-white-border.png";
              //Fullmember
              break;
            case "4":
              iconImage = "/content/images/google-pins/orga-soldier-white-border.png";
              //WarOrga
              break;
            case "9":
              iconImage = "/content/images/google-pins/horse-white-border.png";
              break;
            case "6":
              iconImage = "/content/images/google-pins/trail-soldier-white-border.png";
              member[userid]["titel"] == "Trail-Member";
              break;
            default:
              iconImage = "/content/images/google-pins/trail-soldier-white-border.png";
              break;
            }
    
    if(member[userid]["marker"] == ""){      
      var myLatLng = new google.maps.LatLng(member[userid]["geoLat"], member[userid]["geoLng"]);
      var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: iconImage
      });
	}
    
    member[userid]["marker"] = marker;
    addClickMarker(member[userid]["userid"]);	
  }
  
  // f�gt den markern auf der Karte die click-Methode hinzu
  function addClickMarker(userid){
  	 google.maps.event.addListener(member[userid]["marker"], 'click', function() {
      openInfoWindow(member[userid]["userid"]);
    });
  }
  
  // �ffnet html Infofenster auf karte
  function openInfoWindow(userid){
     var memberContent = createHTMLInfoWindow(userid);
     var infowindow = new google.maps.InfoWindow(
      { content: memberContent,
        size: new google.maps.Size(30,34),
        map: map
      });
      infowindow.open(map, member[userid]["marker"]);
  }
  
  // baut html Infofenster f�r Karte
  function createHTMLInfoWindow(userid)
  {
    var name = "<div class=\'name\'>" + member[userid]["name"] + "</div>";
    var status = "<div class=\'status\'>Status:<br />" + member[userid]["titel"] + "</div>";
    var wohnort = "<div class=\'wohnort\'>Basislager:<br />" + member[userid]["ort"] + "</div>";
    var avatar = "<div class=\'avatar\'><img src=\'http://www.gnadenlose-jaeger.de/images/avatar/" + member[userid]["user_avatar"] + "\' alt=\'avatar\' /></div>"; 
    
    var grad = "";
    var games = "";
     	 
    if(member[userid]["user_wahl"] != 0){
      var gradTitle = "<div class=\'gradTitle\'>" +
                         "<div class=\'title\'>aktueller Dienstgrad:</div>" +
                         "<div class=\'value\'>" + member[userid]["grad_title"] + "</div>" +
                         "<div class=\'clearer\'></div>" +
      				   "</div>";
      
      var gradPic = "<div class=\'gradPic\'>" +
                    "<div class=\'title\'>Abzeichen:</div>" +
                    "<div class=\'value\'><img src=\'http://www.gnadenlose-jaeger.de/images/grad_images/" + member[userid]["grad_pic"] + "\' alt=\'" + member[userid]["grad_title"] + "\'/></div>" +
      			    "<div class=\'clearer\'></div>" +
      			  "</div>";
      
      grad = "<div class=\'grad\' style=\'width:300px;height:80px;\'>" + gradTitle + gradPic + "<div class=\'clearer\'></div></div>";
      
      var gameTitle = "<div class=\'gameTitle\'>Abteilungen:</div>";
      
      var gamePic1 = "";
	  if(member[userid]["game2"] == "2_cod4-icon.png"){
	    gamePic1 = "<div class=\'value\'><img src=\'http://www.gnadenlose-jaeger.de/images/game_images/" + member[userid]["game2"] + "\' alt=\'COD4\'/></div>";
      }
      
      var gamePic2 = "";
      if(member[userid]["game1"] == "1_bc2-icon.png"){
        gamePic2 = "<div class=\'value\'><img src=\'http://www.gnadenlose-jaeger.de/images/game_images/" + member[userid]["game1"] + "\' alt=\'BFBC2\'/></div>";
      }
      
      var gamePic3 = "";
      if(member[userid]["game3"] == "5_battlefield-3-beta-demo-feature.jpg"){
        gamePic3 = "<div class=\'value\'><img src=\'http://www.gnadenlose-jaeger.de/images/game_images/" + member[userid]["game3"] + "\' alt=\'BF3\'/></div>";
      }
      
      
      var gamesTitle = "<div class=\'gamesTitle\'>" + gameTitle + "<div class=\'clearer\'></div></div>";
      
      var gamesPic = "<div class=\'gamesPic\'>" + gamePic1 + gamePic2 + gamePic3 + "<div class=\'clearer\'></div></div>";
      
      games = "<div class=\'games\' style=\'width:300px;height:80px;\'>" + gamesTitle + gamesPic + "<div class=\'clearer\'></div></div>";
    }
    
    var myHtml = "<div class=\'iw\'>" +
                   "<div class=\'left\'>" + avatar + "</div>" +
                   "<div class=\'right\'>" + name + status + wohnort + "</div>" + 
    			   "<div class=\'clearer\'></div>" + 
                   grad + games +
                   "<div class=\'clearer\'></div>" + 
                 "</div>";
    
    return myHtml;
  }
  
  // erstellt Legende ueber der Karte
  function createLegend(){
 	document.writeln('<div class="memberLinkListe">');
 	document.writeln('<div class="legend">' +
 		'<div class="legendWrap">' +
 	    '<div class="legendTitle Clanleader">Leader</div>' +
 	    '<div class="legendTitle coAdmin">Co-Admin</div>' +
 	    '<div class="legendTitle Gold-Member">Gold<br />Member</div>' +
 	    '<div class="legendTitle Full-Member">Full<br />Member</div>' +
 	    '<div class="legendTitle Trail">Trail<br />Member</div>' +
 	    '<div class="clearer"><!-- clear --></div>' +
        '</div>' +
        '</div>');
 	document.writeln('</div>');
  }
  
  // erstellt Memberliste unter der Karte
  function showMemberList(){
    document.writeln('<div class="memberLinkListe">');
    document.writeln('<div class="links">');
    document.writeln('<ul>');
	
 	document.writeln('<li class="admin"><span class="memberLinkListeHeadline">Admin</span><ul></ul></li>');
    document.writeln('<li class="coAdmin"><span class="memberLinkListeHeadline">Co-Admin</span><ul></ul></li>');
    document.writeln('<li class="orga"><span class="memberLinkListeHeadline">War-Orga</span><ul></ul></li>');
    document.writeln('<li class="goldMember"><span class="memberLinkListeHeadline">Gold-Member</span><ul></ul></li>');
    document.writeln('</ul>');
    document.writeln('<ul>');
    document.writeln('<li class="fullMember"><span class="memberLinkListeHeadline">Full-Member</span><ul></ul></li>');
    document.writeln('<li class="trailMember"><span class="memberLinkListeHeadline">Trail-Member</span><ul></ul></li>');
    document.writeln('</ul>');
    document.writeln('<div class="clearer"><!-- clear --></div>');
    document.writeln('</div>');


 	for (object in member)
    {
      switch(member[object]['status']){
            case "2":
              $('li.admin ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
             //Leader
              break;
            case "3":
              $('li.goldMember ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
              //Gold-member
              break;
            case "5":
              $('li.fullMember ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
              //Fullmember
              break;
            case "4":
              $('li.orga ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
              //WarOrga
              break;
            case "9":
              $('li.coAdmin ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
              //Co-Admin
              break;
            case "6":
              $('li.trailMember ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
              //Trailmember
              break;
            default:
              $('li.trailMember ul').append('<li><a href="#Karte" onclick="javascript:openInfoWindow(\'' + member[object]['userid'] + '\');return false;" title="' + member[object]['name'] + '">' + member[object]['name'] + '</a></li>');
              break;
            }
      
    }
	
	//loesche leere Kategorien
	$('.memberLinkListe .links ul').each(function(){
		if($(this).html() == ""){
			$(this).parent().remove();
		}
	});
    document.writeln('<div class="notice">*F&uuml;r die Anzeige auf der Membermap musst du einen Ort in deinem Profil erg&auml;nzen.</div>');
    document.writeln('</div>');
  }
  
  // wenn alle fertig geladen ist zeige die Karte
  var test = window.location.href;

  if(test.indexOf("?path=membermap")> -1){
      if (window.addEventListener) {
    	window.addEventListener('load', load, false);
      }
      else if (window.attachEvent) {
    	window.attachEvent('onload', load);
      }
  }