/*********************************************************************\
*          THIS IS VERSION 1.0                                        *
*																	  *
* csgeoxml.js v1.0                      by Matt Bernier for CloudSync *
* 	adapted from egeoxml.js							by Mike Williams  *
*                                                                     *
* A Google Maps API Extension                                         *
*                                                                     *
* Renders the contents of a My Maps (or similar) KML file into a 	  *
*  GOverlay object.										              *
*                                                                     *
* EGeoXML Documentation: http://econym.googlepages.com/egeoxml.htm    * 
* CSGeoXML Documentation:  http://devblog.cloudsync.com/csgeoxml/     *
*                                                                     *
***********************************************************************
*																	  *
*	The script was adapted from EGeoXml to mimic the 				  *
*	functionality of GGeoXMl, by creating a single overlay 			  *
*	out of all the overlays in the kml file.  Thus, allowing		  *
*	them to be added/removed as one overlay.						  *
*	Adapted By Matt Bernier mbernier@cloudsync.com					  *
*	CloudSync, Inc													  *
*	http://devblog.cloudsync.com/csgeoxml/							  *
*																	  *
***********************************************************************
*                                                                     *
*   Original Javascript is provided by Mike Williams                  *
*   Blackpool Community Church Javascript Team                        *
*   http://www.commchurch.freeserve.co.uk/                            *
*   http://econym.googlepages.com/index.htm                           *
*                                                                     *
*   This work is licenced under a Creative Commons Licence            *
*   http://creativecommons.org/licenses/by/2.0/uk/                    *
*                                                                     *
\*********************************************************************/

function CsGeoXml(myvar, map, url, opts) {
	// store the parameters
	this.myvar = myvar;
	this.map = map;
	this.url = url;
	if (typeof url == "string") {
	  this.urls = [url];
	} else {
	  this.urls = url;
	}
	this.opts = opts || {};
	// infowindow styles
	this.titlestyle = this.opts.titlestyle || 'style = "font-family: arial, sans-serif;font-size: medium;font-weight:bold;font-size: 100%;"';
	this.descstyle = this.opts.descstyle || 'style = "font-family: arial, sans-serif;font-size: small;padding-bottom:.7em;"';
	this.directionstyle = this.opts.directionstyle || 'style="font-family: arial, sans-serif;font-size: small;padding-left: 1px;padding-top: 1px;padding-right: 4px;"';
	// sidebar/dropbox functions
	this.sidebarfn = this.opts.sidebarfn || CsGeoXml.addSidebar;
	this.dropboxfn = this.opts.dropboxfn || CsGeoXml.addDropdown;
	// elabel options 
	this.elabelopacity = this.opts.elabelopacity || 100;
	// other useful "global" stuff
	this.bounds = new GLatLngBounds();
	this.gmarkers = [];
	this.tmarkers = [];
	this.gpolylines = [];
	this.tpolylines = [];
	this.gpolygons = [];
	this.tpolygons = [];
	this.groundoverlays = [];
	this.side_bar_html = "";
	this.side_bar_list = [];
	this.styles = []; // associative array
	this.iwwidth = this.opts.iwwidth || 250;
	this.progress = 0;
	this.lastmarker = {};   
	this.myimages = [];
	this.imageNum =0;
    this.isCluster = this.opts.isCluster || false;

	/* Create the data from KML */
	this.parse();
}
 
CsGeoXml.prototype = new GOverlay();

// uses GXml.value, then removes leading and trailing whitespace
CsGeoXml.value = function(e) {
  a = GXml.value(e);
  a = a.replace(/^\s*/,"");
  a = a.replace(/\s*$/,"");
  return a;
}

// Create Marker

