var siouxFallsSD;
var map;
var latlngbounds;
var latlng;
var prop_id;
//var infoBox;

function initMap(prop_id) {
	
	var coords = $("input[name='location']").val().split(":");

	var centerloc = new google.maps.LatLng(coords[1],coords[2]);	
	
    var options = {
      zoom: 11,
      scrollwheel: false,
      center: centerloc,
      navigationControl: true,
      scaleControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    map = new google.maps.Map(document.getElementById("mapBox"), options);
    
    var infoWindow = new google.maps.InfoWindow({maxWidth: 350});
	var houseicon = '/_cust/images/icon-marker.png';
	var homeviewicon = '/_cust/images/homeviewiconsml.png';
    var latlngbounds = new google.maps.LatLngBounds( );
    var checker = 0;
	for (var i = 0; i < places.length; i++) {
        var place = places[i];                              
         
         if (place[1] > 0) 
         {                 
            
            latlng = new google.maps.LatLng(place[1], place[2]);
            
            if (place[4] == 1) {            
             iconimage = homeviewicon;
            } else {
             iconimage = houseicon;
            }
                                    
            var marker = new google.maps.Marker({
                    position: latlng,
                    map: map,
                    title: place[0],
                    icon: iconimage
           	 });
           	 
           	 latlngbounds.extend( latlng );             
         	 checker++;
           
            bindInfoWindow(marker, map, infoWindow, place[3], i);
		}
     }
	
	if (checker > 0) {
	map.setCenter( latlngbounds.getCenter() );
	map.fitBounds(latlngbounds);
	}

   	function bindInfoWindow(marker, map, infoWindow, html, id) {
        var contentblock = html.split("|");  
        
        var display = "<div id='mapPopup'>"+
        			  "<h5>"+contentblock[0]+"</h5>"+
        			  "<img src='"+contentblock[1]+"' width='80' alt=''/>"+
        			  "<p>"+contentblock[2]+"<br />"+contentblock[3]+"</p>"+
        			  "<a class='moredetails' href='/details/"+contentblock[4]+"'>More Details</a>"+
        			  "</div>";
        
        
 		google.maps.event.addListener(marker, 'click', function() {
 			infoWindow.setContent(display);
 			infoWindow.open(map, marker);
 		});
 		
 		if (prop_id == id) {
 			infoWindow.setContent(display);
 			infoWindow.open(map, marker);
 		}
 		
 		$(".map-"+id).click(function() {
 		
 			openMap(id);
 		});
 		
 		
 	}
}