testlayer = false;
VMAPI.registerKey("JSBS20090309150841520984179259");
VMAPI.setLanguage("nld");
var dealerType;
var topdealerAmount;
var selectedCriteria;
var searchesNeeded;
var searchesCount;
var recentPoiDetailIndex;
var driveFrom = false;
var dealerLogos = new Array('', 'images/logo_experience_store.gif', 'images/logo_shop-in-shop.gif', '', '', 'images/logo_bezoek-onze-showroom.gif', '', '', 'images/logo_golddealer.gif');
var dealerLinks = new Array('', 'http://www.panasonic.nl/html/nl_NL/Dealers/Panasonic+Experience+Stores/130176/index.html#anker_130176', '', '', '', '', '', '', '');
var dealerLinkToolTip = new Array('', 'Meer weten over Experience Stores?<br/>Klik dan op dit logo!', '', '', '', '', '', '', '');

/* From address to geographical point */

function fadeErrors() {
    Effect.Fade('errorAddress');
    Effect.Fade('errorNothingFound');
}

function fadeCriteriaError() {
    Effect.Fade('errorCriteria');
}

function geocoder_search() {
    clearTestlayer();
    var formElem = document.forms['geocoder_form'].elements;
    //checking for values in the address fields
    if (formElem['form_address'].value.length < 2 && formElem['form_CP'].value.length < 2 && formElem['form_city'].value.length < 2) {
        new Effect.Highlight('address', {startcolor: '#ff0000',endcolor: '#ffffff' });
        Effect.Appear('errorAddress', { duration: 3.0 });
        return;
    }

    selectedCriteria = -1; // contains the index of selected Radiobutton
    //check criteria
    for (var i = 0; i < document.geocoder_form.rb.length; i++) {
        if (document.geocoder_form.rb[i].checked) {
            selectedCriteria = parseInt(document.geocoder_form.rb[i].value);
            break;
        }
    }

    dealerType = 0;
    topdealerAmount = 0;
    //If there is criteria then check search for topdealers are required

    if (selectedCriteria == -1) {
        new Effect.Highlight('searchLimits', {startcolor: '#ff0000',endcolor: '#ffffff' });
        Effect.Appear('errorCriteria', { duration: 3.0 });
        return;
    } else {
        dealerType = getArrayElementValue(searchLimitsArr, selectedCriteria, 1);//get type-number  of topdealers to show
        topdealerAmount = getArrayElementValue(searchLimitsArr, selectedCriteria, 2);//get amount  of topdealers to show
    }
    //set Text for the headline
    document.getElementById('headlineResult').innerHTML = 'Een ' + getArrayElementValue(searchLimitsArr, selectedCriteria, 0) + ' verkoopunt bij u in de buurt:';
    
    clearHtml('yourhtmldiv');
    clearHtml('detailMapDiv');
    clearHtml('yourmapdiv');
    clearHtml('yourmapdiv');
    clearHtml('yourhtmldivTopDealer');
    clearHtml('youritidiv');
    clearHtml('routeMapDiv');

    addToTestlayer('clear yourhtmldivTopDealer');
    displayNot('detailDiv');
    displayNot('detailMapDiv');
    displayNot('backToList');
    displayNot('youritidiv');
    displayNot('routeMapDiv');
    displayNot('div_reco');
    displayNot('printPage');
    displayObj('yourhtmldiv');
    displayObj('yourmapdiv');

    document.getElementById("div_reco").style.display = "none";
    geosearch = new VMGeoSearch();
    myaddress = new VMAddress();
    myaddress.address = formElem['form_address'].value;
    myaddress.zipCode = formElem['form_CP'].value;
    myaddress.city = formElem['form_city'].value;
    myaddress.countryVMCode = '285';
    //myaddress.countryVMCode = elements_formulaire['country'].value;

    geosearch.addEventHandler("onCallBack", display_ambiguity);
    searchesCount = 0;
    geosearch.search(myaddress);
}

