/********************************************************************************************************************************************************
File Name:
Date:
Author:
Description:
********************************************************************************************************************************************************/


//<![CDATA[

function createMarker(point, html, zoom, gender, users_marker, action) {

  if (zoom <= 6) {
	  
    // Create "tiny" marker icon
    var icon = new GIcon();
    icon.image = "img/mm_20_green.png";
    icon.shadow = "img/mm_20_shadow.png";
    icon.iconSize = new GSize(12, 20);
    icon.shadowSize = new GSize(22, 20);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);
  }
  else {
  
    // Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
    var baseIcon = new GIcon();
    baseIcon.shadow = "img/mm_20_shadow.png";
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
    baseIcon.infoShadowAnchor = new GPoint(18, 25);
	
	var icon = new GIcon(baseIcon);

    if (users_marker == 1) {
      icon.image = "img/mm_50_yellow.png";
	}
	else {
      if (gender == "Male") {icon.image = "img/mm_50_blue.png";}
	  else {icon.image = "img/mm_50_pink.png";}	
	}
  }
  
  var marker = new GMarker(point, icon); 
  GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
  
  return marker;
}


function getMarks(userid, marker_type, action) {
  
  //alert("userid = " + userid + ", marker_type = " + marker_type);
  
  map.closeInfoWindow(); 											/*close any InfoWindows that happen to be open  */
  map.clearOverlays();
  
  // Create URL
  var zoom = map.getZoom();
  var sw = map.getBounds().getSouthWest();
  var ne = map.getBounds().getNorthEast();
  var url = "ff_xml.php?" + "minlng=" + sw.x + "&maxlng=" + ne.x + "&minlat=" + sw.y + "&maxlat=" + ne.y + "&zoom=" + zoom + "&marker_type=" + marker_type + "&userid=" + userid;
  
  var request = GXmlHttp.create(); 									/* use the XML methods  */		 
  request.open("GET", url, true);
  request.onreadystatechange = function() {
  
    if (request.readyState == 4) {
	
      var xmlDoc = request.responseXML; 							/* php returns 'XML' */
      var markers = xmlDoc.documentElement.getElementsByTagName("marker"); 
	  
	  for (var loop1 = 0; loop1 < markers.length; loop1++) {
	  
        var lat = parseFloat(markers[loop1].getAttribute("lat"));  /* data is string. */
        var lng = parseFloat(markers[loop1].getAttribute("lng")); 
        var user_id = markers[loop1].getAttribute("user_id");
        var user_name = markers[loop1].getAttribute("user_name");
        var country = markers[loop1].getAttribute("country");
        var region = markers[loop1].getAttribute("region");
        var city = markers[loop1].getAttribute("city");
        var avatar = markers[loop1].getAttribute("avatar");
        var width = markers[loop1].getAttribute("width");
        var height = markers[loop1].getAttribute("height");
        var age = markers[loop1].getAttribute("age");
        var gender = markers[loop1].getAttribute("gender");
		
		// Find out if this is the users own marker
		if (userid == user_id) {
		  var users_marker = 1;
		}
		else {
		  var users_marker = 0;
		}
		
		if (zoom <= 3) {
		  var html = "Zoom-in to view members in:<br><br><b>" + country + "</b>";
		}
		else if (zoom <= 6) {
		  var html = "Zoom-in to view members in:<br><br><b>" + region + ", " + country + "</b>";
		}
		else {
		  //var html = "user_id = " + user_id + "<br>user_name = " + user_name + "<br>country = " + country + "<br>region = " + region + "<br>city = " + city + "<br>avatar = " + avatar + "<br>width = " + width + "<br>height = " + height + "<br>age = " + age + "<br>gender = " + gender;		
		  
		  var html = "";
          html += "<table>";
          html += "  <tr>";
          html += "    <td colspan='2' align='center'><b><a href='../../profile.php?lookup=" + user_id + "'>" + user_name + "</a></b></td>";
          html += "  </tr>";
          html += "  <tr>";
          html += "    <td align='center'><img src='" + avatar + "' width='" + width + "' height='" + height + "'></td>";
          html += "    <td valign='top'><b>Gender: </b>" + gender + "<br><b>Age: </b>" + age + "<br><b>Location: </b>" + city + ", " + region + "</td>";
          html += "  </tr>";
          html += "</table>";
          html += "<br>";
		  
		  // LargeFriends.com ad
		  var i = Math.round(4 * Math.random());
		  
		  switch (i) {
		    case 1:
			  var img = "banner5.gif";
			  break;
			case 2:
			  var img = "banner2.gif";
			  break;
			case 3:
			  var img = "fbanner1.gif";
			  break;
			case 4:
			  var img = "fbanner2.gif";
			  break;
		  }
		  
          html += "<a href='http://www.LargeFriends.com/i/af1011562' target='_blank'><img src='http://images.LargeFriends.com/lf/" + img + "' border=0></a><br>";
		}
				
        var point = new GLatLng(lat, lng);
        var marker = createMarker(point, html, zoom, gender, users_marker, action);
        map.addOverlay(marker);
      }
    }
  };
  request.send(null);
}

	
//]]>


/*******************************************************************************************************************************************************/