var WebmapPlus = new Class({

	Implements: [Options, Events],

	options: ({

		loadingIndicatorId: "", 	
		resultPanelId : "",
		gMapId : "",
		markersAjaxURL : "",
		assetsURL : "",
		searchFormId : "",
		category: "",
	    staticDir: "",
	    staticDirLabel: "",

		uiOpts : {

			basicMap	: 1,
			satelliteMap: 1,
			hybridMap	: 1,
			physicalMap	: 0,
			scrollWheel	: 1,
			mapControls	: "auto",
			scalecontrol: 1,
			panorma: 0,
			wikipedia: "none",
			wikipediaZoomLevel: 15,
			maxLocations: 25,
			searchFormEnabled: 1,
			categoryFilterEnabled: 0,
			searchFormAutoLocation: 1
		},

		bClickOpts: {

			name	: 1,
			address1: 1,
			address2: 1,
			city	: 1,
			state	: 1,
			zip		: 1,
			country	: 0,
			photo	: 1,
			more	: 1,
			streetView : 1
		},

		bHoverOpts: {

			name	: 1,
			address1: 1,
			address2: 1,
			city	: 1,
			state	: 1,
			zip		: 1,
			country	: 0,
			photo	: 0,
			enabled : 1
		},

		listingOpts: {

			name	: 1,
			address1: 0,
			address2: 0,
			city	: 0,
			state	: 0,
			zip		: 0,
			country	: 0,
			photo	: 1,
			more	: 0
		}

	}),

	

	initialize: function(options) {

	  this.setOptions(options);

	  this.isIE6 = /MSIE (5\.5|6)/.test(navigator.userAgent);

	  this.map = new google.maps.Map2($(this.options.gMapId));

	  this.map.setUI(this.createUI()); 
	  
	  this.searchForm = $(this.options.searchFormId);

	  this.loadingIndicator = $(this.options.loadingIndicatorId);

	  if(this.options.uiOpts.searchFormEnabled == "1" && this.options.uiOpts.searchFormAutoLocation == "1"){this.prepopulateSearchBox();}

	  this.resultPanel = $(this.options.resultPanelId);

	  this.directions = new google.maps.Directions(this.map, this.resultPanel);

	  google.maps.Event.addListener(this.directions, 'error', function(){

	  	this.directionsError();

	  }.bind(this));

	  google.maps.Event.addListener(this.directions, 'load', function(){

	  	this.directionsLoad();

	  }.bind(this));

	  GEvent.addListener(this.map, 'zoomend', function(oldLevel, newLevel){

		if (this.options.uiOpts.wikipediaZoomLevel >= newLevel) {

			this.removeLayers();

		}

	  }.bind(this));

	  //this.update();

	},

	

	isIE6: false,

	map: null,

	resultPanel: null,

	directions: null,

	loadingIndicator: null,

	markers: [],

	markerTypes: [],

	useLetters: false,

	locations: [],

	displayOptions: [],

	svPano: null,

	layers: [],

	alphabet: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 

			   'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'],

    lowerLimit: 0,

	upperLimit: 0,
	
	searchString: null,
	
	point: null,

	

	

	update: function(address, range, displayListings, category){

		this.loadingIndicator.setStyle('display', 'inline');
  		uri = this.options.markersAjaxURL;
		this.searchString=address;

		if(address != null)
		{
			uri = uri+"&address="+encodeURIComponent(address);
			if(range != null)
			{
				uri = uri+"&range="+range;
			}
		}

		if (category != null) {
			uri = uri+"&category="+category;
		}
		else if(this.options.category != "") {
			uri = uri+"&category="+this.options.category;
		}

		google.maps.DownloadUrl(uri, function(data) {
	      var data = eval('(' + data + ')');
		  this.locations = data['markers']; 
		  this.markerTypes = data['markerTypes'];
		  this.useLetters = data['useLetters'];
		  this.removeOverlays();
		  this.updateMap();
	    }.bind(this));
	},



	updateWithPoint: function(response, range, displayListings, category){

		this.loadingIndicator.setStyle('display', 'inline');
  		uri = this.options.markersAjaxURL;
		//console.log(point.x); // Long
		//console.log(point.y); // Lat
        //console.log(response); 
        place = response.Placemark[0];
		box   = response.Placemark[0].ExtendedData.LatLonBox;
		if(place != null)
		{
			uri = uri+"&lat="+encodeURIComponent(place.Point.coordinates[1]);
			uri = uri+"&long="+encodeURIComponent(place.Point.coordinates[0]);
			uri = uri+"&south="+encodeURIComponent(box.south);
			uri = uri+"&north="+encodeURIComponent(box.north);
			uri = uri+"&east="+encodeURIComponent(box.east);
			uri = uri+"&west="+encodeURIComponent(box.west);
			if(range != null)
			{
				uri = uri+"&range="+range;
			}
		}

		if (category != null) {
			uri = uri+"&category="+category;
		}
		else if(this.options.category != "") {
			uri = uri+"&category="+this.options.category;
		}

		google.maps.DownloadUrl(uri, function(data) {
	      var data = eval('(' + data + ')');
		  this.locations = data['markers']; 
		  this.markerTypes = data['markerTypes'];
		  this.useLetters = data['useLetters'];
		  this.removeOverlays();
		  this.updateMap();
	    }.bind(this));
	},



	
	updateMap : function(lowerLimit, upperLimit){

		if(lowerLimit == null)

			lowerLimit = 0;

		if(upperLimit == null)

			upperLimit = this.options.uiOpts.maxLocations;

		if(this.options.uiOpts.maxLocations == 0){

			upperLimit = this.locations.length;

		}

		  //this.resultPanel.innerHTML = "<h3>"+this.locations.length+'  HealthcareSource User(s) Found.</h3>'+
		  this.resultPanel.innerHTML = '<div class="location-listings">';

	      if(this.locations.length > 0)
	      {

              var maxLat = this.locations[0].lat;
              var maxLng = this.locations[0].long;
              var minLat = this.locations[0].lat;
              var minLng = this.locations[0].long;

              var i;

			  for (i = lowerLimit; i < upperLimit && i < this.locations.length; i++) {
			  		this.resultPanel.innerHTML += this.getListingBox(this.locations[i], i, this.alphabet[i - lowerLimit]);
			  }

			  var createMarkers = this.markers.length == 0;

              for (var j = 0; j < this.locations.length; j++) {
                  maxLat = Math.max(this.locations[j].lat, maxLat);
                  maxLng = Math.max(this.locations[j].long, maxLng);
                  minLat = Math.min(this.locations[j].lat, minLat);
                  minLng = Math.min(this.locations[j].long, minLng);

				  var letter = "";

				  if (j < upperLimit && j >= lowerLimit) {
				  		letter = this.alphabet[j - lowerLimit];
				  }

				  if(!createMarkers && ((j < this.upperLimit && j >= this.lowerLimit) || (j < upperLimit && j >= lowerLimit))){

				  	this.map.removeOverlay(this.markers[j]);
					this.markers[j] = this.createMarker(this.locations[j], letter);
					this.map.addOverlay(this.markers[j]);
				  }

				  if (createMarkers) {
				  	var marker = this.createMarker(this.locations[j], letter);
				  	this.map.addOverlay(marker);
				  	this.markers.push(marker);
				  }
              }


			  if (lowerLimit != 0) {

                  var subtractor = upperLimit - (this.options.uiOpts.maxLocations * 2);

                  if (subtractor < 0) {

                      subtractor = 0;

                  }

                  this.resultPanel.innerHTML += "<a href='#' onClick='moreResults(" + subtractor + "); return false; '>Previous Results</a>"

                  this.resultPanel.innerHTML += "</div>&nbsp;&nbsp;&nbsp;";

              }

			  

              if (i != this.locations.length) {

                  this.resultPanel.innerHTML += "<a href='#' onClick='moreResults(" + upperLimit + "); return false; '>More Results</a>&nbsp;&nbsp;&nbsp;<a href='/index.php?option=com_webmapplus&view=webmapplus&category=0&Itemid=103'>All Locations</a>"

                  this.resultPanel.innerHTML += "</div>";

              }

              if (this.locations.length == 1) 

                  marker.openInfoWindowHtml(this.generateBalloonHTML(this.locations[0], "Click"));

              
              //Modified this so if there is not search, center and zoom on the middle of the US.
			  //Otherwise let it calculate the center and zoom appropriate for the search.
			  //-Thomas Koch - 02-23/2010
              var centerLat = minLat + (maxLat - minLat) / 2;
              var centerLng = minLng + (maxLng - minLng) / 2;
			  var zoom=0;
			  if(this.searchString == null || this.searchString =='') {
				  centerLat = 37.0625;
				  centerLng = -95.677068;
				  zoom=4;
			  }
			  else {
	              zoom = this.getZoom(minLat, maxLat, minLng, maxLng);
			  }
			  this.centerMap(centerLat, centerLng, zoom);
              

			  if (this.options.uiOpts.wikipediaZoomLevel < zoom) {

				this.generateLayers();

			  }

			  

			  this.lowerLimit = lowerLimit;

			  this.upperLimit = upperLimit;

			  

              this.loadingIndicator.setStyle('display', 'none');

              return true;

	      }

	      this.resultPanel.innerHTML = "<h3>No Results Found.</h3>";

		 

	      this.loadingIndicator.setStyle('display', 'none');

	      alert('No Results Found.');

	      return false;

	},

	

	searchSubmit : function(address, range){

	  this.update(address, range, true, 0);

	},



	searchSubmit2 : function(address, range){
	  this.searchString=address;
      var geocoder = new GClientGeocoder();
	  if (geocoder) {
		geocoder.getLocations(address, function(response) {
                                      if (!response || response.Status.code != 200) {
                                        alert("Sorry, we were unable to geocode that address");
                                      } else {
                                        //place = response.Placemark[0];
                                        //point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]);
			                            this.updateWithPoint(response, range, true, 0)
                                      }
									}.bind(this));
      }
	},


	

	filterCategories : function(category){

	  this.update(null, null, true, category);

	},

	

	removeOverlays : function(){		

		while(this.markers.length > 0){

			this.map.removeOverlay(this.markers.pop());

		}

		this.removeLayers();

	},

	

	removeLayers : function(){

		while(this.layers.length > 0){

			this.map.removeOverlay(this.layers.pop());

		}

	},

	

	prepopulateSearchBox : function(){

		var location = "";

		if (google.loader.ClientLocation != undefined && google.loader.ClientLocation.address != undefined) {

			if (google.loader.ClientLocation.address.country_code == "US" &&

			google.loader.ClientLocation.address.region) {

				location = google.loader.ClientLocation.address.city + ", " +

				google.loader.ClientLocation.address.region.toUpperCase();

			}

			else {

				location = google.loader.ClientLocation.address.city + ", " +

				google.loader.ClientLocation.address.country_code;

			}

		}

		

		$$("input.searchAddress", this.searchForm)[0].value = location; 

		

	},

	

	toggleDirections: function(){

		if ($("location-directions").getStyle("height").toInt() > 0) {

			$("directions-link").setStyle("font-weight", "normal");

			$("location-directions").setStyle("height", 0)

			this.map.updateInfoWindow();	

		}

		else {

			$("directions-link").setStyle("font-weight", "bold");

			$("location-directions").setStyle("height", 60)

			this.map.updateInfoWindow();

		}

	},

	

	setDirections : function(fromAddress, toAddress) {

	  this.directions.load("from: " + fromAddress + " to: "+toAddress);

	},

	

	directionsLoad : function(){

		this.resultPanel.innerHTML = "";

		this.removeOverlays(); 

		this.map.closeInfoWindow();

	},

	returnMap : function(){

		return this.map;

	},

	

	directionsError : function(){

		var message = "";

		switch(this.directions.getStatus().code){

			case G_GEO_MISSING_QUERY 		:

			case G_GEO_MISSING_ADDRESS 		:

			case G_GEO_UNKNOWN_ADDRESS 		: 	message = "Address not found. Please try again.";

												break;

			case G_GEO_UNKNOWN_DIRECTIONS	:	

			case G_GEO_UNAVAILABLE_ADDRESS	:	message = "Unable to get directions for this address.";

												break;

			case G_GEO_BAD_KEY				:	

			case G_GEO_TOO_MANY_QUERIES		:	message = "An internal server error has occured please contact the website administrator. ("+this.directions.getStatus().code+")";

												break;

			case G_GEO_BAD_REQUEST			:

			case G_GEO_SERVER_ERROR			:

			default							:	message = "An error has occured. Please try again.";

		}

		alert(message);

	},

	

	centerMap : function(lat, lng, zoom){

	  if(zoom == null)

	    zoom = 4;

	  this.map.setCenter(new google.maps.LatLng(lat, lng), zoom);

	},

	

	loadStreetView : function(lat, lng, pano){

	  $('location-balloon').setStyle("display", "none");

	  $('location-sv').setStyle("display", "block");

	  if(pano != undefined && pano != ""){

	   this.customStreetView(pano);

    }

    else{

	   var pano = new google.maps.StreetviewPanorama($('location-sv-pano'), {latlng: new google.maps.LatLng(lat, lng)});

	   GEvent.addListener(pano, "error", this.streetViewUnavailable);

	  }

	  this.map.updateInfoWindow();

	},

	

	customStreetView : function(pano){

	

	  var coords = $('location-sv-pano').getCoordinates();

	  var w = coords.width;

	  var h = coords.height;

		$('location-sv-pano').innerHTML = '<iframe src="'+pano+'" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>'; 

  },

	

	streetViewUnavailable : function(errorCode){

		$('location-sv-pano').innerHTML = "<h3 class=\"sv-unavailable\">Sorry, Street View is not available for this location.</h3>";

	},

	

	hideStreetView : function(){

	  $('location-balloon').setStyle("display", "block");

	  $('location-sv').setStyle("display", "none");

	  this.map.updateInfoWindow();

	},

	

	createMarker : function(mLocation, letter){		   
		var markerInfo = this.markerTypes[mLocation.markerType];
		var markerIcon = null;
		
		if (!this.markerIcon) {
			markerIcon = new google.maps.Icon(G_DEFAULT_ICON);
			
			var baseImage = this.options.assetsURL+"images/markers/"+markerInfo.file_name;
			var isDot = (letter == false || letter == "" || letter == null) && this.useLetters;

			markerIcon.image = baseImage;
			if (!isDot){
				if(markerInfo.lettering == true && this.useLetters) {
					markerIcon.image += "-" + letter;
				}

				if (markerInfo.iconSize != "") {
					markerIcon.iconSize = new google.maps.Size(
						parseInt(markerInfo.iconSize.split(',')[0]),
						parseInt(markerInfo.iconSize.split(',')[1])
					);
				}

				if (markerInfo.shadowSize != "") {
					markerIcon.shadowSize = new google.maps.Size(
						parseInt(markerInfo.shadowSize.split(',')[0]),
						parseInt(markerInfo.shadowSize.split(',')[1])
					);
				}

				if (markerInfo.iconAnchor != "") {
					markerIcon.iconAnchor = new google.maps.Point(
						parseInt(markerInfo.iconAnchor.split(',')[0]),
						parseInt(markerInfo.iconAnchor.split(',')[1])
					);
				}

				if (markerInfo.infoWindowAnchor != "") {
					markerIcon.infoWindowAnchor = new google.maps.Point(
						parseInt(markerInfo.infoWindowAnchor.split(',')[0]),
						parseInt(markerInfo.infoWindowAnchor.split(',')[1])
					);
				}

				if (markerInfo.imageMap != "") {
					markerIcon.imageMap = markerInfo.imageMap.split(',');
				}

				if (markerInfo.system == 0) {
					markerIcon.shadow = baseImage + "s.png";
					markerIcon.printImage = baseImage + "p.gif";
					markerIcon.mozPrintImage = baseImage + "mp.gif";
					markerIcon.printShadow = baseImage + "ps.gif";
					markerIcon.transparent = baseImage + "t.png";
				}
			}
			else {
				baseImage += "-dot";
				markerIcon.image += "-dot";
				markerIcon.iconSize = new google.maps.Size(7,7);
				markerIcon.shadowSize = new google.maps.Size(0,0);
				markerIcon.iconAnchor = new google.maps.Point(4,7);
				markerIcon.infoWindowAnchor = new google.maps.Point(4,0);
				markerIcon.imageMap = [5,0,6,1,6,2,6,3,6,4,6,5,5,6,1,6,0,5,0,4,0,3,0,2,0,1,1,0];
				markerIcon.shadow = baseImage + "t.png";
				markerIcon.printImage = baseImage + "p.gif";
				markerIcon.mozPrintImage = baseImage + "mp.gif";
				markerIcon.printShadow = baseImage + "ps.gif";
				markerIcon.transparent = baseImage + "t.png"; 
			}	

			markerIcon.image += ".png";
		}
		else {
			markerIcon = this.markerIcon;
		}

		var mOptions = {icon : markerIcon};
	 	var mPoint = new google.maps.LatLng(parseFloat(mLocation.lat), parseFloat(mLocation.long));
		var marker = new google.maps.Marker(mPoint, mOptions); 

		if (this.options.bHoverOpts.enabled == 1) {
			google.maps.Event.addListener(marker, "mouseover", function(){
				marker.openInfoWindowHtml(this.generateBalloonHTML(mLocation, "Hover"));
			}.bind(this));
		}

		google.maps.Event.addListener(marker,"mouseout", function() {
			marker.closeInfoWindow(); 
		});

		google.maps.Event.addListener(marker, 'click', function() {
		     google.maps.Event.clearListeners(marker, "mouseout");
		     marker.closeInfoWindow(); 
		     marker.openInfoWindowHtml(this.generateBalloonHTML(mLocation, "Click"), {
				onCloseFn : function(){
					google.maps.Event.addListener(marker, "mouseout", function() {
						marker.closeInfoWindow();
					});
				}
			});
		}.bind(this)); 
		return marker;
	},

	getZoom : function(minLat, maxLat, minLng, maxLng){
		miles = (3958.75 * Math.acos(Math.sin(minLat / 57.2958) * Math.sin(maxLat / 57.2958) + Math.cos(minLat / 57.2958) * Math.cos(maxLat / 57.2958) * Math.cos(maxLng / 57.2958 - minLng / 57.2958)));



            if(miles < 0.5)

                zoom = 16;

            else if(miles < 1)

                zoom = 15;

            else if(miles < 2)

                zoom = 14;

            else if(miles < 3)

                zoom = 13;

            else if(miles < 7)

                zoom = 12;

            else if(miles < 15)

                zoom = 11;

            else if(miles < 30)

                zoom = 10;

            else if(miles < 60)

                zoom = 9;

            else if(miles < 120)

                zoom = 8;

            else if(miles < 240)

                zoom = 7;

            else if(miles < 480)

                zoom = 6;

            else if(miles < 960)

                zoom = 5;

            else if(miles < 1920)

                zoom = 4;

            else if(miles < 3840)

                zoom = 3;

            else

                zoom = 2;

		return zoom;

	},

	

	createUI : function(){

	  var uiOptions = this.map.getDefaultUI();

	  

	  uiOptions.maptypes.normal = this.options.uiOpts.basicMap==1;

	  uiOptions.maptypes.satellite = this.options.uiOpts.satelliteMap==1;

	  uiOptions.maptypes.hybrid = this.options.uiOpts.hybridMap==1;

	  uiOptions.maptypes.physical = this.options.uiOpts.physicalMap==1;

	  uiOptions.zoom.scrollwheel = this.options.uiOpts.scrollWheel==1;

	  uiOptions.controls.scalecontrol = this.options.uiOpts.scalecontrol==1;

	  

	  if(this.options.uiOpts.mapControls != "auto"){

	  	if(this.options.uiOpts.mapControls == "none"){

			uiOptions.controls.largemapcontrol3d = false;

			uiOptions.controls.smallzoomcontrol3d = false;

		}

		else if(this.options.uiOpts.mapControls == "small"){

			uiOptions.controls.largemapcontrol3d = false;

			uiOptions.controls.smallzoomcontrol3d = true;

		}

		else if(this.options.uiOpts.mapControls == "large"){

			uiOptions.controls.largemapcontrol3d = true;

			uiOptions.controls.smallzoomcontrol3d = false;

		}

	  }

	  

	  return uiOptions;

	},

	

	generateBalloonHTML : function(location, type){

		var opts = eval("this.options.b"+type+"Opts");		

		html = '<div id="location-balloon">';

		html += '<div id="location-details">';

		if (opts.name == 1) 

			html += 	'<div id="location-name">'+location.name+'</div>';

		if (opts.address1 == 1)

			html += 	'<div id="location-address1">'+location.address1+'</div>';

		

		if(opts.address2 == 1&& !(location.address2 === ""))

			html += 	'<div id="location-address2">'+location.address2+'</div>';

		

		if (opts.city == 1 || opts.state == 1 || 

			opts.zip == 1  || opts.country == 1) {

			html += '<div class="location-cty-st-zip">';

			if(opts.city == 1)

				html += location.city;

			if(opts.state == 1 || this.options.listingOpts.zip == 1)

				html += ', '

			if(opts.state == 1)

				html +=location.state + ' ';

			if(opts.zip == 1)

				html +=location.zip + ' ';

			if(opts.country == 1)

				html +=location.country + ' ';

			html += '</div>';

		}	

		html += 	'<div id="location-attributes">'+this.getAttributeList(location.attributes, "B"+type)+'</div>';

		

		if (type != "Hover") {

			html += '<div id="location-links">';

			

			if(opts.more == 1)

				html += '<a class="details-link" href="' + location.link + '">Details</a> - ';

			



			if (this.options.bClickOpts.streetView == 1) {

				html += '<a class="street-link" href="#" onClick="loadStreetView(' + location.lat + ', ' + location.long + ', \''+location.pano+'\'); return false;" onFocus="this.blur()">Street View</a> <br /> ';

			}

			html += '<a href="#" id="zoom-link" onClick="centerMap(' + location.lat + ', ' + location.long + '); return false;" onFocus="this.blur()">Zoom here</a> - ';

			html += '<a href="#" id="directions-link" onClick="toggleDirections(); return false;" onFocus="this.blur()">Get Directions</a>';

			if (this.options.staticDir == 1) {

			 html += ' - <a href="#" id="static-directions-link" onClick="staticDirections(\''+location.address1+' '+

                location.address2+' '+location.city+', ' +location.state+' '+location.zip +

               '\'); return false;" onFocus="this.blur()">Directions to '+this.options.staticDirLabel+'</a>';

			}

			html += '</div>';

			html += '<div id="location-directions">';

			html += '<div class="directions-label">From Address:</div>';

			html += '<div class="directions-fields"><form action="#" method="GET" onSubmit="setDirections(this); return false;">';

			html += '<input type="text" name="from" value="" autocomplete="off"/><input type="submit" value="Go"/>';

			html += '<input type="hidden" name="to" value="' + location.address1 + ' ' + location.address2 + ' ' + location.city + ', ' +

			location.state +

			' ' +

			location.zip +

			'"/>';

			html += '</form></div>';

			html += '<div class="directions-example">(e.g. 1 Infinite Loop, Cupertino CA 95014)</div>';

			html += '</div>';

		}

		else{

			html += '<div id="location-hover-instructions">';

			html += 'Click the marker for more information.';

			html += '</div>';

		}

		

		html += '</div>';

		if (opts.photo == 1) {

			html += '<div id="location-photo">';

			html += '<img src="' + location.photo_path + '" alt="' + location.name + '" />';

			html += '</div>';

		}

		html += '</div>';

		html += '<div id="location-sv"><div id="location-sv-pano"></div><div id="location-sv-links">';

		

		html += '<a class="back-link" href="#" onclick="hideStreetView(); return false;" onFocus="this.blur()"><< Back</a>';

		

		if(opts.more == 1)

				html += ' - <a class="details-link" href="' + location.link + '">Details</a>';

		

		html += '</div></div>';

		return html;

	},



	getListingBox : function(location, index, letter){

		var markerInfo = this.markerTypes[location.markerType];

		var markerImage = this.options.assetsURL+"images/markers/"+markerInfo.file_name;

				

		if(letter != "" && letter != false && markerInfo.lettering == true && this.useLetters)

			markerImage += "-"+letter;

		

		markerImage += ".png";

		html = '<div class="location-listing clearfix" style="background-color: ' + location.highlight_color + '">';

		

		if (this.options.listingOpts.photo == 1) {

			html += '<div class="location-photo">';

			html += '<img src="' + location.photo_path + '" alt="' + location.name + '" />';

			html += '</div>';

		}

		html += 	'<div class="location-marker">';

		html += 		'<img src="'+markerImage+'" alt="" />';

		html += 	'</div>';

		html += '<div class="location-details">';

		if (this.options.listingOpts.name == 1) {

			html += '<div class="location-name">';

			html += '<a href="#' + location.alias + '" onclick="openLocationBalloon(' + index + '); return false;" class="location-map-link">';

			html += location.name + '</a></div>';

		}

		if (this.options.listingOpts.address1 == 1) {

			html += '<div class="location-address1">' + location.address1 + '</div>';

		}

		

		if (!(this.options.listingOpts.address2 == 1 && location.address2 === "")) {

			html += '<div class="location-address2">' + location.address2 + '</div>';

		}

		

		if (this.options.listingOpts.city == 1 || this.options.listingOpts.state == 1 || 

			this.options.listingOpts.zip == 1  || this.options.listingOpts.country == 1) {

			html += '<div class="location-cty-st-zip">';

			if(this.options.listingOpts.city == 1)

				html += location.city;

			if(this.options.listingOpts.state == 1 || this.options.listingOpts.zip == 1)

				html += ', '

			if(this.options.listingOpts.state == 1)

				html +=location.state + ' ';

			if(this.options.listingOpts.zip == 1)

				html +=location.zip + ' ';

			if(this.options.listingOpts.country == 1)

				html +=location.country + ' ';

			html += '</div>';

		}

							

		html += 	'<div class="location-attributes">'+this.getAttributeList(location.attributes, "Listing")+'</div>';

		if (this.options.listingOpts.more == 1) {

			html += '<div class="location-link"><a href="' + location.link + '">More</a>';

		}

		html += 	'</div>';	

		html += 	'</div>';

		html += '</div>';

		

		return html;

	},

	

	getAttributeList : function(attributes, view){

		if(attributes == undefined)

			return "";

		

		var html = "<ul>";

			

		for(var i=0; i < attributes.length; i++){

			if(attributes[i].value != undefined && attributes[i].value != 0 && attributes[i].value != "" 

			&& eval("attributes[i].display"+view) != 0){

				if (attributes[i].type == 'bool') 

					html += "<li>" + attributes[i].name + "</li>";

				else if (attributes[i].type == 'link') 

					html += "<li><a href='"+attributes[i].value+"'>"+ attributes[i].name + "</a></li>";

				else if (attributes[i].type != 'textarea') 

					html += "<li>" + attributes[i].name + ": " + attributes[i].value + "</li>";

			}

		}

		html += "</ul>";

		for(var i=0; i < attributes.length; i++){

			if(attributes[i].value != undefined && attributes[i].value != 0 && attributes[i].value != "" 

			&& eval("attributes[i].display"+view) != 0){

				if (attributes[i].type == 'textarea') 

					html += "<p>" + attributes[i].name + ": " + attributes[i].value + "</p>";

			}

		}

		return html;

	},

	

	openLocationBalloon : function(index){

		this.centerMap(this.locations[index].lat, this.locations[index].long);

		this.markers[index].openInfoWindowHtml(this.generateBalloonHTML(this.locations[index], "Click"));	

	},

	

	generateLayers : function(){

		myLayer = null;

		if (this.options.uiOpts.panorma == 1) {

			myLayer = new GLayer("com.panoramio.all");

			this.map.addOverlay(myLayer);

			this.layers.push(myLayer);

		}

		this.addWikipediaLayers();

	},

	

	addWikipediaLayers : function(){

		myLayer = null;

		switch(this.options.uiOpts.wikipedia)

		{

			case "en":

				myLayer = new GLayer("org.wikipedia.en");

				this.map.addOverlay(myLayer);

				this.layers.push(myLayer);

				break;

			case "fr":

				myLayer = new GLayer("org.wikipedia.fr");

				this.map.addOverlay(myLayer);

				break;

			case "es":

				myLayer = new GLayer("org.wikipedia.es");

				this.map.addOverlay(myLayer);

				this.layers.push(myLayer);

				break;

			default:

				break;

		}

	}

});



WebmapPlus.implement(new Options);