﻿function localResultSideBar(globallist, i) {      
    var totalRecords = globallist.length;
    if ((totalRecords % 5) == 0) {
        numberOfPages = parseInt(totalRecords / 5);
    }
    else {
        numberOfPages = parseInt(totalRecords / 5) + 1;
    }

    var localResultDiv = new StringBuilder();
    localResultDiv.append('<table class="gsc-resultsHeader" cellpadding="0" cellspacing="0"><tr><td id="twidleLocal" class="gsc-twiddleRegionCell gsc-twiddle-opened" onclick="javascript:toggleLocal();">');
    localResultDiv.append('<div class="gsc-twiddle"><div class="gsc-title">Other Locations</div></div></td></tr></table>');
    localResultDiv.append('<div id="localData" style="display:block">');

    if (i != numberOfPages) {
        for (var j = (i - 1) * 5; j < (5 * i); j++) {
            localResultDiv.append(globallist[j]);
        }
    }
    else {
        for (var j = (i - 1) * 5; j < globallist.length; j++) {
            localResultDiv.append(globallist[j]);
        }
    }
    
    if (globallist.length > 5) {
        var pages = createLocalPageLinks(i, numberOfPages);
        localResultDiv.append(pages);
    }
    localResultDiv.append('</div>');
    var resultCanvas = document.getElementById(GoogleMapping._resultsDivName);
    resultCanvas.innerHTML = localResultDiv.toString();
}

function createLocalPageLinks(i, numberOfPages) {
    var numberOfPages;
    var pages = new StringBuilder();

    pages.append('<div>');
    for (var j = 0; j < numberOfPages; j++) {
        if ((j + 1) == i) {
            pages.append('<a style="color: #6b8b33; font-size: 11px;">' + (j + 1) + '</a>&nbsp;');
            if ((j + 1) % 9 == 0) {
                pages.append('<br/>');
            }
        }
        else {
            pages.append('<a style="color: #6b8b33; font-size: 11px;" href="javascript:localResultSideBar(globallist,' + (j + 1) + ');">' + (j + 1) + '</a>&nbsp;');
            if ((j + 1)% 9 == 0) {
                pages.append('<br/>');
            }
        }
    }
    pages.append('</div>');
    return pages.toString();
}

function toggleLocal() {
    var twiddle = document.getElementById('localData');
    if (twiddle.style.display == 'block') {
        twiddle.style.display = 'none';
        document.getElementById('twidleLocal').setAttribute('class', 'gsc-twiddleRegionCell gsc-twiddle-closed');
    }
    else {
        twiddle.style.display = 'block';
        document.getElementById('twidleLocal').setAttribute('class', 'gsc-twiddleRegionCell gsc-twiddle-opened');
    }
}
