﻿var g_map = null; //declare a global map object
var cclat = -26.125031;
var cclong = 28.108207;
var streetname;
function initAGMap() {
    g_map = new AGMap(document.getElementById("MapPanel"));
    //pinPointCC();
    ChangeBranchJHB();
}

//function pinPointCC() {
    //g_map.AddPoint("Images/ccpin.png", "img1", cclat, cclong, -5, -32, "Compu-Clearing JNB Location",
    //    "<b>Compu-Clearing Johannesburg Branch</b><br>7 Drome Road, Formain (Lyndhurst), Gauteng");
    //g_map.CentreAndScale(cclat, cclong, 7);
    
//}

function ChangeBranchJHB() {
   
    cclat = -26.125031;
    cclong = 28.108207;
    g_map.AddPoint("Images/ccpin.png", "img1", cclat, cclong, -5, -32, "Compu-Clearing CPT Location",
        "<b>Compu-Clearing Johannesburg Branch</b><br>7 Drome Road, Formain (Lyndhurst), Gauteng");
    g_map.CentreAndScale(cclat, cclong, 7);
    document.getElementById("ctl00_CCBody_lblBranch").innerHTML = "Johannesburg";
    document.getElementById("ctl00_CCBody_lblAddress").innerHTML = "7 Drome Rd, Formain (Lyndhurst)";
    document.getElementById("ctl00_CCBody_lblTel").innerHTML = "+27 11 8827300";
    document.getElementById("ctl00_CCBody_lblpdf").innerHTML = "<a target = _blank href='images/JHBBranchLocation.pdf'>Download pdf</a>";
    document.getElementById("popupSearch").style.display = "none";
    document.getElementById("divDriving").style.display = "none";
}

function ChangeBranchCPT() {

    cclat = -33.968552;
    cclong = 18.582416;
    g_map.AddPoint("Images/ccpin.png", "img1", cclat, cclong, -5, -32, "Compu-Clearing CPT Location",
        "<b>Compu-Clearing Cape Town Branch</b><br>33 Mobile rd, Airport Industria, Cape Town");
    g_map.CentreAndScale(cclat, cclong, 7);
    document.getElementById("ctl00_CCBody_lblBranch").innerHTML = "Cape Town";
    document.getElementById("ctl00_CCBody_lblAddress").innerHTML = "33 Mobile Rd., Airport Industria (Cnr Mobile and Munich Rds)";
    document.getElementById("ctl00_CCBody_lblTel").innerHTML = "+27 21 386 3156 / 3152";
    document.getElementById("ctl00_CCBody_lblpdf").innerHTML = "<a target = _blank href='images/CPTBranchLocation.pdf'>Download pdf</a>";
    document.getElementById("popupSearch").style.display = "none";
    document.getElementById("divDriving").style.display = "none";
}

function ChangeBranchDBN() {
   
    cclat = -29.829935;
    cclong = 31.025397;
    g_map.AddPoint("Images/ccpin.png", "img1", cclat, cclong, -5, -32, "Compu-Clearing DBN Location",
        "<b>Compu-Clearing Durban Branch</b><br>7 Dumbarton Road, Durban, Kwazulu Natal");
    g_map.CentreAndScale(cclat, cclong, 7);
    document.getElementById("ctl00_CCBody_lblBranch").innerHTML = "Durban";
    document.getElementById("ctl00_CCBody_lblAddress").innerHTML = "7 Dumbarton Road, Durban";
    document.getElementById("ctl00_CCBody_lblTel").innerHTML = "";
    document.getElementById("ctl00_CCBody_lblpdf").innerHTML = "";
    document.getElementById("popupSearch").style.display = "none";
    document.getElementById("divDriving").style.display = "none";
}

function btnSearchClick() {
    document.getElementById("popupSearch").style.display = "inline";
    var searchString = document.getElementById("ctl00_CCBody_txtSearch").value;  //ctl00_ContentPlaceHolder1_
    var objSearcher = new AGSearch();
    objSearcher.SearchStreet(searchString, "CallBackFunction");
}