/* Manage ambiguity */
function display_ambiguity() {
    if (geosearch.results.length > 1) {
        for (var i = document.forms['geocoder_form'].elements['result_reco'].options.length; i >= 0; i--) {
            document.forms['geocoder_form'].elements['result_reco'].options[i]
                    = null;
        }
        for (var j = 0; j < geosearch.results.length; j++) {
            document.forms['geocoder_form'].elements['result_reco'].options[j]
                    = new Option(geosearch.results[j].VMAmbiguityLine, j);
        }

        document.getElementById("div_reco").style.display = "";
    } else {
        document.getElementById("div_reco").style.display = "none";
        if (geosearch.results.length == 0) {
            new Effect.Highlight('address', {startcolor: '#ff0000',endcolor: '#ffffff' });
            Effect.Appear('errorNothingFound', { duration: 3.0 });
            return;
        }
        poi_definition(0);
    }
}

/* Point Of Interest definition */
function poi_definition(idx) {
    searchesNeeded = 1;
    displayNot('searchInput');
    displayNot('yourhtmldivTopDealer');
    displayObj('searchresult');
    index = idx;
    addToTestlayer('poidef productgroup ' + getArrayElementValue(searchLimitsArr, selectedCriteria, 4) + ' is selected');
    addToTestlayer('poiDefinitionNormal');
    // NORMAL EALER
    poiDefinition = new VMPOIDefinition();
    poiDefinition.addEventHandler("onCallBack", poi_search);
    poiDefinition.getDefiniton("152293");
    // TOPDEALER
    if (topdealerAmount > 0) {
        searchesNeeded = 2;
        displayObj('yourhtmldivTopDealer');
        addToTestlayer('poiDefinitionTop');
        poiDefinitionTop = new VMPOIDefinition();
        poiDefinitionTop.addEventHandler("onCallBack", poi_searchTop);
        poiDefinitionTop.getDefiniton("152293");
    }
}

function poi_search() {
    //search  - 1 - // normal dealers
    displayNot('div_reco');
    addToTestlayer("poi_search (Normal)");
    myPOIsearch = new VMPOISearch(poiDefinition);
    poiDefinition.setCriteria(getArrayElementValue(searchLimitsArr, selectedCriteria, 4), 1, true);
    myPOIsearch.addEventHandler("onCallBack", poi_result);
    myPOIsearch.search(geosearch.results[index].coords);
}

function poi_searchTop() {
    //search  - 2 - topdealers
    addToTestlayer('poi_searchTop()');
    addToTestlayer('poisearch ' + getArrayElementValue(searchLimitsArr, selectedCriteria, 4) + ' is selected');
    myPOIsearchTopdealer = new VMPOISearch(poiDefinitionTop);
    addToTestlayer('perfom topdealer search:');
    addToTestlayer("product:" + getArrayElementValue(searchLimitsArr, selectedCriteria, 4) + " dealertype:" + dealerType + " - topdealer needed amount:  " + topdealerAmount);
    poiDefinitionTop.setCriteria(getArrayElementValue(searchLimitsArr, selectedCriteria, 4), dealerType, true);
    myPOIsearchTopdealer.addEventHandler("onCallBack", poi_resultTop);
    myPOIsearchTopdealer.search(geosearch.results[index].coords);
}

/* SEARCH RESULT NORMAL DEALERS*/
function poi_result() {
    addToTestlayer('count normal dealer: ' + myPOIsearch.result.VMPOIs.length);
    if (myPOIsearch.result.VMPOIs.length > 0) {
        //myPOIlist = myPOIsearch.result;
        //RESULT IN THE RESULT LIST
        tmpHTML = "";
        for (i = 0; i < myPOIsearch.result.VMPOIs.length; i++) {
            document.getElementById("yourhtmldiv").innerHTML += getDealerDetails(myPOIsearch, i, true, false, false, false, false, false, false, false, false);
        }
        displayObj('searchAgain');
        displayObj('searchresult');
    } else {
        document.getElementById("yourhtmldiv").innerHTML = 'No Dealer was found';
    }
    searchesCount++;
    drawMyMap();
}

