var map;
function startMap(){
	map = new YMap(document.getElementById('map'));
	
	// Add map type control
	map.addTypeControl();
	
	// Set map type to either of: YAHOO_MAP_SAT, YAHOO_MAP_HYB, YAHOO_MAP_REG
	map.setMapType(YAHOO_MAP_REG);
	
	// Add map zoom (long) control
	map.addZoomLong();
	
	
	// Display the map centered on a geocoded location
	//map.drawZoomAndCenter("240 W. 44th Street New York, New York 10036", 3);
	map.drawZoomAndCenter("Theater District New York City", 2);
	for(var i in venues){
		var geoPoint = new YGeoPoint(venues[i].lat, venues[i].lon);
		venues[i].marker= new YMarker(geoPoint, createCustomMarkerImage());
		venues[i].marker.addAutoExpand('<b>'+venues[i].name+' Theater</b>');
		venues[i].markup = '<b>'+venues[i].name+' Theater</b>';
		venues[i].markup += '<br />'+venues[i].address1;
		venues[i].markup += '<br /><a href="'+venues[i].mapURL+'" target="_blank"><img src="/img/get_to_broadway_btn_wht.gif" alt="Driving Directions" title="Get Driving Directions" /></a>';
		placeMarker(venues[i]);
	}
}

function createCustomMarkerImage(){
		 	var myImage = new YImage();
		  	myImage.src = '/img/map_marker.png';
		 	myImage.size = new YSize(15,24);
		  	myImage.offsetSmartWindow = new YCoordPoint(0,0);
			return myImage;	
		}

function placeMarker(venueObject){
	var myMarker = venueObject.marker;
	var myMarkup = venueObject.markup;
	var myAddress = venueObject.address1+venueObject.city+venueObject.state;
	YEvent.Capture(venueObject.marker, EventsList.MouseClick, 
		function(){
			//map.drawZoomAndCenter(myAddress, 2);
			myMarker.openSmartWindow(myMarkup);
		});
	map.addOverlay(venueObject.marker);
}


function showVenueOverlay(venueObject){
	map.drawZoomAndCenter(venueObject.address1+' '+venueObject.city+' '+venueObject.state, 2);
	venueObject.marker.openSmartWindow(venueObject.markup);
}


/*function showVenueOverlay(venueObject){
	//startMap();
	//alert(venueObject.name);
	var geoPoint = new YGeoPoint(venueObject.lat, venueObject.lon);
	map.drawZoomAndCenter(venueObject.address1+venueObject.city+venueObject.state, 2);
	var newMarker= new YMarker(geoPoint)
	newMarker.addAutoExpand('<b>'+venueObject.name+'</b>');
		var markerMarkup = '<b>'+venueObject.name+'</b>';
		markerMarkup += '<br />'+venueObject.address1;
		YEvent.Capture(newMarker, EventsList.MouseClick, 
			function(){
				newMarker.openSmartWindow(markerMarkup);
			});
		newMarker.openSmartWindow(markerMarkup);
		map.addOverlay(newMarker);
}*/

YAHOO.util.Event.addListener(window,"load",startMap);