///<reference path="GMAPJSHelper_Release.js"/

var PaggingObject = {
    pointsOnPage: 12,
    currentPage: 0,
    buttonsToShow: 3,
    searchLocation: null,
    sortedBy: null,
    pagesNumber: 5,
    currentSet: 0,
    buttons: new Array(),
    sellPoints: null,
    allPoints: null,
    isInitialized: false,
    mapButtonsContainer: null,
    searchButtonsContainer: null,
    mapCenter: null,
    mode: null,

    initialize: function(points, totalItems, _currentSet, _currentPage, mapCenter, mapButtonsContainer, searchButtonsContainer, isfirsttime) {
        PaggingObject.allPoints = points;
        PaggingObject.sellPoints = points;
        PaggingObject.currentSet = _currentSet;
        PaggingObject.mapButtonsContainer = mapButtonsContainer;
        PaggingObject.searchButtonsContainer = searchButtonsContainer;
        PaggingObject.mapCenter = mapCenter;
        PaggingObject.generateButtons(totalItems);
        PaggingObject.isInitialized = true;

        PaggingObject.pagesNumber = isfirsttime && _currentPage == 0 ? 1 : 5;
        PaggingObject.currentPage = isfirsttime && _currentPage == 0 ? 0 : _currentPage;

        SearchResult.initialize();
        SearchResult.renderSearchResults();

    },

    setPointsInRange: function() {
        //if (!SearchResult.isInitialized || SearchResult.searchResultItems == null || SearchResult.searchResultItems.length == 0) {
        SearchResult.initialize();
        SearchResult.renderSearchResults();
        //}

        if (PaggingObject.isInitialized) {
            MapInstance.map.clearOverlays();
            jQuery.each(PaggingObject.getPagePoints(), function(index, value) {
                if (value) {
                    /*In this way you could change view of points on map*/
                    //                var blueIcon = new GIcon(G_DEFAULT_ICON);
                    //                blueIcon.image = "http://" + document.location.host + "/Sites/VVVIrischeque/images/11.png";
                    //               var shopMarker = new GMarker(GLatLng.fromUrlValue(value.location), { icon: blueIcon, title: '1' });
                    var markerNumber = String(PaggingObject.currentPage * PaggingObject.pointsOnPage + 1 + index); //SearchResult.searchResultItems[index].name;
                    var markerTitle = markerNumber + ". " + this.name; //SearchResult.searchResultItems[index].name;

                    /*-----------------------------------------------------*/
                    var latlng = GLatLng.fromUrlValue(value.location);
                    var icon = new GIcon();

                    if (this.googleimageurl && this.googleimageurl != '') {
                        icon.image = this.googleimageurl; // "/sites/vvvirischeque/images/gmarker_blank.gif";
                        //icon.iconSize = new GSize(20, 34);
                        markerNumber = '';
                    }
                    else {
                        icon.image = "/sites/vvvirischeque/images/gmarker_blank.gif";
                        icon.iconSize = new GSize(20, 34);
                    }
                    icon.iconAnchor = new GPoint(16, 16);
                    icon.infoWindowAnchor = new GPoint(25, 7);

                    var offsetWidth = -9;
                    if (markerNumber >= 10 && markerNumber < 10000) {
                        if (markerNumber >= 10) offsetWidth = -12;
                        if (markerNumber >= 100) {
                            icon.image = "/sites/vvvirischeque/images/gmarker_cloud.png";
                            icon.iconSize = new GSize(30, 30);
                            offsetWidth = -10;
                        }
                    }
                    if (markerNumber >= 1000 && markerNumber < 10000) offsetWidth = -13;
                    if (markerNumber >= 10000) {
                        icon.image = "/sites/vvvirischeque/images/gmarker_wide_cloud.png";
                        icon.iconSize = new GSize(36, 30);
                        offsetWidth = -13;
                    }
                    opts = {
                        "icon": icon,
                        "clickable": true,
                        "labelText": markerNumber,
                        "title": markerTitle,
                        "labelOffset": new GSize(offsetWidth, -13)
                    };

                    try {
                        var shopMarker = new LabeledMarker(latlng, opts);
                        // var shopMarker = new GMarker(GLatLng.fromUrlValue(value.Location), { title: markerTitle });

                        if (shopMarker && shopMarker != null) {
                            var x = PaggingObject.currentSet * PaggingObject.pagesNumber * PaggingObject.pointsOnPage + index;
                            if (SearchResult.searchResultItems[x] != "") {
                                var html = SearchResult.searchResultItems[x].getSearchItemHtml(PaggingObject.currentPage * PaggingObject.pointsOnPage + 1 + index);
                                shopMarker.bindInfoWindowHtml(html);
                            }
                            MapInstance.map.addOverlay(shopMarker);
                        }
                    }
                    catch (err) {
                        //featuring: handle error
                    }
                }
            });
        }
    },

    getPagePoints: function() {
        var s = (PaggingObject.currentPage % PaggingObject.pagesNumber) * PaggingObject.pointsOnPage;
        var pointsCount = s + PaggingObject.pointsOnPage;
        if (pointsCount - 1 > PaggingObject.sellPoints.length)
            pointsCount = PaggingObject.sellPoints.length;
        var toReturn = new Array();
        for (var i = s; i < pointsCount; i++) {
            toReturn.push(PaggingObject.sellPoints[i]);
        }

        return toReturn;
    },

    generateButtons: function(totalItems) {
        var pageCounts = Math.ceil(totalItems / PaggingObject.pointsOnPage);
        PaggingObject.buttons = new Array();
        for (var i = 0; i < pageCounts; i++) {
            PaggingObject.buttons.push(new PaggingButton(i + 1, i));
        }
    },

    renderButtons: function() {
        if (PaggingObject.isInitialized) {
            var mapButtonsContainer = jQuery('#' + PaggingObject.mapButtonsContainer);
            var searchButtonsContainer = jQuery('#' + PaggingObject.searchButtonsContainer);
            var html = '<ul>';
            mapButtonsContainer.html('');
            searchButtonsContainer.html('');
            var firstButton = PaggingObject.currentPage;

            if (PaggingObject.currentPage > 0 && PaggingObject.buttons.length - PaggingObject.currentPage <= PaggingObject.buttonsToShow)
                firstButton = PaggingObject.buttons.length - PaggingObject.buttonsToShow;

            if (firstButton < 1) firstButton = 0;

            if (PaggingObject.currentPage > 0) {
                /*Previos button*/
                if (PaggingObject.currentPage != 0 && PaggingObject.buttons.length > 0) {
                    html += '<li class="previous"><a class="active" onclick="javascript:GoToPrevioustPage();"><span>Vorige</span></a></li>';
                    if (PaggingObject.buttons.length > 3)
                        html += '<li><a class="active" onclick="javascript:GoToFirstPage();"><span>1</span></a></li>';
                }
                else {
                    html += '<li class="previous"><a onclick="javascript:GoToPrevioustPage();"><span>Vorige</span></a></li>';
                    if (PaggingObject.buttons.length > 3)
                        html += '<li><a onclick="javascript:GoToFirstPage();"><span>1</span></a></li>';
                }
            }
            /* Page buttons*/
            var endButton = 1;

            if (PaggingObject.currentPage + PaggingObject.buttonsToShow > PaggingObject.buttons.length)
                endButton = PaggingObject.buttons.length;
            else
                endButton = PaggingObject.currentPage + PaggingObject.buttonsToShow;

            if (PaggingObject.currentPage > 1 && PaggingObject.buttons.length > 4)
                html += '<li><a onclick="javascript:GoToPrevioustThirdPage();"><span>...</span></a></li>';

            for (var i = firstButton; i < endButton; i++) {

                if (i == PaggingObject.currentPage)
                    PaggingObject.buttons[i].isActive = true;

                html = html + PaggingObject.buttons[i].getButtonHtml();

                if (i + 1 == endButton && firstButton == PaggingObject.currentPage && firstButton <= PaggingObject.buttons.length - PaggingObject.buttonsToShow - 2) {
                    html += '<li><a onclick="javascript:GoToNextThirdPage(' + endButton + ');"><span>...</span></a></li>';
                }
            }

            if (firstButton == PaggingObject.currentPage && firstButton < PaggingObject.buttons.length - PaggingObject.buttonsToShow)
                html = html + PaggingObject.buttons[PaggingObject.buttons.length - 1].getButtonHtml();

            if (PaggingObject.currentPage < PaggingObject.buttons.length - 1) {
                /*Next button*/
                if (PaggingObject.currentPage != PaggingObject.buttons.length - 1 && PaggingObject.buttons.length > 0)
                    html += '<li class="next" style="float:right"><a class="active" onclick="javascript:GoToNextPage();"><span>Volgende</span></a></li>';
                else
                    html += '<li class="next" style="float:right"><a ><span>Volgende</span></a></li>';
            }
            mapButtonsContainer.html(html + '</ul>');
            searchButtonsContainer.html(html + '</ul>')
        }
    }
}