function poi_resultTop() {
    //TOPDEALER
    addToTestlayer('topdealer amount: ' + myPOIsearchTopdealer.result.VMPOIs.length);
    //show only 2 Topdealer
    for (i = 0; i < myPOIsearchTopdealer.result.VMPOIs.length && i < topdealerAmount; i++) {
        var showlogo = i == 0;
        document.getElementById("yourhtmldivTopDealer").innerHTML += getDealerDetails(myPOIsearchTopdealer, i, true, false, false, false, false, false, showlogo, false, false);
    }
    searchesCount++;
    drawMyMap();
}

function drawMyMap() {
    addToTestlayer('searchesNeeded: ' + searchesNeeded);
    addToTestlayer('searchesCount: ' + searchesCount);
    if (searchesCount < searchesNeeded) {

        addToTestlayer('only one of the two searches is finished - wait for the other one');
        return; //only one of the two searches is finished - wait for the other one
    } else {
        addToTestlayer('creating map');
        map = new VMMap(document.getElementById("yourmapdiv"));
        for (i = 0; i < myPOIsearch.result.VMPOIs.length; i++) {
            var myPOIlayer;
            myPOIlayer = myPOIsearch.result.VMPOIs[i].getLayer();
            myPOIlayer.setExpandLayer('<div class="poiDiv">' + getDealerDetails(myPOIsearch, i, false, false, false, false, false, false, false, false, false) + '</div>');
            map.addLayer(myPOIlayer);
        }
        if (searchesCount == 2) {
            for (i = 0; i < myPOIsearchTopdealer.result.VMPOIs.length && i < topdealerAmount; i++) {
                myPOIlayer = myPOIsearchTopdealer.result.VMPOIs[i].getLayer();
                myPOIlayer.setExpandLayer('<div class="poiDiv">' + getDealerDetails(myPOIsearchTopdealer, i, false, false, false, false, false, false, false, false, false) + '</div>');
                map.addLayer(myPOIlayer);
            }
        }
        map.drawMapFromLayers();
        map.showMapTools();
    }

}

function getArrayElementValue(arrayName, index, partNum) {
    var tempArrayElement = arrayName[index];
    var tempArrayElementParts = new Array();
    tempArrayElementParts = tempArrayElement.split("|");
    return tempArrayElementParts[partNum];
}

