
var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;

// A function to create the marker and set up the event window
	function createMarker(point,name,html) {
		var marker = new GMarker(point);
		
		var myIcon = new GIcon(G_DEFAULT_ICON,'/assets/images/map-icon.png');
        //myIcon.image = "/assets/images/map-icon.png";
        //myIcon.iconSize = new GSize(32, 32);
        //myIcon.shadow = "/assets/images/map-icon-shadow.png";
        //myIcon.shadowSize = new GSize(60, 32);
        //myIcon.iconAnchor = new GPoint(0, 0);
        //myIcon.infoWindowAnchor = new GPoint(16, 0);
        //myIcon.printImage = "/assets/images/map-icon-print.gif";
        //myIcon.mozPrintImage = "/assets/images/map-icon-mozprint.gif";
        //myIcon.printShadow = "/assets/images/map-icon-printshadow.gif";
        //myIcon.transparent = "/assets/images/map-icon-transparent.png";
        //myIcon.imageMap = [ 0,15, 4,5, 15,0, 26,5, 31,15, 26,27, 16,31, 4,27 ]; 
		

		// The info window version with the "to here" form open
		to_htmls[i] = html + '<div style="font-size: 12px; font-family: Verdana, Geneva, sans-serif;text-align:left; line-height:normal;"><br><strong  style="color:#601420">Class Location Directions:</strong><br><b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
		'<br><br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
		'<input type="text" SIZE=25 MAXLENGTH=40 name="saddr" id="saddr" value="" /> ' +
		'<INPUT value="Get Directions" TYPE="SUBMIT" class="button">' +
		//'<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +  "(" + 'Napa Valley Ballet' + ")" + '"/></div>';
		'<input type="hidden" name="daddr" value="1755 Industrial Way #25, Napa, CA 94558 " /></div>'

		
		// The info window version with the "to here" form open
		from_htmls[i] = html + '<div style="font-size: 12px; font-family: Verdana, Geneva, sans-serif;text-align:left; line-height:normal;"><br><strong  style="color:#601420">Class Location Directions:</strong><br><a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
		'<br><br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
		'<input type="text" SIZE=25 MAXLENGTH=40 name="daddr" id="daddr" value="" /> ' +
		'<INPUT value="Get Directions" TYPE="SUBMIT" class="button">' +
		//'<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +  "(" + 'Napa Valley Ballet' + ")" + '"/></div>';
		'<input type="hidden" name="saddr" value="1755 Industrial Way #25, Napa, CA 94558" /></div>';
        // The inactive version of the direction info
		html = html + '<div style="font-size: 12px; font-family: Verdana, Geneva, sans-serif;text-align:left; padding-left:39px;"><br><strong  style="color:#601420">Class Location Directions:</strong><br><a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a></div>';
		
		var marker = new GMarker(point,myIcon);

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

		gmarkers[i] = marker;
		htmls[i] = html;
		i++;
		
		return marker;
	}
		
// functions that open the directions forms
function tohere(i) {
	gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
function fromhere(i) {
	gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}

// Display the map, with some controls and set the initial location 
function load() {
	if (GBrowserIsCompatible()) {
	  
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(38.318355,-122.304036), 13);

		// Set up markers with info windows 
    
		var point = new GLatLng(38.318355,-122.304036);
	  
		var marker = createMarker(point,'Napa Vallet Ballet','<div style="font-size: 12px; font-family: Verdana, Geneva, sans-serif;text-align:left; line-height:normal; width:280px; padding-right:6px;"><img src="/assets/images/map-logo.gif" width="100" height="200" alt="Napa Valley Ballet" title="Napa Valley Ballet" align="left" /><br/><div style="padding-left:39px;"><strong style="color:#601420">Address:<br></strong><br>1755 Industrial Way #25<br>Napa, CA 94558<br><br><strong style="color:#601420">Tel:</strong> 707-294-8820</div></div>')

		map.addOverlay(marker);
	  
		myclick(0)
	}
}

function myclick(i) {
	GEvent.trigger(gmarkers[i],"click");
}


window.onload = load;
window.onunload = GUnload;
