function openBox(url){
 Shadowbox.init({
        // let's skip the automatic setup because we don't have any
        // properly configured link elements on the page
        skipSetup: true
    });
Shadowbox.open({
        player:     'iframe',
        title:      'Driving Directions',
        content:    url,
        height:     600,
        width:      800
    });
	  
						
}
//document.onkeydown = checkKeycode;
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
//alert("keycode: " + keycode);
return keycode;
}

function loadDirections(lat, lon, fromID, to) {
      var from = document.getElementById(fromID).value
	 
	  var url = '/static/pages/driving_directions.php?lat='+lat+'&lon='+lon+'&from='+from+'&to='+to;
	  openBox(url);
	  
	}
function toggleVisible(id){
						var ele = document.getElementById(id);
							if(ele.style.visibility == "hidden"){
								ele.style.visibility="visible";
								
							}else{
								ele.style.visibility="none";
							}
						}
						function toggleDisplay(id){
						var ele = document.getElementById(id);
							if(ele.style.display == "none"){
								ele.style.display="block";
							}else{
								ele.style.display="none";
							}
						}