var searchLimitsArr = new Array();
function writeSearchLimits() {
    //searchLimits = Categorie displayed name | PriorityDealerNumber | Amount of visible PriorityDealers | visible on page | ID in the DB
    // if no PriorityDealer wanted the value of 'visible on page' is set to 0
    // order can be changed to change the diplay-order
    searchLimitsArr.push("Plasma TV|2|2|1|1");
    searchLimitsArr.push("LCD TV|2|2|1|2");
    searchLimitsArr.push("DVD/HDD Recorders|2|2|1|3");
    searchLimitsArr.push("Blu-Ray|2|2|1|4");
    searchLimitsArr.push("DVD Spelers|2|2|1|5");
    searchLimitsArr.push("Portable DVD Spelers|0|0|1|6");
    searchLimitsArr.push("Home Cinema Systemen|2|2|1|7");
    searchLimitsArr.push("Audio / HiFi|2|2|1|8");
    searchLimitsArr.push("Fotocamera's|0|0|1|9");
    searchLimitsArr.push("Fotocamera's met verwisselbaar objectief|0|0|1|10");
    searchLimitsArr.push("Videocamera's|0|0|1|11");
    searchLimitsArr.push("Draadloze (DECT) Telefoons|0|0|1|12");
    searchLimitsArr.push("Professionele Magnetronovens|6|2|1|13");
    searchLimitsArr.push("Projectoren|8|2|1|14");

    searchLimitsArr.push("Business Display|8|2|1|26");
    searchLimitsArr.push("Home Cinema Projectoren|8|2|1|27");
    searchLimitsArr.push("Home Cinema Display|8|2|1|28");
    searchLimitsArr.push("Electronische Whiteboards|8|2|1|29");    

    searchLimitsArr.push("Bedrijfscommunicatie|9|2|1|15");
    searchLimitsArr.push("Powertools|3|2|1|16");
    searchLimitsArr.push("Beauty Care|0|0|1|17");
    searchLimitsArr.push("Men shavers|0|0|1|18");
    searchLimitsArr.push("Broodbakkers|0|0|1|19");
    searchLimitsArr.push("Consumenten Batterijen|0|0|1|20");
    searchLimitsArr.push("Hoofdtelefoons|0|0|1|21");
    searchLimitsArr.push("Witgoed|0|0|1|22");
    searchLimitsArr.push("Airconditioning Particulier|0|0|0|23");
    searchLimitsArr.push("Airconditioning Zakelijk|0|0|0|24");
    searchLimitsArr.push("Kantooroplossingen|0|0|1|25");

    //searchLimitsArr.push("Testcategory|8|2|1|30");    

    document.writeln('<table cellspacing="0" cellpadding="0" class="searchLimits">');
    var visibleCounter = 0;
    for (i = 0; i < searchLimitsArr.length; i++) {
        if (getArrayElementValue(searchLimitsArr, i, 3) == 1) {
            //visible
            if (visibleCounter % 2 == 0) {
                document.writeln('<tr>');
            }
            document.writeln('<td><input type="radio" name="rb" value="' + i + '" onclick="fadeCriteriaError();" /></td>');
            document.writeln('<td><label>' + getArrayElementValue(searchLimitsArr, i, 0) + '</label></td>');
            if (visibleCounter % 2 != 0) {
                document.writeln('</tr>');
            }
        }
        visibleCounter++;
    }
    document.write('</table>');
}

function searchAgain() {
    displayNot('searchresult');
    displayObj('searchInput');
}

function displayObj(id) {
    document.getElementById(id).style.display = 'block';
}
function displayNot(id) {
    document.getElementById(id).style.display = 'none';
}
function clearHtml(id) {
    document.getElementById(id).innerHTML = '';
}

function formatDistance(distance) {
    var distanceOutput = '';

    if (distance > 1000) {
        distanceOutput = Math.round(distance / 100) / 10;
        distanceOutput = distanceOutput.toString().replace(".", ",");
        distanceOutput += "&nbsp;km";
    } else {
        distanceOutput = distance + '&nbsp;m';
    }
    return distanceOutput;
}
var myPanEvent;

function detailView(type, i) {
    displayNot('yourhtmldiv');
    displayNot('yourmapdiv');
    displayNot('yourhtmldivTopDealer');
    displayNot('printPage');
    clearHtml('detailMapDiv');
    displayObj('detailMapDiv');
    switch (type) {
        case "normal":
            addToTestlayer('Detail normal Dealer');
            detailPOIsearch = myPOIsearch;
            showlogo = false;
            break;
        case "top":
            addToTestlayer('Detail top Dealer');
            detailPOIsearch = myPOIsearchTopdealer;
            showlogo = true;
            break;
    }
    recentPoiDetailIndex = i;

    //CREATE MAP FOR DETAIL VIEW
    var mapDetails = new VMMap(document.getElementById("detailMapDiv"));
   // mapDetails.drawMap(detailPOIsearch.result,16);
    var layerDetailHtml = '<div class="poiDiv">' + getDealerDetails(detailPOIsearch, i, false, false, false, false, false, false, false, false, false) + '</div>';
    var layerDetailIcon = new VMIcon("http://www3.viamichelin.com/apijsbs/res/nld/img/map/poiEXCEP.gif",-15,-20);
    var LayerDetail = new VMIconLayer(detailPOIsearch.result.VMPOIs[i].coords,layerDetailIcon,layerDetailHtml);

          addToTestlayer('<div class="poiDiv">' + getDealerDetails(detailPOIsearch, i, false, false, false, false, false, false, false, false, false) + '</div>');

    mapDetails.addLayer(LayerDetail);
    mapDetails.drawMapFromLayers();
    addToTestlayer('detailMap ready');
    mapDetails.showMapTools();
    document.getElementById('detailDiv').innerHTML = getDealerDetails(detailPOIsearch, i, false, false, true, true, true, true, showlogo, true, true);
    displayObj('detailDiv');
    displayObj('backToList');
    displayObj('searchAgain');
} 