function GoToPrevioustThirdPage() {
    if (PaggingObject.currentPage - 2 > 0) {
        PaggingObject.currentPage -= 3;
    }
    else {
        if (PaggingObject.currentPage - 1 > 0) {
            PaggingObject.currentPage -= 2;
        }
    }

    if (parseInt(PaggingObject.currentPage / PaggingObject.pagesNumber) != PaggingObject.currentSet) {
        doLoad(PaggingObject.searchLocation, PaggingObject.searchRadius, PageMode.mode,  PaggingObject.currentPage);
    }
    else {
        PaggingObject.renderButtons();
        PaggingObject.buttons[PaggingObject.currentPage].OnClick(jQuery('#' + PaggingObject.mapButtonsContainer + ' > ul > li > a[btnNmb="' + PaggingObject.currentPage + '"]'));
    }
}

function GoToNextThirdPage(endButton) {
    if (PaggingObject.currentPage + 2 < endButton) {
        PaggingObject.currentPage += 3;
    }
    else {
        if (PaggingObject.currentPage + 1 < endButton) {
            PaggingObject.currentPage += 2;
        }
    }

    if (parseInt(PaggingObject.currentPage / PaggingObject.pagesNumber) != PaggingObject.currentSet) {
        doLoad(PaggingObject.searchLocation, PaggingObject.searchRadius, PageMode.mode,  PaggingObject.currentPage);
    }
    else {
        PaggingObject.renderButtons();
        PaggingObject.buttons[PaggingObject.currentPage].OnClick(jQuery('#' + PaggingObject.mapButtonsContainer + ' > ul > li > a[btnNmb="' + PaggingObject.currentPage + '"]'));
    }
}

