var markerPoints = [];
	var addresses = [];
	var map;
	var myPano;
	var directionsPanel;
	var directions;
	
	
    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(26.125176, -80.14352), 15);		
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());		

				
		addMarker(0,26.125176, -80.14352,"300 North Andrews Ave, Fort Lauderdale, FL 33301","<h3>300 North Andrews Ave</h3>Fort Lauderdale, FL 33301" +
						"<br />(954) 761-2480<br /><br /><div id='cPanel'><span onclick='zooom(0);'>Zoom Here</span>" +
						"&nbsp;-&nbsp;<span onclick=streeetView(0);>Street View</span>&nbsp;-&nbsp;" +
						"<span onclick='hideAndShowDirOpts(\"none\",\"block\");'>Get directions</span></div>" +
						"<div id='dirPanel' style='display:none;float:left;'>Get directions: " +
						"<span id='to' class='whereHere' onclick='toggleWhere(\"to\",0);'>To here</span> - <span id='from' class='whereNot' onclick='toggleWhere(\"from\",0);'>From here</span>" +
						"<input type='textbox' value='' id='dirVal' />&nbsp;<input id='where' type='button' value='Go' onclick='getRoute(\"to\",0);' /><br />" +
						"<span onclick='hideAndShowDirOpts(\"block\",\"none\");'>&laquo; Back</span>" +
						"</div><br /><br />");
		addMarker(1,26.12664, -80.14461,"434 NW 1st Ave, #503, Fort Lauderdale, FL 33301","<h3>434 NW 1st Ave, #503</h3>Fort Lauderdale, FL 33301" +
						"<br /><div id='cPanel'><span onclick='zooom(1);return false;'>Zoom Here</span>&nbsp;-&nbsp;" +
						"<span onclick='hideAndShowDirOpts(\"none\",\"block\");'>Get directions</span></div>" +
						"<div id='dirPanel' style='display:none;float:left;'>Get directions: " +
						"<span id='to' class='whereHere' onclick='toggleWhere(\"to\",1);'>To here</span> - <span id='from' class='whereNot' onclick='toggleWhere(\"from\",1);'>From here</span>" +
						"<input type='textbox' value='' id='dirVal' />&nbsp;<input id='where' type='button' value='Go' onclick='getRoute(\"to\",1);' /><br />" +
						"<span onclick='hideAndShowDirOpts(\"block\",\"none\");'>&laquo; Back</span>" +
						"</div><br /><br />");				
      }
    }
	
	function addMarker(index, latitude, longitude,address,description) {
		markerPoints[index] = new GLatLng(latitude, longitude);
		addresses[index] = address;
		var marker = new GMarker(markerPoints[index]);
		
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(description);
		});
		
		var e = "link"+index;
		document.getElementById(e).onclick = function() {
			marker.openInfoWindowHtml(description);
			
			if(index==0) {
				document.getElementById('link0').className='locationSelected';
				document.getElementById('link1').className='location';
			} else {
				document.getElementById('link0').className='location';
				document.getElementById('link1').className='locationSelected';
			}
		}  
		
		
		map.addOverlay(marker);
	}
	   	
	function zooom(index) {		
		map.zoomIn(markerPoints[index],false,true);	
	}
	
	
	function streeetView(index) {
	  document.getElementById("map_canvas").style.display = "none";
	  document.getElementById("map_func").style.display="block";
	  myPano = new GStreetviewPanorama(document.getElementById("map_streetview"));	  
	  myPOV = {yaw:370.64659986187695,pitch:10};
	  myPano.setLocationAndPOV(markerPoints[index], myPOV);
	  GEvent.addListener(myPano, "error", handleNoFlash);
	  
	  document.getElementById("sp_close").onclick = function () { 
		closePano();
		initialize();
	  }
	  
	}
	
	function handleNoFlash(errorCode) {
	  if (errorCode == 603) {
	    alert("Error: Flash doesn't appear to be supported by your browser");
	    return;
	  }
	} 
	
	function closePano() {
		myPano.remove();
		document.getElementById("map_canvas").style.display = "block";
		document.getElementById("map_func").style.display="none";
	}

	
	function getDir(from, to, index) {
		document.getElementById("map_canvas").style.display = "none";
		document.getElementById("map_func").style.display="block";
		map = new GMap2(document.getElementById("map_streetview"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());		
		//map.setCenter(markerPoints[index], 15);		
		directionsPanel = document.getElementById("map_route");
		directions = new GDirections(map, directionsPanel);
		directions.load("from: "+ from + " to: " + to);
	  
		document.getElementById("sp_close").onclick = function () { 
				closeDir();
				initialize();			
			}
	}
	
	function closeDir() {
		directions.clear();
		document.getElementById("map_canvas").style.display = "block";
		document.getElementById("map_func").style.display="none";	
	}
	
	function hideAndShowDirOpts(cPanel,dirPanel) {
		document.getElementById("cPanel").style.display = cPanel;
		document.getElementById("dirPanel").style.display = dirPanel;				
	}
	
	function toggleWhere(el,index) {
		if(el=='to') {
			document.getElementById("to").className = "whereHere";
			document.getElementById("from").className = "whereNot";
			document.getElementById("where").onclick = function () {
				getRoute('to',index);
			}
		}
		else {
			document.getElementById("to").className = "whereNot";
			document.getElementById("from").className = "whereHere";		
			document.getElementById("where").onclick = function () {
				getRoute('from',index);
			}
		}					
	}
	
	function getRoute(dir,index) {
		var go = document.getElementById('dirVal');
		if(go.value=='') {
			go.focus();
			return false;
		}	
		
		if(dir=='to')
			getDir(addresses[index],go.value,index);
		else
			getDir(go.value,addresses[index],index);
	}