CsGeoXml.prototype.createMarker = function(data) {
  var docId = data.markerOpt.id;
  var label = data.markerOpt.label;
  var point = data.point;
  var name = data.name;
  var desc = data.desc;
  var style = data.styleInfo;
	
  var icon = G_DEFAULT_ICON;
  var myvar=this.myvar;
  var iwoptions = this.opts.iwoptions || {};
  var markeroptions = this.opts.markeroptions || {title: name};
  var icontype = this.opts.icontype || "style";
  
  var data = {};

  if (icontype == "style") {
    if (!!this.styles[style]) {
        icon = this.styles[style];
        markeroptions.labelOffset = new GSize(-12, 10);
    }
    else {
        icon.image = 'images/HCMarker.png';
        //icon.iconSize = new GSize(24, 32);
        icon.iconSize = new GSize(40, 50);
        icon.iconAnchor = new GPoint(12, 32);
        icon.shadow = "images/HCMarkerShadow.png";
        icon.shadowSize = new GSize(53, 36);
        icon.infoWindowAnchor = new GPoint(16, 6);
        //icon.imageMap = [0,0, 36,0, 36,36, 0,36];
        icon.imageMap = [0,0, 50,0, 50,50, 0,50];
        //markeroptions.labelOffset = new GSize(-12, -29);
        markeroptions.labelOffset = new GSize(-3, -19);
    }
  }

  if (!markeroptions.icon) {
    markeroptions.icon = icon;
  }
  markeroptions.clickable = true ;
  markeroptions.title = name ;
  markeroptions.labelText = label ;

//  var m = new GMarker(point, markeroptions);
  var m = new LabeledMarker(point, markeroptions);

  // Attempt to preload images
  if (this.opts.preloadimages) {
    var text = desc;
    var pattern = /<\s*img/ig;
    var result;
    var pattern2 = /src\s*=\s*[\'\"]/;
    var pattern3 = /[\'\"]/;

    while ((result = pattern.exec(text)) != null) {
      var stuff = text.substr(result.index);
      var result2 = pattern2.exec(stuff);
      if (result2 != null) {
        stuff = stuff.substr(result2.index+result2[0].length);
        var result3 = pattern3.exec(stuff);
        if (result3 != null) {
          var imageUrl = stuff.substr(0,result3.index);
          this.myimages[this.imageNum] = new Image();
          this.myimages[this.imageNum].src = imageUrl;
          this.imageNum++;
        }
      }
    }
  }

  if (this.opts.elabelclass) {
    var l = new ELabel(point, name, this.opts.elabelclass, this.opts.elabeloffset, this.elabelopacity, true);
    data.label = l;
  }
/*
  var html = "<div>"
               + "<h1 "+this.titlestyle+">"+name+"</h1>"
               +"<div "+this.descstyle+">"+desc+"</div>"
			   +"</div>";
*/
  var contentType = "object";
  if ( this.isCluster )
    contentType = "cluster";

  GEvent.addListener(m, "click", function() {
          var tmpListener = GEvent.addListener(m, "infowindowbeforeclose", function() {
                  var latlng = HyperCities.mainMap.getCenter();
                  
                  if (HyperCities.mainMap.getCurrentMapType() !== G_SATELLITE_3D_MAP)
					HyperCities.mainMap.getMapInstance().panTo(latlng);

                  GEvent.removeListener(tmpListener);
                  //HyperCities.collectionList.resetInfoWindow();
                  HyperCities.session.set("baseMap", null);	//jay
              });
              
          HyperCities.collectionList.showInfoWindow(contentType, docId);
      });

  if (!!this.opts.addmarker) {
    this.opts.addmarker(m,name,desc,icon.image,this.gmarkers.length)
  } else {
    this.map.addOverlay(m);
  }
  
  this.gmarkers.push(m);
/*	
  if (!!this.opts.addmarker) {
    this.opts.addmarker(m,name,desc,icon.image,this.gmarkers.length)
  } else {
	this.map.addOverlay(m); 
  }
 
  this.gmarkers.push(data);
*/

 if (this.opts.sidebarid || this.opts.dropboxid) {
    var n = this.gmarkers.length-1;
    this.side_bar_list.push (name + "$$$marker$$$" + n +"$$$" );
  }

}

// Create Polyline

CsGeoXml.prototype.createPolyline = function(data) {
    var docId = data.markerOpt.id;
	var points = data.points;
	var color = data.color;
	var width = data.width;
	var opacity = data.opacity;
	var pbounds = data.pbounds;
	var name = data.name;
	var desc = data.desc;
	
	var thismap = this.map;
	var iwoptions = this.opts.iwoptions || {};
	var polylineoptions = this.opts.polylineoptions || {};
	  var p = new GPolyline(points,color,width,opacity,polylineoptions);
	  this.map.addOverlay(p);
	  this.gpolylines.push(p);
      /*
	  var html = "<div style='font-weight: bold; font-size: medium; margin-bottom: 0em;'>"+name+"</div>"
	             +"<div style='font-family: Arial, sans-serif;font-size: small;width:"+this.iwwidth+"px'>"+desc+"</div>";
	  GEvent.addListener(p,"click", function() {
	    thismap.openInfoWindowHtml(p.getVertex(Math.floor(p.getVertexCount()/2)),html,iwoptions);
	  } );
      */
      GEvent.addListener(p, "click", function() {
              var tmpListener = GEvent.addListener(thismap, "infowindowbeforeclose", function() {
                  var latlng = HyperCities.mainMap.getCenter();
                  HyperCities.mainMap.getMapInstance().panTo(latlng);
                  GEvent.removeListener(tmpListener);
                  //HyperCities.collectionList.resetInfoWindow();
				  HyperCities.session.set("baseMap", null);	//jay
              });

              HyperCities.collectionList.showInfoWindow("polyline", docId);
          });

	  if (this.opts.sidebarid) {
	    var n = this.gpolylines.length-1;
	    var blob = '&nbsp;&nbsp;<span style=";border-left:'+width+'px solid '+color+';">&nbsp;</span> ';
	    this.side_bar_list.push (name + "$$$polyline$$$" + n +"$$$" + blob );
	  }
}

// Create Polygon

CsGeoXml.prototype.createPolygon = function(data) {
    var docId = data.markerOpt.id;
	var points = data.points;
	var color = data.color;
	var width = data.width;
	var opacity = data.opacity;
	var fillcolor = data.fillcolor;
	var fillopacity = data.fillopacity;
	var pbounds = data.pbounds;
	var name = data.name;
	var desc = data.desc;
	
	
  var thismap = this.map;
  var iwoptions = this.opts.iwoptions || {};
  var polygonoptions = this.opts.polygonoptions || {};
  var p = new GPolygon(points,color,width,opacity,fillcolor,fillopacity,polygonoptions)
  this.map.addOverlay(p);
  this.gpolygons.push(p);
  /*
  var html = "<div style='font-weight: bold; font-size: medium; margin-bottom: 0em;'>"+name+"</div>"
             +"<div style='font-family: Arial, sans-serif;font-size: small;width:"+this.iwwidth+"px'>"+desc+"</div>";
  GEvent.addListener(p,"click", function() {
    thismap.openInfoWindowHtml(pbounds.getCenter(),html,iwoptions);
  } );
  */
  GEvent.addListener(p, "click", function() {
          var tmpListener = GEvent.addListener(thismap, "infowindowbeforeclose", function() {
                  var latlng = HyperCities.mainMap.getCenter();
                  HyperCities.mainMap.getMapInstance().panTo(latlng);
                  GEvent.removeListener(tmpListener);
                  //HyperCities.collectionList.resetInfoWindow();
				  HyperCities.session.set("baseMap", null);	//jay
              });

          HyperCities.collectionList.showInfoWindow("polygon", docId);
      });

  if (this.opts.sidebarid) {
    var n = this.gpolygons.length-1;
    var blob = '<span style="background-color:' +fillcolor + ';border:2px solid '+color+';">&nbsp;&nbsp;&nbsp;&nbsp;</span> ';
    this.side_bar_list.push (name + "$$$polygon$$$" + n +"$$$" + blob );
  }
}

// Sidebar factory method One - adds an entry to the sidebar
CsGeoXml.addSidebar = function(myvar,name,type,i,graphic) {
  if (type == "marker") {
    return '<a href="javascript:GEvent.trigger(' + myvar+ '.gmarkers['+i+'],\'click\')">' + name + '</a><br>';
  }
  if (type == "polyline") {
    return '<div style="margin-top:6px;"><a href="javascript:GEvent.trigger(' + myvar+ '.gpolylines['+i+'],\'click\')">' + graphic + name + '</a></div>';
  }
  if (type == "polygon") {
    return '<div style="margin-top:6px;"><a href="javascript:GEvent.trigger(' + myvar+ '.gpolygons['+i+'],\'click\')">' + graphic + name + '</a></div>';
  }
}

// Dropdown factory method
CsGeoXml.addDropdown = function(myvar,name,type,i,graphic) {
    return '<option value="' + i + '">' + name +'</option>';
}

// Request to Parse an XML file

CsGeoXml.prototype.parse = function() {
// clear some variables
  this.gmarkers = [];
  this.gpolylines = [];
  this.gpolygons = [];
  this.groundoverlays = [];
  this.side_bar_html = "";
  this.side_bar_list = [];
  this.styles = []; // associative array
  this.lastmarker = {};   
  this.myimages = [];
  this.imageNum =0;
  var that = this;
  this.progress = this.urls.length;
  for (u=0; u<this.urls.length; u++) {
    GDownloadUrl(this.urls[u], function(doc) {that.processing(doc, "KML");});
  }
}

CsGeoXml.prototype.parseString = function(doc, markerOpt) {
  // clear some variables
  this.gmarkers = [];
  this.gpolylines = [];
  this.gpolygons = [];
  this.groundoverlays = [];
  this.side_bar_html = "";
  this.side_bar_list = [];
  this.styles = []; // associative array
  this.lastmarker = {};   
  this.myimages = [];
  this.imageNum =0;
  if (typeof doc == "string") {
    this.docs = [doc];
    this.ids  = [markerOpt];
  } else {
    this.docs = doc;
    this.ids  = markerOpt;
  }
  this.progress = this.docs.length;
  for (u=0; u<this.docs.length; u++) {
    this.processing(this.docs[u], this.ids[u]);
  }
}

CsGeoXml.prototype.processing = function (doc, docOpt) 
{ 
    var i
	var that = this;
	var xmlDoc = GXml.parse(doc)
 	this.polylines = [];
	this.markers = [];
	this.polygons = [];

	var styles = xmlDoc.documentElement.getElementsByTagName("Style");
    for (var i = 0; i <styles.length; i++) 
	{
      var styleID = styles[i].getAttribute("id");
      var icons=styles[i].getElementsByTagName("Icon");
      // This might not be am icon style
      if (icons.length > 0) {
        var href=CsGeoXml.value(icons[0].getElementsByTagName("href")[0]);
        if (!!href) {
          if (!!that.opts.baseicon) {
            that.styles["#"+styleID] = new GIcon(that.opts.baseicon,href);
          } else {
            // Preload the image and detect the size
            
            //imageProxy.php cannot show icon correctly on earth
            //disable imageProxy.php temporarily, jay
            var proxyLink = href;
            /*
            if (HyperCities.mainMap.getCurrentMapType() !== G_SATELLITE_3D_MAP)
             	proxyLink = "./imageProxy.php?url=" + encodeURIComponent(href);
			else
				proxyLink = href;
			*/
			//HyperCities.debug("proxyLink="+proxyLink);
			
            var iconImg = new Image();
            iconImg.onload = function () {
                    that.styles["#"+styleID].iconSize = new GSize(this.width, this.height);
                };
            iconImg.src = proxyLink;

            that.styles["#"+styleID] = new GIcon(G_DEFAULT_ICON,proxyLink);
            that.styles["#"+styleID].iconSize = new GSize(32,32);
            that.styles["#"+styleID].shadowSize = new GSize(59,32);
            that.styles["#"+styleID].dragCrossAnchor = new GPoint(2,8);
            that.styles["#"+styleID].iconAnchor = new GPoint(16,32);
            if (that.opts.printgif) {
              var bits = href.split("/");
              var gif = bits[bits.length-1];
              gif = that.opts.printgifpath + gif.replace(/.png/i,".gif");
              that.styles["#"+styleID].printImage = gif;
              that.styles["#"+styleID].mozPrintImage = gif;
            }
            if (!!that.opts.noshadow) {
              that.styles["#"+styleID].shadow="";
            } else {
              // Try to guess the shadow image
              if (href.indexOf("/red.png")>-1 
               || href.indexOf("/blue.png")>-1 
               || href.indexOf("/green.png")>-1 
               || href.indexOf("/yellow.png")>-1 
               || href.indexOf("/lightblue.png")>-1 
               || href.indexOf("/purple.png")>-1 
               || href.indexOf("/pink.png")>-1 
               || href.indexOf("/orange.png")>-1 
               || href.indexOf("-dot.png")>-1 ) {
                  that.styles["#"+styleID].shadow="http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png";
              }
              else if (href.indexOf("-pushpin.png")>-1) {
                  that.styles["#"+styleID].shadow="http://maps.google.com/mapfiles/ms/micons/pushpin_shadow.png";
              }
              else {
                var shadow = "http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png";
                that.styles["#"+styleID].shadow=shadow;
              }
            }
          }
        }
      }
      // is it a LineStyle ?
      var linestyles=styles[i].getElementsByTagName("LineStyle");
      if (linestyles.length > 0) {
        var width = parseInt(GXml.value(linestyles[0].getElementsByTagName("width")[0]));
        if (width < 1) {width = 5;}
        var color = CsGeoXml.value(linestyles[0].getElementsByTagName("color")[0]);
        var aa = color.substr(0,2);
        var bb = color.substr(2,2);
        var gg = color.substr(4,2);
        var rr = color.substr(6,2);
        color = "#" + rr + gg + bb;
        var opacity = parseInt(aa,16)/256;
        if (!that.styles["#"+styleID]) {
          that.styles["#"+styleID] = {};
        }
        that.styles["#"+styleID].color=color;
        that.styles["#"+styleID].width=width;
        that.styles["#"+styleID].opacity=opacity;
      }
      // is it a PolyStyle ?
      var polystyles=styles[i].getElementsByTagName("PolyStyle");
      if (polystyles.length > 0) {
        var fill = parseInt(GXml.value(polystyles[0].getElementsByTagName("fill")[0]));
        var outline = parseInt(GXml.value(polystyles[0].getElementsByTagName("outline")[0]));
        var color = CsGeoXml.value(polystyles[0].getElementsByTagName("color")[0]);

        if (polystyles[0].getElementsByTagName("fill").length == 0) {fill = 1;}
        if (polystyles[0].getElementsByTagName("outline").length == 0) {outline = 1;}
        var aa = color.substr(0,2);
        var bb = color.substr(2,2);
        var gg = color.substr(4,2);
        var rr = color.substr(6,2);
        color = "#" + rr + gg + bb;

        var opacity = parseInt(aa,16)/256;
        if (!that.styles["#"+styleID]) {
          that.styles["#"+styleID] = {};
        }
        that.styles["#"+styleID].fillcolor=color;
        that.styles["#"+styleID].fillopacity=opacity;
        if (!fill) that.styles["#"+styleID].fillopacity = 0; 
        if (!outline) that.styles["#"+styleID].opacity = 0; 
      }

    }

    // Read through the Placemarks
    var placemarks = xmlDoc.documentElement.getElementsByTagName("Placemark");
    for (var i = 0; i < placemarks.length; i++) {
      var name=CsGeoXml.value(placemarks[i].getElementsByTagName("name")[0]);
      var desc=CsGeoXml.value(placemarks[i].getElementsByTagName("description")[0]);
      if (desc.match(/^http:\/\//i)) {
        desc = '<a href="' + desc + '">' + desc + '</a>';
      }
      if (desc.match(/^https:\/\//i)) {
        desc = '<a href="' + desc + '">' + desc + '</a>';
      }
      var style=CsGeoXml.value(placemarks[i].getElementsByTagName("styleUrl")[0]);
      var coords=GXml.value(placemarks[i].getElementsByTagName("coordinates")[0]);
      coords=coords.replace(/\s+/g," "); // tidy the whitespace
      coords=coords.replace(/^ /,"");    // remove possible leading whitespace
      coords=coords.replace(/ $/,"");    // remove possible trailing whitespace
      coords=coords.replace(/, /,",");   // tidy the commas
      var path = coords.split(" ");

      // Is this a polyline/polygon?
      if (path.length > 1) {
        // Build the list of points
        var points = [];
        var pbounds = new GLatLngBounds();
        for (var p=0; p<path.length; p++) {
          var bits = path[p].split(",");
          var point = new GLatLng(parseFloat(bits[1]),parseFloat(bits[0]));
          points.push(point);
          that.bounds.extend(point);
          pbounds.extend(point);
        }
        var linestring=placemarks[i].getElementsByTagName("LineString");
        if (linestring.length) {
          // it's a polyline grab the info from the style
          if (!!that.styles[style]) {
            var width = that.styles[style].width; 
            var color = that.styles[style].color; 
            var opacity = that.styles[style].opacity; 
          } else {
            var width = 5;
            var color = "#0000ff";
            var opacity = 0.45;
          }
          // Does the user have their own createmarker function?
		 var data = { markerOpt: docOpt,
                      points: points, 
                      width: width, 
                      opacity: opacity, 
                      pbounds:pbounds, 
                      name:name, 
                      desc: desc};
         that.tpolylines.push(data);
        }

        var polygons=placemarks[i].getElementsByTagName("Polygon");
        if (polygons.length) {
          // it's a polygon grab the info from the style
          if (!!that.styles[style]) {
            var width = that.styles[style].width; 
            var color = that.styles[style].color; 
            var opacity = that.styles[style].opacity; 
            var fillopacity = that.styles[style].fillopacity; 
            var fillcolor = that.styles[style].fillcolor; 
          } else {
            var width = 5;
            var color = "#0000ff";
            var opacity = 0.45;
            var fillopacity = 0.25;
            var fillcolor = "#0055ff";
          }
          // Does the user have their own createmarker function?
		  var data = {	markerOpt: docOpt,
                        points: points, 
						color: color, 
						width: width, 
						opacity: opacity, 
						fillcolor: fillcolor, 
						fillopacity: fillopacity, 
						pbounds: pbounds, 
						name: name, 
						desc: desc};

          that.tpolygons.push(data);
        }


      } else {
        // It's not a poly, so I guess it must be a marker
        var bits = path[0].split(",");
        var point = new GLatLng(parseFloat(bits[1]),parseFloat(bits[0]));
        that.bounds.extend(point);
        // Does the user have their own createmarker function?
		var data = {markerOpt: docOpt, point: point, name: name, desc: desc, styleInfo: style};
       
		that.tmarkers.push(data);
      }
    }
    
    // Scan through the Ground Overlays
    var grounds = xmlDoc.documentElement.getElementsByTagName("GroundOverlay");
    for (var i = 0; i < grounds.length; i++) {
      var url=CsGeoXml.value(grounds[i].getElementsByTagName("href")[0]);
      var north=parseFloat(GXml.value(grounds[i].getElementsByTagName("north")[0]));
      var south=parseFloat(GXml.value(grounds[i].getElementsByTagName("south")[0]));
      var east=parseFloat(GXml.value(grounds[i].getElementsByTagName("east")[0]));
      var west=parseFloat(GXml.value(grounds[i].getElementsByTagName("west")[0]));
      var sw = new GLatLng(south,west);
      var ne = new GLatLng(north,east);                           
      var ground = new GGroundOverlay(url, new GLatLngBounds(sw,ne));
      that.bounds.extend(sw); 
      that.bounds.extend(ne); 
      that.groundoverlays.push(ground);
      that.map.addOverlay(ground);
    }

    // Is this the last file to be processed?
    that.progress--;
    if (that.progress == 0) {
      // Shall we display the sidebar?
      if (that.opts.sortbyname) {
        that.side_bar_list.sort();
      }
      if (that.opts.sidebarid) {
        for (var i=0; i<that.side_bar_list.length; i++) {
          var bits = that.side_bar_list[i].split("$$$",4);
          that.side_bar_html += that.sidebarfn(that.myvar,bits[0],bits[1],bits[2],bits[3]); 
        }
        document.getElementById(that.opts.sidebarid).innerHTML += that.side_bar_html;
      }
      if (that.opts.dropboxid) {
        for (var i=0; i<that.side_bar_list.length; i++) {
          var bits = that.side_bar_list[i].split("$$$",4);
          if (bits[1] == "marker") {
            that.side_bar_html += that.dropboxfn(that.myvar,bits[0],bits[1],bits[2],bits[3]); 
          }
        }
        document.getElementById(that.opts.dropboxid).innerHTML = '<select onChange="var I=this.value;if(I>-1){GEvent.trigger('+that.myvar+'.gmarkers[I],\'click\'); }">'
          + '<option selected> - Select a location - </option>'
          + that.side_bar_html
          + '</select>';
      }

      GEvent.trigger(that,"parsed");
    }
}

/*
 * Called when map.addOverlay() is called, individually adds each overlay
 */ 
CsGeoXml.prototype.initialize = function() 
{
	var self = this;
	var thismap = this.map;
	
	//create polylines from this.gpolylines - dont forget to add the listeners
	for (var i =0; i<self.tpolylines.length; i++) {
		var pl = self.tpolylines[i];
		if (!!self.opts.createpolyline) {
			self.opts.createpolyline(pl);
          } else {
			self.createPolyline(pl);
          }
	}

	for (var i =0; i<self.tpolygons.length; i++) {
		var pg =self.tpolygons[i];
		if (!!self.opts.createpolygon) {
          self.opts.createpolygon(pg);
        } else {
          self.createPolygon(pg);
        }
	}
	
	for (var i =0; i<self.tmarkers.length; i++) {
		var m = self.tmarkers[i];
		if (!!self.opts.createmarker) {
			self.opts.createmarker(m);
        } else {
          self.createMarker(m);
        }
	}

	for (var i =0; i< this.groundoverlays.length; i++) {
	 	thismap.addOverlay(this.groundoverlays[i]);
	}
	
	// Shall we zoom to the bounds?
    if (!self.opts.nozoom) {
		self.map.setZoom(self.map.getBoundsZoomLevel(self.bounds));
      	self.map.setCenter(self.bounds.getCenter());
    }
	
	this.map = thismap;
}

/*
 * Called when map.removeOverlay is called, individually removes each overlay
 */
CsGeoXml.prototype.remove = function (map)
{
	var thismap = this.map;
	var self = this;

	for (var i =0; i< self.gpolylines.length; i++) {
		var pl = self.gpolylines[i];
		thismap.removeOverlay(pl);
	}

	for (var i=0; i< self.gpolygons.length; i++) {
		var pl = self.gpolygons[i];
		thismap.removeOverlay(pl);
	}

	for (var i=0; i < self.gmarkers.length; i++) {
		var pl = self.gmarkers[i];
		thismap.removeOverlay(pl);
	}
	
	//clear these arrays
	self.gmarkers = [];
	self.gpolygons = [];
	self.gpolylines = [];
}

//not implemented
CsGeoXml.prototype.redraw = function ()
{
	//not implemented as the current functionality does not exactly need the bounds of the window
}

//not implemented
CsGeoXml.prototype.copy = function ()
{
	//not implemented as the current implementation is just for adding the data to the map
}