// JScript File
function GymTableCollection( pageSizeIn, collectionNameIn )
{
    this._gymCollection = new HashTable();
    this._pageSize = pageSizeIn;
    this._pageNo = 0;
    this._collectionName = collectionNameIn;    /* name of the variable that holds the collection */
    this._markBlue = '<div class="markblue"></div>';
    this._crossBlue = '<div class="crossblue"></div>';
    this._markWhite = '<div class="markwhite"></div>';
    this._crossWhite = '<div class="crosswhite"></div>';
}

GymTableCollection.prototype = {
    RenderTableToContainer: function (containerToRenderIn, containerToRenderPagesIn, pageNoToRenderIn) {
        this._pageNo = pageNoToRenderIn;
        //  render the items on _pageNo, items are from index _pageNo * _pageSize to ((_pageNo + 1) * _pageSize) - 1

        var startIndex = this._pageNo * this._pageSize;
        var lastPage = false;
        var endIndex =
            ((this._pageNo + 1) * this._pageSize) > this._gymCollection.length
                ? this._gymCollection.length : ((this._pageNo + 1) * this._pageSize);

        if (endIndex == this._gymCollection.length) {
            lastPage = true;
        }

        //  iterate from startIndex to endIndex and render the table into the container
        var containerToRenderJs = GetElement(containerToRenderIn);
        if (HasValue(containerToRenderJs)) {
            containerToRenderJs.innerHTML = '';
        }

        var ctIndex = startIndex;
        var rowString = '';
        for (; ctIndex < endIndex; ctIndex++) {
            //  render each Item
            rowString += this.RenderItem(ctIndex);

        }
        AssignTextToBlock(containerToRenderIn, rowString);

        var totalPages = Math.ceil(this._gymCollection.length / this._pageSize);
        if (totalPages > 1) {
            this.RenderPages(containerToRenderIn, containerToRenderPagesIn, pageNoToRenderIn, totalPages);
        }
        else {
            AssignTextToBlock(containerToRenderPagesIn, '');
        }

    },

    RenderPages: function (containerToRenderIn, containerToRenderPagesIn, userPageIn, totalPages) {
        //  iterate from startIndex to endIndex and render the table into the container
        var containerToRenderPagesJs = GetElement(containerToRenderPagesIn);
        if (!HasValue(containerToRenderPagesJs) || !HasValue(GetElement(containerToRenderIn))) {
            return;
        }

        AssignTextToBlock(containerToRenderPagesIn, '');
        var previousLink = '<div class="clsGymsFound_position"><< Previous</div>';
        var nextLink = '<div class="clsGymsFound_position"> Next>></div>';
        var middleLink = '';

        // at any time the page counts are from _pageNo - (_pageNo % 4) to (_pageNo - (_pageNo % 4) + 4) - 1
        var startPageNo = (this._pageNo - (this._pageNo % 4));

        if (startPageNo > 0) {
            //  render the previous link
            previousLink = this.WrapperDivLink(
'<a href="#" onclick="' + this._collectionName + '.RenderTableToContainer(\'' + containerToRenderIn + '\',\'' + containerToRenderPagesIn + '\',' + (startPageNo - 4)
                        + '); return false;"><< Previous</a>'
                                     );
        }


        var endPage = (startPageNo + 4) > totalPages ? totalPages : (startPageNo + 4);
        var ctPage = startPageNo;
        //alert( 'Total Pages=' + totalPages + 'pageNo=' + this._pageNo + 'endPage=' + endPage + 'ctPage=' + ctPage );

        for (ctPage; ctPage < endPage; ctPage++) {
            //  render each page link
            if (ctPage < totalPages) {
                middleLink += this.RenderThisPage(containerToRenderIn, containerToRenderPagesIn, ctPage, userPageIn);
            }
        }

        if (ctPage < totalPages) {
            nextLink = this.WrapperDivLink(
'<a href="#" onclick="' + this._collectionName + '.RenderTableToContainer(\'' + containerToRenderIn + '\',\'' + containerToRenderPagesIn + '\',' + endPage
                        + '); return false;">Next >></a>'
                                      );
        }


        //alert( middleLink );
        AssignTextToBlock(containerToRenderPagesIn, previousLink + middleLink + nextLink);
    },

    RenderThisPage: function (containerToRenderIn, containerToRenderPagesIn, ctPageIn, userPageIn) {
        var linkStr = '';
        if (ctPageIn != userPageIn) {
            linkStr = this.WrapperDivLink('<a href="#" onclick="' + this._collectionName + '.RenderTableToContainer(\'' + containerToRenderIn + '\', \'' + containerToRenderPagesIn + '\',' + ctPageIn + '); return false;">' + (ctPageIn + 1) + '</a>');
        }
        else {
            linkStr = '<div class="clsGymsFound_position">' + (ctPageIn + 1) + '</div>';
        }

        return linkStr;
    },

    /*
    generate a wrapper div for the link
    */
    WrapperDivLink: function (link) {
        return '<div class="clsGymsFound_positionlink">' + link + '</div>';
    },

    /*     
    <div class="liaddress1">Corpus Fitness Club</div>
    <div class="liaddress2">Silver</div>
    <div class="liaddress3">7 Tolovera Road Sydney 2113 NSW Australia</div>
    <div class="liaddress2"><div class="markblue"></div></div>
    <div class="liaddress2"><div class="markblue"></div></div>
    <div class="liaddress2"><div class="markblue"></div></div>
    */

    RenderItem: function (ctIndexIn) {
        var rowString = '';

        if (HasValue(this._gymCollection.GetItemAtLocation(ctIndexIn))) {
            rowString = this.RenderFirstColumn(this._gymCollection.GetItemAtLocation(ctIndexIn), ctIndexIn);
            rowString += this.RenderSecondColumn(this._gymCollection.GetItemAtLocation(ctIndexIn), ctIndexIn);
            rowString += this.RenderThirdColumn(this._gymCollection.GetItemAtLocation(ctIndexIn), ctIndexIn);
            rowString += this.RenderFourthColumn(this._gymCollection.GetItemAtLocation(ctIndexIn), ctIndexIn);
            rowString += this.RenderFifthColumn(this._gymCollection.GetItemAtLocation(ctIndexIn), ctIndexIn);
            rowString += this.RenderSixthColumn(this._gymCollection.GetItemAtLocation(ctIndexIn), ctIndexIn);
        }

        return '<div>' + rowString + '</div>';
    },

    RenderFirstColumn: function (ctItem, itemIndex) {
        var firstColStartStr = '<a class="liaddress1' + ((itemIndex % 2) == 0 ? '"' : 'w"') + ' style="text-decoration:none;" href="/Clubs/' + ctItem.GymName.replace(/ /g, '') + '/' + ctItem.GymID + '">';
        var firstColEndStr = '</a>';

        var textStr = HasValue(ctItem.GymName) ? ctItem.GymName : '';
        textStr = textStr.length > 23 ? textStr.substring(0, 22) + '... &#187;' : textStr + ' &#187;';
        var link;
        return firstColStartStr + textStr + firstColEndStr;
    },

    RenderSecondColumn: function (ctItem, itemIndex) {
        var SecondColStartStr = '<div class="liaddress2' + ((itemIndex % 2) == 0 ? '">' : 'w">');
        var SecondColEndStr = '</div>';

        var textStr = HasValue(ctItem.GymRating) ? ctItem.GymRating : '';

        return SecondColStartStr + textStr + SecondColEndStr;
    },

    RenderThirdColumn: function (ctItem, itemIndex) {
        var ThirdColStartStr = '<div class="liaddress3' + ((itemIndex % 2) == 0 ? '">' : 'w">');
        var ThirdColEndStr = '</div>';

        var textStr = HasValue(ctItem.Address) ? ctItem.Address : '';

        return ThirdColStartStr + textStr + ThirdColEndStr;
    },

    RenderFourthColumn: function (ctItem, itemIndex) {
        return this.RenderBoolColumn(ctItem.CV, itemIndex);
    },

    RenderFifthColumn: function (ctItem, itemIndex) {
        return this.RenderBoolColumn(ctItem.Weights, itemIndex);
    },

    RenderSixthColumn: function (ctItem, itemIndex) {
        return this.RenderBoolColumn(ctItem.Classes, itemIndex);
    },

    RenderBoolColumn: function (itemValue, itemIndex) {
        var colStartStr = '<div class="liaddress2' + ((itemIndex % 2) == 0 ? '">' : 'w">');
        var colEndStr = '</div>';
        var textStr = (itemIndex % 2) == 0 ? this._crossBlue : this._crossWhite;
        if (HasValue(itemValue) && itemValue.toLowerCase() == 'true') {
            textStr = (itemIndex % 2) == 0 ? this._markBlue : this._markWhite;
        }

        return colStartStr + textStr + colEndStr;
    }

}