function backToResultList() {
    displayNot('youritidiv');
    displayNot('routeMapDiv');
    displayNot('detailDiv');
    displayNot('detailMapDiv');
    displayObj('yourhtmldiv');
    displayObj('yourmapdiv');
    displayObj('searchAgain');
    displayNot('backToList');
    displayNot('printPage');
    if (searchesNeeded == 2) {
        displayObj('yourhtmldivTopDealer');
    }
}

function getDealerDetails(poiSearchArray, i, detailLinkVisible, showIndex, showEmail, showUrl, showFax, showTel, showLogo, showDriveTo, showDriveFrom) {
    // i = index, detailLinkVisible = display DetailLink, showIndex= show indexnumer in the Result
    resultItem = poiSearchArray.result.VMPOIs[i];
    var tmpHTML = "";
    if (showLogo && dealerLogos[dealerType - 1] != '') {
        if(dealerLinks[dealerType-1]!=''){
            //show tooltip and image has a link
            tmpHTML += '<a href="'+ dealerLinks[dealerType-1]+'" target="_blank" onmouseover="Tip(dealerLinkToolTip[dealerType - 1])" onmouseout="UnTip()" ><img class="dealerLogo" src="' + dealerLogos[dealerType - 1] + '" border="0" /></a><br/>';
        }else{
            // no tooltop and image hasn't a link
            tmpHTML += '<img class="dealerLogo" src="' + dealerLogos[dealerType - 1] + '" /><br/>';
        }
    }
    tmpHTML += '<div class="oneDealer"><h2>';
    tmpHTML += '';
    if (showIndex) {
        tmpHTML += (i + 1) + '. ';
    }
    tmpHTML += resultItem.name + '</h2><div class="basicInfo">' +
               resultItem.address + '<br/>' +
               resultItem.zipCode + ' ' +
               resultItem.city + '<br/>';
    if (showEmail && resultItem.mail != '') {
        tmpHTML += '<a href="mailto:' + resultItem.mail + '" target="_blank">' + resultItem.mail + '</a><br/>';
    }
    if (showUrl && resultItem.URL != '') {
        tmpHTML += '<a href="' + resultItem.URL + '" target="_blank">' + resultItem.URL.replace('http://', '') + '</a><br/>';
    }
    if (showTel && resultItem.telNumber != '') {
        tmpHTML += 'Tel: ' + resultItem.telNumber + '<br/>';
    }
    if (showFax && resultItem.faxNumber != '') {
        tmpHTML += 'Fax: ' + resultItem.faxNumber + '<br/>';
    }

    tmpHTML += '</div><div class="moreInfo">';
    tmpHTML += 'Afstand: ' + formatDistance(resultItem.distance) + '<br/>';
    if (detailLinkVisible) {
        if (poiSearchArray == myPOIsearch) {
            //Topdealer
            tmpHTML += '<a href="javascript:detailView(\'normal\',' + i + ')">Detail Info</a><br/>';
        } else {
            tmpHTML += '<a href="javascript:detailView(\'top\',' + i + ')">Detail Info</a><br/>';
        }
    }
    if (showDriveTo) {
        tmpHTML += '<a href="javascript:startDriveTo(' + i + ');">Routebeschrijving</a>';
    }
    if (showDriveFrom) {
        tmpHTML += '<a href="javascript:startDriveFrom(' + i + ');">Route terug</a>';
    }
    tmpHTML += '</div>';//end moreInfo

    tmpHTML += '</div>'; //end oneDealer
    return tmpHTML;
}

//DRIVING
function startDriveTo() {
    driveFrom = false;
    search_start_location();
}

