// JavaScript Document
    var map = null;
    var geocoder = null;
				
		function initialize() {
		// Creates a marker at the given point with the given number label

     function createMarker(point, number, aptelement, persons) {
			    if (persons == 2) {
          	var marker = new GMarker(point,icon);						  
					} else if (persons > 2 && persons <= 4) {
          	var marker = new GMarker(point,icon2);						
					} else if (persons > 4) {
          	var marker = new GMarker(point,icon3);							
					}
          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(aptelement);
          });
					linka = document.getElementById("aptlink_"+number);
					GEvent.addDomListener(linka,"click",function() {
					  map.setCenter(point);
						map.openInfoWindowHtml(point,aptelement);
					});
          return marker;
       }
			 
		function createTourist(point,descrip,theicon) {
			  marker = new GMarker(point,theicon);
				GEvent.addListener(marker, "click", function() {
		    	marker.openInfoWindowHtml(descrip);
				});
				return marker;
		}
			
			if (GBrowserIsCompatible()) {
				var map = new GMap2(document.getElementById("map"));
				map.setCenter(new GLatLng(41.386579,2.169426), 14);
				map.addControl(new GSmallMapControl());    	// Control for panning zooming
				
        // Create our "tiny" marker icon
        var icon = new GIcon();
				var icon2 = new GIcon();
				var icon3 = new GIcon();
				var ticon = new GIcon();
				var cicon = new GIcon();				
        icon.image = "http://www.bcninternet.com/images/mapicon_green.png";
        icon.shadow = "http://www.bcninternet.com/images/mapicon_shadow.png";
        icon.iconSize = new GSize(12, 20);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(20, 1);				

        icon2.image = "http://www.bcninternet.com/images/mapicon_red.png";
        icon2.shadow = "http://www.bcninternet.com/images/mapicon_shadow.png";
        icon2.iconSize = new GSize(12, 20);
        icon2.shadowSize = new GSize(22, 20);
        icon2.iconAnchor = new GPoint(6, 20);
        icon2.infoWindowAnchor = new GPoint(20, 1);				

        icon3.image = "http://www.bcninternet.com/images/mapicon_yellow.png";
        icon3.shadow = "http://www.bcninternet.com/images/mapicon_shadow.png";
        icon3.iconSize = new GSize(12, 20);
        icon3.shadowSize = new GSize(22, 20);
        icon3.iconAnchor = new GPoint(6, 20);
        icon3.infoWindowAnchor = new GPoint(20, 1);				

        ticon.image = "http://www.bcninternet.com/images/tourist.png";
        ticon.shadow = "http://www.bcninternet.com/images/mapicon_shadow.png";
        ticon.iconSize = new GSize(20, 20);
        ticon.shadowSize = new GSize(20, 20);
        ticon.iconAnchor = new GPoint(6, 20);
        ticon.infoWindowAnchor = new GPoint(20, 1);

        cicon.image = "http://www.bcninternet.com/images/centreciutat.png";
        cicon.shadow = "http://www.bcninternet.com/images/mapicon_shadow.png";
        cicon.iconSize = new GSize(20, 20);
        cicon.shadowSize = new GSize(20, 20);
        cicon.iconAnchor = new GPoint(6, 20);
        cicon.infoWindowAnchor = new GPoint(20, 1);


				// map.addControl(new GMapTypeControl());			// Control for satellite / normal / hybrid
//				map.addControl(new GOverviewMapControl());

        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
				
// Aņadir una linea que representa el centro ciudad
				var polyline = new GPolyline([
						new GLatLng(41.385421,2.170148),
						new GLatLng(41.383040,2.171692),
						new GLatLng(41.378660,2.175620),
						new GLatLng(41.376147,2.177296)
				], "#FF0000", 8);
				map.addOverlay(polyline);		

/*				var polyline = new GPolyline([
						new GLatLng(41.387369,2.168979),
						new GLatLng(41.387824,2.170039),
						new GLatLng(41.386929,2.171020),
						new GLatLng(41.385926,2.170082),
						new GLatLng(41.387369,2.168979)
				], "#0000DD", 5);
				map.addOverlay(polyline);		 */

				var polyline = new GPolyline([
						new GLatLng(41.396259,2.159822),
						new GLatLng(41.388197,2.169903)
				], "#933300", 8);
				map.addOverlay(polyline);

/*				var point = new GLatLng(41.391660,2.164974);
				map.addOverlay(createTourist(point,"Casa Batll&oacute;",ticon));
				var point = new GLatLng(41.395283,2.161652);
				map.addOverlay(createTourist(point,"Casa Mil&aacute; (La Pedrera)",ticon)); */				
				var point = new GLatLng(41.3863,2.16985); 
				map.addOverlay(createTourist(point,"Plaza Catalunya",cicon));

        for (var i = 0; i < flatsarray.length; i++) {
          var point = new GLatLng(flatsarray[i][0],flatsarray[i][1]);
          map.addOverlay(createMarker(point, i + 1, flatsarray[i][2], flatsarray[i][3]));
        }	
				linki = document.getElementById("btn_centrar");
				GEvent.addDomListener(linki,"click",function() {
					map.setCenter(new GLatLng(41.386579,2.169426), 14);
				});						
			}
		}