//	dirMap.js 
//

var map;
var mapMarkers = [];
var mapHTMLS = [];
var mapLabels = [];
var baseIcon;



    function initialize(cLat, cLon, zoom, mCtrl, mType, mZoom, mWheel, mDetName, mDetZoom) {
    
		
      if (GBrowserIsCompatible()) {

        map = new GMap2(document.getElementById("map_canvas"));
		map.setMapType(G_NORMAL_MAP);
        map.setCenter(new GLatLng(cLat, cLon), zoom);
		if (mCtrl) {map.addControl(new GSmallMapControl());}
		if (mType) {map.addControl(new GMapTypeControl());}
		if (mZoom) {map.addControl(new DragZoomControl({}, {backButtonEnabled: true}, {}));}
		if (mWheel) {map.enableScrollWheelZoom();}

		baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(20, 34);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		
		
		//batch = [];
		for (var i=0; i<markers.length; i++) {
			createMarker(markers[i]);
		}
		
		//alert("(" + mDetName + ") " +  mDetZoom);
		//alert(" mapHTMLS len " + mapHTMLS.length + " mapMarkers len " + mapMarkers.length + " mapLabels len " + mapLabels.length);
					
					
	 
		if (mDetName != "") {	
			tmp = mDetName.split('-');
			det_name = "";
			for (var i=0; i<tmp.length; i++) {
				//alert(" tmp " + tmp[i]);
				det_name += tmp[i];
			}
            det_name = det_name.replace(/&nbsp;/gi, " ")
			for (var i=0; i<markers.length; i++) {
			
				//alert("(" + det_name + ") " +  "(" + markers[i].name + ")");
			
				if (markers[i].name == det_name) {
					//alert("HIT " + det_name);
					//mapMarkers[i].openInfoWindowHtml(mapHTMLS[i]);
					mapLabels[i].show();
					mapMarkers[i].setImage("http://TeeTimeHQ.com/joomla/CourseDetails/mapMarkers/" + markers[i].iconHCol + "_" + markers[i].iconLett + ".png");
					    
					map.setCenter(new GLatLng(markers[i].lat, markers[i].lon), mDetZoom);

					//window.setTimeout(function() {

					//	map.panTo(new GLatLng(markers[i].lat, markers[i].lon));

					//}, 2000);

					//map.setZoom(mDetZoom);
					break;
				}
			}
		}

		
      }
    }




	function createMarker(pointData) {
		
		 var html = String("<div style='font-family: Arial,sans-serif; font-size: small;'>\
						<div style='text-align: center; font-weight: bold; font-size: medium;'>" 
							+ pointData.nameplus + 
						"</div>\
						<div style='margin-top:-10px;'>\
							<form method='get' action='http://maps.google.com/maps'>\
								<br/>\
								Directions to: &nbsp;&nbsp;&nbsp;" + pointData.nameplus + 
								"<br/>\
								From Address:\
								<input type='text' name='saddr' size='20' value=''/>\
								<br/>\
								<input type='submit' class='mapIWinBtn' value='Get Directions'/>\
								<input type='hidden' value='" + pointData.nameplus + "," + pointData.address + "' name='daddr'/>\
									<form style='text-size:12px'>\
										<input type='button' class='mapIWinBtn' onClick='parent.location=\"/joomla/index.php?option=com_content&amp;view=article&amp;&amp;id=" + pointData.aID + "\"' value='Make a TeeTime'>\
									</form>\
							</form>\
						</div>\
					<div>");
					
		mapHTMLS.push[html];
			
		var point = new GLatLng(pointData.lat, pointData.lon);
		var label = new ELabel(point, pointData.name, "mapLabel", "background-color:" + pointData.iconHCol, new GSize(12,-24));
		
		var myIcon = new GIcon(baseIcon);
		myIcon.image = "http://TeeTimeHQ.com/joomla/CourseDetails/mapMarkers/" + pointData.iconBCol + "_" + pointData.iconLett + ".png";

		var markerOpts = {};
		markerOptions = { icon:myIcon };

		var newPoint = point;
		var marker = new GMarker(newPoint, markerOptions);
		map.addOverlay(marker);
		mapMarkers.push(marker);

		map.addOverlay(label);
		label.hide();
		mapLabels.push(label);

		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html);
		});

		GEvent.addListener(marker, "mouseover", function() {
			marker.setImage("http://TeeTimeHQ.com/joomla/CourseDetails/mapMarkers/" + pointData.iconHCol + "_" + pointData.iconLett + ".png");
			label.show();
		});

		GEvent.addListener(marker, "mouseout", function() {
			marker.setImage("http://TeeTimeHQ.com/joomla/CourseDetails/mapMarkers/" + pointData.iconBCol + "_" + pointData.iconLett + ".png");
			label.hide();
		});

		return;
		
	}