var markersArray = new Object();
var defaultArea = 'sd';

function YLoadMapData(map, data) {
	markersArray['map'] = map;
	
	for(var idx = 0; idx < data.markers.marker.length; idx++) {
			var mapPoint = new YGeoPoint
						  (parseFloat(data.markers.marker[idx].lat),  
						   parseFloat(data.markers.marker[idx].lon));    
			
			var plotPoint = createYMarker(mapPoint, data.markers.marker[idx], idx);
			map.addOverlay(plotPoint);
	}
}
//myIcon.src = 'http://www.federighi.net/dale/images/GNike_Icon3.png';
function createYMarker(point, data, idx) {
	var myIcon = new YImage();
	myIcon.src = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
	myIcon.size = new YSize(22, 16);
	myIcon.size = new YSize(12, 20);
	myIcon.offsetSmartWindow = new YCoordPoint(0,12);
	
	var myIcon2 = new YImage();
	myIcon2.src = 'http://labs.google.com/ridefinder/images/mm_20_yellow.png';
	myIcon2.size = new YSize(22, 16);
	myIcon2.size = new YSize(12, 20);
	myIcon2.offsetSmartWindow = new YCoordPoint(0,12);
	
	var myIcon3 = new YImage();
	myIcon3.src = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
	myIcon3.size = new YSize(22, 16);
	myIcon3.size = new YSize(12, 20);
	myIcon3.offsetSmartWindow = new YCoordPoint(0,12);



	var marker = new YMarker(point, 'id'+idx, myIcon);
	//var testurl = "http://maps.yahoo.com/beta/#maxp=location&ql=" + data.address + "&mvt=m&trf=0&lon=" + data.lon + "&lat=" + data.lat + "&mag=3";
	//var testurl = "http://maps.yahoo.com/beta/#lon=" + data.lon + "&lat=" + data.lat + "&mag=3";
	
	var testurl = "http://maps.yahoo.com/py/maps.py?Pyt=Tmap&addr=" + data.address + " " + data.city_state + "&Get+Map=Get+Map";
	

	var html_str = "<div style='width: 150px; max-width: 150px; margin: 0 3px 2px 3px;'>" 
				 + "<b>" + data.name + "</b><br/>" 
				 + data.address + "<br/>"
				 + data.city_state + "<br/>"
				 + data.phone + "<br/>" 
				 //+ "Site: <a style='text-decoration:underline;' href='" + data.url + "' target='_blank'>" 
				 + "Site: <a style='text-decoration:underline;' href='" + testurl + "' target='_blank'>" 
				 + data.link + "</a><br/><br/>"
				 + data.description + "</div>";			 
	
	// var menuObj = document.getElementById("ymap_links");
	var menuObj;
	if(data.area != undefined && (data.area == 'la' || data.area == 'sla')) {
		menuObj = document.getElementById("la_links");

	} else if(data.area == 'bc') {
		menuObj = document.getElementById("bc_links");
		var marker = new YMarker(point, 'id'+idx, myIcon2);
	} else if(data.area == 'bs') {
		menuObj = document.getElementById("bs_links");
		var marker = new YMarker(point, 'id'+idx, myIcon3);	
	} else if(data.area == 'sd') {
		menuObj = document.getElementById("sd_links");
		var marker = new YMarker(point, 'id'+idx, myIcon);	

	
	} else {
		menuObj = document.getElementById("norcal_links");
	}
	menuObj.innerHTML += '<span style="font-size:14px;">&raquo;</span>' 
					  + '<a href="javascript:focusOnMarker(\'' + data.name + '\',\'' + data.area + '\')">' 
					  + data.name + '</a><br/>';
	
	markersArray[data.name] = new Object();
	markersArray[data.name]['html'] = html_str;
	markersArray[data.name]['marker'] = marker;
	markersArray[data.name]['point'] = point;
	//markersArray[data.name]['label'] = data.name;

	
	YEvent.Capture(marker, EventsList.MouseOver, function() { marker.openSmartWindow(html_str) });
	return marker;
}

function focusOnMarker(name, area) {
	var marker = markersArray[name]['marker'];
	var map = markersArray['map'];
	if (area != defaultArea) {
		defaultArea = area;
		map.drawZoomAndCenter(markersArray[name]['point'], 7);
	} 
	marker.openSmartWindow(markersArray[name]['html']);
}