/*ABQIAAAAiEB79KMzfdSYGMGPSX2GahRF-BmwBSbaK5ZpgpGQInqjgvkTsBT7PBFDmqZPrZovdUn4XiCFTUol0A*/
function initialize() {
	var sucDesc=Array();
	var titulo = "<b>Breden Master</b>";
	var texto = "Av. El Retiro Parque Los Maitenes Oriente 1351, Enea, Pudahuel, Santiago, Chile"
	sucDesc.push(["0", "-33.426517,-70.773931", titulo+"<br>"+texto]);
			if (GBrowserIsCompatible()) {
				var map = new GMap2(document.getElementById("mapa_g"));
				map.setCenter(new GLatLng(-33.426517,-70.773931), 15);
				map.setUIToDefault();
				var mgrOptions = {borderPadding: 50, maxZoom: 2, trackMarkers: true};
				var mgr = new MarkerManager(map, mgrOptions);
				// Create a base icon for all of our markers that specifies the
				// shadow, icon dimensions, etc.
				var baseIcon = new GIcon(G_DEFAULT_ICON);
				baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
				baseIcon.iconSize = new GSize(30, 44);
				baseIcon.shadowSize = new GSize(47, 44);
				baseIcon.iconAnchor = new GPoint(9, 34);
				baseIcon.infoWindowAnchor = new GPoint(9, 2);
				// Creates a marker whose info window displays the letter corresponding
				// to the given index.
				function createMarker(point, index) {
					// Create a lettered icon for this point using our icon class
					var letter = String.fromCharCode("A".charCodeAt(0) + index);
					var letteredIcon = new GIcon(baseIcon);
					letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
					var elCarpintero = new GIcon(baseIcon);
					elCarpintero.image = "http://www.bredenmaster.com/theme/bredenmaster/images/icon.png";
					//creo el div del input

					$('#text').after('<input style="float: left" type="text" id="text_'+letter+'" value="0"/><br/>');
					$('#text_'+letter).before('<div style=" padding-left:160px; clear: both;">'+sucDesc[index][2]+'</div>');

					// Set up our GMarkerOptions object
					//markerOptions = { icon:letteredIcon };
					markerOptions = { icon:elCarpintero };
					var marker = new GMarker(point, markerOptions);


            GEvent.addListener(marker, "click", function() {
				var classSty=(sucDesc[index][0]=="0")? "sucNormal":"sucFull";
              marker.openInfoWindowHtml('<div id="globe" class="'+classSty+'">'+sucDesc[index][2]+'</div>');
            });


            markerOptionsEstado = { icon:elCarpintero };

            /*$('#text').change(function(){
              GEvent.addListener(marker, "click", function() {
                marker.setImage(elCarpintero.image);
                marker.openInfoWindowHtml("Marker <b>" + $('#text').val() + "</b>");
              });
            });*/
            $('#text_'+ letter).change(function(){
				marker.setImage(elCarpintero.image);
            });
            return marker;
          }

          function actualizarColor(marker){
            return marker;
          }

          // Add 10 markers to the map at random locations
          var bounds = map.getBounds();
          var southWest = bounds.getSouthWest();
          var northEast = bounds.getNorthEast();
          var lngSpan = northEast.lng() - southWest.lng();
          var latSpan = northEast.lat() - southWest.lat();
          for (var i = 0; i < 10; i++) {
			  var ubicacion=sucDesc[i][1].split(",");
            var latlng = new GLatLng(ubicacion[0], ubicacion[1]);
            map.addOverlay(createMarker(latlng, i));
          }
        }
      }