function FtxtSearch(obj) {
    if (document.getElementById("ctl00_CCBody_txtSearch").value.length > 3)
        btnSearchClick();
}

function CallBackFunction(objResult) {
    var objStreetResults = eval("(" + objResult + ")");
    var count = objStreetResults.AGStreetSearchResults.length;
    var parDisplayResults = document.createElement("p");
    var divStreetResults = document.getElementById("divStreetResults");
    var strDisplayResults = "";
    strDisplayResults += '<table width="460px">';
    for (i = 0; i < count; i++) {
        var strOnClick = "ShowRoute(" + objStreetResults.AGStreetSearchResults[i].AGStreetResultItem.Latitude + "," + objStreetResults.AGStreetSearchResults[i].AGStreetResultItem.Longitude + ",this);";
        //streetname = objStreetResults.AGStreetSearchResults[i].AGStreetResultItem.Street;
        
        strDisplayResults += '<tr class="ListItem" onclick="' + strOnClick + '"><td>';
        strDisplayResults += objStreetResults.AGStreetSearchResults[i].AGStreetResultItem.Street;
        strDisplayResults += "</td></tr>";
        //strDisplayResults += "<b>Latitude: </b>"
       // + objStreetResults.AGStreetSearchResults[i].AGStreetResultItem.Latitude + "<br />";
        //strDisplayResults += "<b>Longitude: </b>"
       // + objStreetResults.AGStreetSearchResults[i].AGStreetResultItem.Longitude + "<br />";

    }
    parDisplayResults.innerHTML +=  strDisplayResults + "</table>"
    divStreetResults.innerHTML = '';
    //parDisplayResults += 
    divStreetResults.appendChild(parDisplayResults);
}


function ShowRoute(dblLat,dblLong,obj) {
    g_map.DrivingDirections.SetOrigin(dblLat, dblLong);
    g_map.DrivingDirections.SetDestination(cclat,cclong);
    g_map.DrawRoute(true);
    document.getElementById("ctl00_CCBody_txtSearch").value = "";
    document.getElementById("popupSearch").style.display = "none";
    document.getElementById("divDriving").style.display = "inline";
    document.getElementById("divDriving").innerHTML = '<img src="Images/AjaxWaitBig.gif" />';
    streetname = obj.innerHTML;
    g_map.DrivingDirections.SetOrigin(dblLat, dblLong);
    g_map.DrivingDirections.SetDestination(cclat, cclong);
    g_map.DrivingDirections.GetDrivingDirectionsViaJSON("myJSONHandler");
    
    
}

function btnGetPointsClick() {
    var points, i;
    points = g_map.DrivingDirections.GetPoints();
    for (i = 0; i < points.length; i++) {
        alert(points[i].Latitude + ", " + points[i].Longitude)
    }
}

function btnResetClick() {
    g_map.DrivingDirections.Clear();
}

function myJSONHandler(objResult) //This function is automatically called
{                                 // after a call to GetDrivingDirectionsViaJSON
    var obj = eval("(" + objResult + ")");
    var count = obj.Directions.length;
    var myDiv = document.getElementById("divDriving");
    var myTable = document.createElement("table");
    var myTHead = document.createElement("thead");
    var myTBody = document.createElement("tbody");
    var myTRow = document.createElement("tr");
    var myTCell = document.createElement("td");
    myTable.appendChild(myTHead);
    myTHead.appendChild(myTRow);
    myTRow.appendChild(myTCell);
    myTCell.innerHTML = "<b>Here is the directions from </b>" + streetname + "<b> to Compu-Clearing:</b>";
    myTable.appendChild(myTBody);
    for (i = 0; i < count; i++) {
        myTRow = document.createElement("tr");
        myTCell = document.createElement("td");
        myTBody.appendChild(myTRow);
        myTRow.appendChild(myTCell);
        myTCell.innerHTML = obj.Directions[i].Instruction;
    }
    document.getElementById("divDriving").innerHTML = '';
    myDiv.appendChild(myTable);
   
}
