var gmap = document.getElementById('gmap');
var mapContent = document.getElementById('map-content');
var baseNavLeft = 0;
var navLeft = baseNavLeft;


function changeMode(mode) 
{
    if (mode == "distance") createDistanceDraw();
    objMap.setMouseType(mode);
    
    var maptools = document.getElementById("map-tools");
    tools = maptools.getElementsByTagName("img");
    
    for (i=0; i<tools.length; i++) {
        if (tools[i].className == "activetool") {
            filename = tools[i].src;
            tools[i].src = filename.substring(0, filename.length - 4) + '-off.gif';
            tools[i].className = "";
            break;
        }
    }    
    if (mode == 'normal') {
        tool = document.getElementById("maptoolpan");        
    } else if (mode == 'distance') {
        tool = document.getElementById("maptoolruler");
    } else if (mode == 'ruler') {
        tool = document.getElementById("maptoolselect");
    } else if (mode == 'zoom_in') {
        tool = document.getElementById("maptoolzoomin");
    } else if (mode == 'zoom_out') {
        tool = document.getElementById("maptoolzoomout");
    } 
    filename = tool.src;
    tool.className = "activetool";
    tool.src = filename.replace(/-off/,'');
}