document.write("<div id=\"routeline\" style=\"z-index:50;position:absolute;\">\n");
document.write("<img border=0 src=\"routeline.png\" width=580 height=602>\n");
document.write("</div>\n");

document.write("<div id=\"zoomDiv\" style=\"z-index:90;position: absolute;visibility:hidden\">\n");
document.write("<img border=0 src=\"zoom.jpg\" width=580 height=602>\n");
document.write("</div>\n");

document.write("<div id=\"finalDiv\" style=\"z-index:91;position: absolute;visibility:visible\">\n");
document.write("<img border=0 src=\"final.png\" width=580 height=602>\n");
document.write("</div>\n");

toggler = 0;
function toggleView(){
	if (toggler == 0){
		document.getElementById("zoomDiv").style.visibility='visible';
		document.getElementById("clickdiv").innerHTML = "<center>Click to return to<br>the overview map</center>";
		toggler = 1;
		}
	else{
		document.getElementById("zoomDiv").style.visibility='hidden';
		document.getElementById("clickdiv").innerHTML = "<center>Click to zoom in on<br>latest reported position</center>";
		toggler = 0;
		}
	}