window.onload=init;

function init(){
    var botao = document.getElementById("btnir");
    
    botao.onclick = function(){
        document.getElementById("route").innerHTML="";
        
        // Prepara a origem
        var varorigem = document.getElementById("origemir").value;
        
        var varorigemarr=varorigem.split(",");
        
        var olt=varorigemarr[0];
        
        var oln=varorigemarr[1];
        
        origem = new google.maps.LatLng(olt, oln);
        
        // Prepara o destino        
        var vardestino = document.getElementById("destinoir").value;
        
        var vardestinoarr=vardestino.split(",");
        
        var dlt=vardestinoarr[0];
        
        var dln=vardestinoarr[1];
        
        destino = new google.maps.LatLng(dlt, dln);
        
        mapa();
    }
}

function mapa(){
    var directionDisplay;
    var directionsService = new google.maps.DirectionsService();
    var route = false;
    var map;
    var marker;
    var geocoder;
    
    directionsDisplay = new google.maps.DirectionsRenderer();
    geocoder = new google.maps.Geocoder();
    
    var opcoes = {
        zoom: 17,
        center: destino,
        mapTypeControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    var map = new google.maps.Map(document.getElementById("mapa"), opcoes);
    
    directionsDisplay.setMap(map);
    
    directionsDisplay.setPanel(document.getElementById("route"));
    
    if (marker) marker.setMap(null);
    
    route = true;
    
    var request = {
        origin:origem,
        destination:destino,
        travelMode: google.maps.DirectionsTravelMode.DRIVING,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
    
    directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
        }
    });
}