function expandDirectionsFrom() {
    var div = document.getElementById("divGetDirections");
    var results = document.getElementById("results-layout");
    var hiddenAddress = document.getElementById("hiddenAddress");
    var directionFrom = document.getElementById("txtDirectionsA")

    div.style.display = "block";
    results.style.height = "279px";

    directionFrom.value = hiddenAddress.value;
}

function expandDirectionsTo() {
    var div = document.getElementById("divGetDirections");
    var results = document.getElementById("results-layout");
    var hiddenAddress = document.getElementById("hiddenAddress");
    var directionTo = document.getElementById("txtDirectionsB")

    div.style.display = "block";
    results.style.height = "279px";

    directionTo.value = hiddenAddress.value;
    
}

function collapseDirections() {
    var div = document.getElementById("divGetDirections");
    var results = document.getElementById("results-layout");

    div.style.display = "none";
    results.style.height = "502px";
}

//function postbackDivDirections() {
//    var divGetDirections = document.getElementById("divGetDirections");
//    divGetDirections.style.display = "block";
//}

function createPopUp(popUpCode) {
    var div = document.createElement('div');
    div.innerHTML = popUpCode;
    document.body.appendChild(div.firstChild);
}

function onClickPopUp() {
    var div = document.getElementById('popUpCode');
    div.style.display = "block";
}

function closePopUp() {
    var div = document.getElementById('popUpCode');
    div.style.display = "none";
}

function popUpStyle() {
    var div = document.getElementById('popUpCode');
    div.className = "popUp";
}

function popUpStyle2() {
    var div = document.getElementById('popUpCode');
    div.className = "popUp2";
}

function toggleDivContainer(value) {
    var div = document.getElementById("divProvider_container");
    //var divPaging = document.getElementById("divPaging");

    if (value == "True") {
        div.style.display = "block";
        //divPaging.style.display = "block";
    }
    else {
        div.style.display = "none";
        //divPaging.style.display = "none";
    }
}

function hidePagingDiv() {
   // var divPaging = document.getElementById("divPaging");
    var divResults = document.getElementById("results-layout");
    var divResultsNames = document.getElementById("results-locationNames");

   // divPaging.style.display = "none";
    if (divResults != undefined || divResults != null) {
        divResults.style.height = "543px";
        divResultsNames.style.height = "543px";
    }
}

function showPagingDiv() {
    var divPaging = document.getElementById("divPaging");
    var divResults = document.getElementById("results-layout");

    divPaging.style.display = "block";
    divResults.style.height = "502px";
}

function toggleWelcomeDivs() {
    var divMapTable = document.getElementById("divTableBorders");
    var divWelcomeTable = document.getElementById("divWelcomeTableBorders");
    var divDummyDiv = document.getElementById("dummyDiv");
    var divMap = document.getElementById("myMap");
    var divLoadingPanel = document.getElementById("divLoadingAnimationPanel");

//    if (divMap.style.width > "650px") {
//        divMapTable.style.display = "block";
//        divWelcomeTable.style.display = "none";
//    }
//    else {
//        divMapTable.style.display = "block";
//        divMap.style.display = "block";
//        divLoadingPanel.style.display = "none";
    //    }
    divMapTable.style.display = "block";
    divWelcomeTable.style.display = "none";
    divDummyDiv.style.display = "none";
    
}

function showPleaseWait(tbClientId) {
    var divMapTable = document.getElementById("divTableBorders");
    var divResultsPanel = document.getElementById("divResultsLoadingPanel");
    var divLoadingPanel = document.getElementById("divLoadingAnimationPanel");
    var divDummyDiv = document.getElementById("dummyDiv");
    var divMap = document.getElementById("myMap");
   // var divPaging = document.getElementById("divPaging");
    var divResults = document.getElementById("divProvider_container");
    var tbAddress = document.getElementById(tbClientId);
    
    if (tbAddress.value != "Enter City and State/Province - or - Postal Code") {
        divLoadingPanel.style.display = "block";
        divResultsPanel.style.display = "block";
        divMap.style.display = "none";
        //divPaging.style.display = "none";
    }
    
    if (tbAddress.value == "") {
        divLoadingPanel.style.display = "none";
        divResultsPanel.style.display = "none";
        divMap.style.display = "block";
    }
    
    divResults.style.display = "none";
    divDummyDiv.style.display = "none";
}

function hidePleaseWait() {
    var divMapTable = document.getElementById("divTableBorders");
    var divResultsPanel = document.getElementById("divResultsLoadingPanel");
    var divWelcomeTable = document.getElementById("divWelcomeTableBorders");
    var divLoadingPanel = document.getElementById("divLoadingAnimationPanel");
    var divDummyDiv = document.getElementById("dummyDiv");
    var divMap = document.getElementById("myMap");
    //var divPaging = document.getElementById("divPaging");
    var divResults = document.getElementById("divProvider_container");

    //if (divMap.style.width > "650px") {
    //divWelcomeTable.style.display = "block";
    //divMapTable.style.display = "none";
    //}
    //else {
    divLoadingPanel.style.display = "none";
    divResultsPanel.style.display = "none";
    divMap.style.display = "block";
    //divPaging.style.display = "block";
    divResults.style.display = "block";
    //}

    divDummyDiv.style.display = "none";
}

function checkMapWidth(width) {
    var divMap = document.getElementById("myMap");
    alert(divMap.style.width);
    if (divMap.style.width < "650px")
        divMap.style.width = "650px";
}

function showPopUpCityPleaseWait(value) {
    var divPopUp = document.getElementById("popUpCode");
    var divPopUpPleaseWait = document.getElementById("divPopUpPleaseWaitPanel");

    if (value == 'True') {
        divPopUp.style.display = "none";
        divPopUpPleaseWait.style.display = "block";
    }
    else {
        divPopUp.style.display = "block";
        divPopUpPleaseWait.style.display = "none";
    }

}

function NoResults() {
    toggleDivContainer('True');
    //var divPaging = document.getElementById("divPaging");
    var divMap = document.getElementById("myMap");

    //ClearRoute();
   //divPaging.style.display = "none";
    divMap.style.display = "block";
    ClearMap();

}

function toggleListDiv(value) {
    var divResultProviders = document.getElementById("results-layout");
    var divResultLocations = document.getElementById("results-locationNames");

    if (value == 'Providers') {
        divResultProviders.style.display = "block";
        divResultLocations.style.display = "none";
    }
    else {
        divResultLocations.style.display = "block";
        divResultProviders.style.display = "none";
    }
}

/**
* This function passed directions parameters and opens MapDirections
*/
function PassDirections(locationName, locationPhone, endAddress, startAddress, time, distance) {
    var URL = "MapDirections.aspx?Location=" + locationName + "&Phone=" + locationPhone + "&EndAddress=" + endAddress + "&StartAddress=" + startAddress + "&Brand=" + brand + "&Language=" + language + "&Time=" + time + "&Distance=" + distance;

    var sFeatures = "resizable=0,scrollbars=1,status=0,toolbar=0,titlebar=0,left=0,top=0,width=700px,height=800px";

    window.open(URL, "Directions", sFeatures);
}

/**
* Changes tables rows
*/
function changeRow(tableRow, highLight, changeColor) {
    if (highLight)
        tableRow.bgColor = changeColor;
    else
        tableRow.bgColor = changeColor;
}