////////////////////VARS//////////////////////////
var side_bar_html = "";
var gmarkers = [];
var i = 0;
var map;
//var mapCenter = new GLatLng(0,0);




// On sidebar click open corresponding info window
function myclick(i) {
	GEvent.trigger(gmarkers[i], "click");
    }//end myclick
      
// Create markers and click events
function createMarker(point,name,html) {
	var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() {
    	marker.openInfoWindowHtml("<strong>"+name+"</strong><br/>"+html);
    });
    // save the info we need to use later for the side_bar
    gmarkers[i] = marker;
    // add a line to the side_bar html
    side_bar_html += '<li><strong><a onclick="javascript:myclick(' + i + ')" href="#map">' + name + '</a></strong><br/>'+ Math.round(dealers[i]["distance"]*10)/10 +' miles away<br/><p>'+ html +'</p></li>';
    return marker;
    }//end creatMarker
    
// Shows sidebar which contains relevant dealers     
function showSidebar(){
	
	side_bar_html = "<ul>"; 
	
   	if (dealers.length == 0){side_bar_html += '<li><strong>SORRY</strong> No dealers were found within 100 miles.</li>'; 
   	} else {
   		
		for (i=0;i < dealers.length;i++){
			var dealer = dealers[i];      
       		var point = new GLatLng(dealer["latitude"],dealer["longitude"]);
     		     	
     		var marker = createMarker(point,dealer["store_name"],dealer["info_text"])
        	map.addOverlay(marker);         	     
		}    
	}                   
                    
    side_bar_html += "</ul>"; 
    document.getElementById("side_bar").innerHTML = side_bar_html;
    }//end showSidebar
    
function showAddress(address) {
	if (geocoder) {
		geocoder.getLatLng(
        address,
        function(point) {
        	if (!point) {
            	alert(address + " not found");
       		} else {
        		mapCenter = point;
        		if (zoomAdjust){
        			zoom = (10 - zoomAdjust);
        		} 
        		map.setCenter(point, zoom);            	
            	
            	// Create our "tiny" marker icon
				var homeIcon = new GIcon(G_DEFAULT_ICON);
				homeIcon.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";
				homeIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
                homeIcon.iconSize = new GSize(12, 20);
                homeIcon.shadowSize = new GSize(22, 20);
                
				// Set up our GMarkerOptions object
				markerOptions = { icon:homeIcon };
				marker = new GMarker(point,markerOptions);
            	//map.addOverlay(marker);
            	            	
            	showSidebar();
            	
        	}
		}
		);          
	}// end if geocoder   
    
}// end showAddress