var markers = new Array();
markers['geocode'] = "Charleston,Oregon,United States";
/*markers['text'] = "<h4>Charleston</h4>";*/
var pagetype = "citylanding";
var lat = 0;
var lng = 0;
var map = null;
var gOverlays = new Array();
var markerOptions = null;
var geocoder = null;
	
// create map
function createMap(lat, lng, markers, pagetype){
	// initialize map
	map = new GMap2(document.getElementById("map") );	
	map.addControl(new GSmallMapControl() );
	
	// create custom icon
	var flagIcon = new GIcon();
	flagIcon.iconAnchor = new GPoint(22,32);
	flagIcon.infoWindowAnchor = new GPoint(17, 0);
	flagIcon.transparent = "/img/map-marker.png";
	
	// set marker options
	markerOptions = { icon:flagIcon };	
	
	// initialize geocoder
	geocoder = new GClientGeocoder();
	
	// if city landing, create map by geocode
	if( pagetype=="citylanding"){
	
		setMapByGeocode(markers);
		
	} else {
	
		if( pagetype == "accommodations")
			map.setCenter(new GLatLng(lat, lng), 7);
		else
			map.setCenter(new GLatLng(lat, lng), 9);
			
		// add event to collect overlay info
		GEvent.addListener(map,"addoverlay",function(overlay){
			if( overlay.name ){
				if( !overlay.Known){
					gOverlays[overlay.name] = overlay;
					overlay.Known = true;
				}
			}
		});
		
		// add markers
		var point = null;
		var text = null;
		
		for( var i=0; i<markers.length; i++){
			
			var marker = markers[i];
			
			name = "marker"+i;
			
			if( (marker['lat'] != 0) && (marker['lng'] != 0) ){
				addMarkerByLatLong(name, marker['lat'], marker['lng'], marker['text'] );
			}
			else { 
				addMarkerByGeoCode(name, marker['geocode'], marker['text'] );
			}
		} 
	}
}

// add marker by lat/long
function addMarkerByLatLong(name, lat, lng, text){
	point = new GLatLng(lat, lng);
	map.addOverlay(getMarker(name, point, text) );
}

// add marker by geocode
function addMarkerByGeoCode(name, address, text){
	if( geocoder){
		geocoder.getLatLng(
			address,
			function(point){
				if( point){
					map.addOverlay(getMarker(name, point, text) );
				}
			}
		);
	}
}
    
// create and return marker
function getMarker(name, point, text)  {
	var marker = new GMarker(point, markerOptions);
	marker.name = name;
	GEvent.addListener(marker, "click", function(){
		marker.openInfoWindowHtml(text);
	});

	return marker;
}

// display info window when title is clicked
function mapClick(i) {
	GEvent.trigger(gOverlays[i], "click" );
}  

// create map by geocode
function setMapByGeocode(markers){
	geocoder.getLatLng(
		markers['geocode'],
		function(point){
			if( point){
				map.setCenter(point, 12);
				/*var marker = new GMarker(point, markerOptions);
				GEvent.addListener(marker, "click", function(){
					marker.openInfoWindowHtml(markers['text'] );
				});
				map.addOverlay(marker);*/
			}
		}
	);
}

if( GBrowserIsCompatible() ){
	createMap(lat, lng, markers, pagetype);
}