function startDriveFrom() {
    driveFrom = true;
    search_start_location();
}

/* Transform user start address into a geographical point */
function search_start_location() {
    displayNot('detailMapDiv');
    displayNot('youritidiv');
    document.getElementById('routeMapDiv').innerHTML = '<div class="loadingInfo">Ogenblik a.u.b. – de routebeschrijving wordt opgesteld.</div>';
    displayObj('routeMapDiv');    
    Start_geocoder = new VMGeocoder();
    Start_myaddress = new VMAddress();
    var formElem = document.forms['geocoder_form'].elements;

    //    Start_myaddress.address = formElem['form_adressStart'].value;
    //    Start_myaddress.zipCode = formElem['form_CPStart'].value;
    //    Start_myaddress.city = formElem['form_cityStart'].value;
    Start_myaddress.address = formElem['form_adress'].value;
    Start_myaddress.zipCode = formElem['form_CP'].value;
    Start_myaddress.city = formElem['form_city'].value;

    Start_myaddress.countryVMCode = '285';
    Start_geocoder.addEventHandler("onCallBack", search_stop_location);
    Start_geocoder.search(Start_myaddress);
}

/* Transform user stop address into a geographical point */
function search_stop_location() {
    arrIndex = recentPoiDetailIndex;
    addToTestlayer('search_stop_location()');
    Stop_geocoder = new VMGeocoder();
    Stop_myaddress = new VMAddress();

    var formElem = document.forms['geocoder_form'].elements;
    addToTestlayer('stop address: ' + detailPOIsearch.result.VMPOIs[arrIndex].address);
    //    Stop_myaddress.address = formElem['form_adressStop'].value;
    //    Stop_myaddress.zipCode = formElem['form_CPStop'].value;
    //    Stop_myaddress.city = formElem['form_cityStop'].value;
    Stop_myaddress.address = detailPOIsearch.result.VMPOIs[arrIndex].address;
    Stop_myaddress.zipCode = detailPOIsearch.result.VMPOIs[arrIndex].zipCode;
    Stop_myaddress.city = detailPOIsearch.result.VMPOIs[arrIndex].city;
    Stop_myaddress.countryVMCode = '285';
    Stop_geocoder.addEventHandler("onCallBack", search_step_location);
    Stop_geocoder.search(Stop_myaddress);
}

/* Transform user step address into a geographical point */
function search_step_location() {
    //   if (document.forms['itisearch_form'].elements['form_Step_address'].value != "" || document.forms['itisearch_form'].elements['form_Step_CP'].value != "" || document.forms['itisearch_form'].elements['form_Step_city'].value != ""){
    //      Step_geocoder = new VMGeocoder();
    //      Step_myaddress = new VMAddress();
    //
    //      var elements_formulaire =
    //         document.forms['itisearch_form'].elements;
    //
    //      Step_myaddress.address = elements_formulaire['form_Step_address'].value;
    //      Step_myaddress.zipCode = elements_formulaire['form_Step_CP'].value;
    //      Step_myaddress.city = elements_formulaire['form_Step_city'].value;
    //      Step_myaddress.countryVMCode = elements_formulaire['form_Step_country'].value;
    //
    //      Step_geocoder.addEventHandler("onCallBack",search_iti);
    //      Step_geocoder.search(Step_myaddress);
    //   } else {
    //      search_iti();
    //   }
    search_iti();
}

/* Itinary search configuration */
function search_iti() {
    addToTestlayer('search_iti()');
    myiti = new VMItinerary();
    if (driveFrom) {
        myiti.addStopOver(Stop_geocoder.result);
        myiti.addStopOver(Start_geocoder.result);
    } else {
        myiti.addStopOver(Start_geocoder.result);
        myiti.addStopOver(Stop_geocoder.result);
    }
    //var elements_formulaire =
    //      document.forms['itisearch_form'].elements;
    //
    //   if (elements_formulaire['form_Step_address'].value != ""
    //      || elements_formulaire['form_Step_CP'].value != ""
    //      || elements_formulaire['form_Step_city'].value != ""){
    //      myiti.addStopOver(Step_geocoder.result);
    //   }
    addToTestlayer('addStopOver Stop_geocoder');
    // myiti.addStopOver(Stop_geocoder.result);
    //myiti.addStopOver(Stop_geocoder.result);
    //
    //     myiti.setItineraryType(0);
    //    myiti.setItineraryVehicleType(0);
    //    myiti.setDistanceUnit("km");
    //
    //    myiti.setCarType(3);
    //    myiti.setFuelType(0);
    //    myiti.setFuelCost(1);
    myiti.addEventHandler("onCallBack", iti_found);
    myiti.search();
}