function GoToFirstPage() {
    PaggingObject.currentPage = 0;
    if (parseInt(PaggingObject.currentPage / PaggingObject.pagesNumber) != PaggingObject.currentSet) {
        doLoad(PaggingObject.searchLocation, PaggingObject.searchRadius, PageMode.mode,  PaggingObject.currentPage);
    }
    else {
        PaggingObject.renderButtons();
        PaggingObject.buttons[PaggingObject.currentPage].OnClick(jQuery('#' + PaggingObject.mapButtonsContainer + ' > ul > li > a[btnNmb="' + PaggingObject.currentPage + '"]'));
    }
}

function GoToPrevioustPage() {
    if (PaggingObject.currentPage != 0) {
        PaggingObject.currentPage--;
        if (parseInt(PaggingObject.currentPage / PaggingObject.pagesNumber) != PaggingObject.currentSet) {
            doLoad(PaggingObject.searchLocation, PaggingObject.searchRadius, PageMode.mode,  PaggingObject.currentPage);
        }
        else {
            PaggingObject.renderButtons();
            PaggingObject.buttons[PaggingObject.currentPage].OnClick(jQuery('#' + PaggingObject.mapButtonsContainer + ' > ul > li > a[btnNmb="' + PaggingObject.currentPage + '"]'));
        }
    }
}

function GoToNextPage() {
    if (PaggingObject.currentPage != PaggingObject.buttons.length - 1) {
        PaggingObject.currentPage++;
        if (parseInt(PaggingObject.currentPage / PaggingObject.pagesNumber) != PaggingObject.currentSet) {
            doLoad(PaggingObject.searchLocation, PaggingObject.searchRadius, PageMode.mode, PaggingObject.currentPage);
        }
        else {
            PaggingObject.renderButtons();
            PaggingObject.buttons[PaggingObject.currentPage].OnClick(jQuery('#' + PaggingObject.mapButtonsContainer + ' > ul > li > a[btnNmb="' + PaggingObject.currentPage + '"]'));
        }
    }
}

function PaggingButton(_title, _pageRotation) {
    this.title = _title;
    this.pageRotation = _pageRotation;
    this.isActive = false;
}

PaggingButton.prototype.OnClick = function(element) {
    if (PaggingObject.isInitialized) {
        PaggingObject.currentPage = this.pageRotation;
        PaggingObject.renderButtons();

        SetActiveButton(PaggingObject.mapButtonsContainer, element);
        SetActiveButton(PaggingObject.searchButtonsContainer, element);
        ShowLog("PaggingObject.currentPage=" + PaggingObject.currentPage + ";c=" + PaggingObject.mapCenter + ";");
        
        PaggingObject.setPointsInRange();//this method clears map, so center should be regenerated after that method
        MapInstance.setCenterByPoint(PaggingObject.mapCenter);

        if (SearchResult.isInitialized) SearchResult.initialize(); //push all result in array
        SearchResult.renderSearchResults();
    }
}

PaggingButton.prototype.getButtonHtml = function() {
    var html = "";
    html = '<li';

    var start = PaggingObject.currentSet * PaggingObject.pagesNumber;
    var end = PaggingObject.currentSet * PaggingObject.pagesNumber + PaggingObject.pagesNumber - 1;

    if (this.isActive)
        html += ' class="active"';

    html += '><a';

    if (this.isActive)
        html += ' class="current"';

    html += ' btnNmb="' + this.pageRotation + '" onclick="';

    if (this.pageRotation >= start && this.pageRotation <= end) {
        html += 'PaggingObject.buttons[' + this.pageRotation + '].OnClick(this)';
    }
    else {
        html += 'doLoad(PaggingObject.searchLocation, PaggingObject.searchRadius, PageMode.mode,  ' + this.pageRotation + ')';
    }

    html += '"><span>' + (this.pageRotation + 1) + '</span></a></li>';

    return html;
}

function SetActiveButton(container, element) {

    RemoveActiveButton(container);

    jQuery("#" + container + " > ul > li > a[btnNmb=" + jQuery(element).attr("btnNmb") + "]").parent().addClass('active');
    jQuery("#" + container + " > ul > li > a[btnNmb=" + jQuery(element).attr("btnNmb") + "]").addClass('current');
}

function RemoveActiveButton(container) {
    jQuery("#" + container + " > ul > li.active").removeClass('active');
    jQuery("#" + container + " > ul > li > a.current").removeClass('current');

    jQuery.each(PaggingObject.buttons, function(index, value) {
        if (value.isActive == true)
            value.isActive = false;
    })
}