function iti_found() {
    displayNot('detailMapDiv');
    display_roadsheet();
    display_onmap();
}

/* Display itinary as a text */
function display_roadsheet() {
    if (typeof(myiti) != "undefined") {
    document.getElementById('youritidiv').innerHTML = myiti.roadSheet.getHTML();
        displayObj('youritidiv');
        roadSheet_HTML_elements = document.getElementById('youritidiv').innerHTML;
        end_table_position_ie = roadSheet_HTML_elements.indexOf("</TABLE>",0);
        end_table_position_ff = roadSheet_HTML_elements.indexOf("</table>",0);
        div_position = (Math.max(end_table_position_ie, end_table_position_ff) + 8);
        replace_text = "<div class=\"VMRoadSheet\" style=\"border: 0px none ; margin-top: 5px;\">";
        replace_text += "De aangegeven richtingen moet u uitsluitend als indicatie beschouwen. ";
        replace_text += "De aangeduide tijden houden geen rekening met pauzes, stops of vertragingen wegens slechte verkeersomstandigheden (files, slecht weer). ";
        replace_text += "Voor uw veiligheid raden we u aan om snelheidsbeperkingen te respecteren en elke twee uur reistijd een pauze te nemen.";
        replace_text += "</div>";
        roadSheet_HTML_table_elements = roadSheet_HTML_elements.substring(0,(div_position));
        new_roadSheet_HTML_elements = roadSheet_HTML_table_elements + replace_text;
        document.getElementById('youritidiv').innerHTML = new_roadSheet_HTML_elements;
//        document.getElementById('youritidiv').innerHTML = myiti.roadSheet.getHTML();
    } else {
        alert('No Itinerary loaded');
        //display_onmap();
    }
}

/* Display itinary on the map */
function display_onmap() {
    addToTestlayer('display_onmap()');
    displayObj('routeMapDiv');
    displayObj('printPage');

    if (typeof(myiti) != "undefined") {
        document.getElementById('routeMapDiv').innerHTML = "";
        mymap = new VMMap(document.getElementById('routeMapDiv'));
        //mymap.drawMap(Stop_geocoder.result,4);
        itiOnMap = myiti.getItiAsVMComplexLayer("#FF0000",7,0.5); 
        itiOnMap.setZindex(0);
        mymap.addLayer(itiOnMap);
        mymap.addEventHandler("onCallBack",function (){mymap.showMapTools();});
        mymap.drawMapFromLayers();
    } else {
        alert('No Itinerary loaded');
    }
}

/* Display some itinary informations */
function display_informations() {
    strHTML =
    "Total distance in meters:"
            + myiti.getTotalDistance() + "m<br>"
            + "Distance covered on motorway: "
            + myiti.getDistanceOnMotorway() + "m<br>"
            + "Total time in seconds: "
            + myiti.getTotalTime() + "s<br>"
            + "Time on motorway:"
            + myiti.getTimeOnMotorway() + "s<br>";
    //            + "Fuel cost:"
    //            + myiti.getTotalGasConsumption() + "€<br>"
    //            + " Motorway toll cost:"
    //            + myiti.getTollCost() + "€<br>"
    //            + "Label cost:"
    //            + myiti.getRoadTaxCost() + "€<br>";

    document.getElementById('youritiresumediv').style.display = '';
    document.getElementById('youritiresumediv').innerHTML = strHTML;
}