PageSourceSearch

https://www.nanocoatingtech.co.th/asset/js/styleScript.js

js nanocoatingtech.co.th collected 2026-09-29 10:02:32 UTC 43,749 bytes, 1,096 lines download raw bytes

1var $animation_elements = $('.animation-element');
2var $window = $(window);
3$window.on('scroll resize', check_if_in_view);
4$window.trigger('scroll');
5
6function check_if_in_view() {
7
8    $.each($animation_elements, function (k, v) {
9        // console.log(v);
10        var $element = $(this);
11        var element_height = $element.outerHeight();
12        var element_top_position = $element.offset().top;
13        var element_bottom_position = (element_top_position + element_height);
14        var window_height = $window.height();
15        var window_top_position = $window.scrollTop();
16        var window_bottom_position = (window_top_position + window_height) - (element_height / 2);
17
18        //check to see if this current container is within viewport
19        if ((element_bottom_position >= window_top_position) &&
20                (element_top_position <= window_bottom_position)) {
21            $element.addClass('in-view');
22            $element.find('.border').addClass('in-v');
23            $element.find('.border-l').addClass('in-v-l');
24        } else {
25            $element.removeClass('in-view');
26            $element.find('.border').removeClass('in-v');
27            $element.find('.border-l').removeClass('in-v-l');
28        }
29    });
30}
31
32
33
34var string = window.location.host;
35var stringArr = string.split(".");
36if (stringArr[0] == "builder") {
37
38    $('.builder .content-body .carousel').carousel({
39        interval: 90000
40    });
41
42}
43
44
45
46
47$(".togglemenu").click(function () {
48    $(this).toggleClass("on");
49    $(this).parents(".menuElement").find(".navbar-collapse").slideToggle();
50});
51
52
53$(document).ready(function () {
54    $("#siteContainer").on("click", ".dropdown-submenu a.dropdown-toggle", function (e) {
55
56        $(this).toggleClass('open');
57        $(this).next('ul').toggle();
58        e.stopPropagation();
59        e.preventDefault();
60
61    });
62});
63/*Benjarong Store Template*/
64
65function inView(opt) {
66    if (opt.selector === undefined) {
67        console.log('Valid selector required for inView');
68        return false;
69    }
70    var elems = [].slice.call(document.querySelectorAll(opt.selector)),
71            once = opt.once === undefined ? true : opt.once,
72            offsetTop = opt.offsetTop === undefined ? 0 : opt.offsetTop,
73            offsetBot = opt.offsetBot === undefined ? 0 : opt.offsetBot,
74            count = elems.length,
75            winHeight = 0,
76            ticking = false;
77
78    function update() {
79        var i = count;
80        while (i--) {
81            var elem = elems[i],
82                    rect = elem.getBoundingClientRect();
83            if (rect.bottom >= offsetTop && rect.top <= winHeight - offsetBot) {
84                elem.classList.add('in-view');
85                if (once) {
86                    count--;
87                    elems.splice(i, 1);
88                }
89            } else {
90                elem.classList.remove('in-view');
91            }
92        }
93        ticking = false;
94    }
95
96    function onResize() {
97        winHeight = window.innerHeight;
98        requestTick();
99    }
100
101    function onScroll() {
102        requestTick();
103    }
104
105    function requestTick() {
106        if (!ticking) {
107            requestAnimationFrame(update);
108            ticking = true;
109        }
110    }
111
112    window.addEventListener('resize', onResize, false);
113    document.addEventListener('scroll', onScroll, false);
114    document.addEventListener('touchmove', onScroll, false);
115
116    onResize();
117}
118
119inView({
120    selector: '.view',
121    once: false,
122    offsetTop: 0,
123    offsetBot: 50
124});
125
126/*Perfume Shop Template*/
127$(document).ready(function () {
128    var percent = 0,
129            interval = 30, //it takes about 6s, interval=20 takes about 4s
130            $bar = $('#siteContainer .ps-b-6 .carousel-progress-bar'),
131            $crsl = $('#siteContainer .ps-b-6 .slide');
132    $('#siteContainer .ps-b-6 .carousel-indicators li,#siteContainer .ps-b-6 .carousel-control').click(function () {
133        $bar.css({width: 0.5 + '%'});
134    });
135    /*line above just for showing when controls are clicked the bar goes to 0.5% to make more friendly,
136     if you want when clicked set bar empty, change on width:0.5 to width:0*/
137    $crsl.carousel({//initialize
138        interval: false,
139        pause: true
140    }).on('slide.bs.carousel', function () {
141        percent = 0;
142    });//This event fires immediately when the bootstrap slide instance method is invoked.
143
144    function progressBarCarousel() {
145        $bar.css({width: percent + '%'});
146        percent = percent + 0.5;
147        if (percent >= 100) {
148            percent = 0;
149            $crsl.carousel('next');
150        }
151    }
152    var barInterval = setInterval(progressBarCarousel, interval);//set interval to progressBarCarousel function
153    if (!(/Mobi/.test(navigator.userAgent))) {//tests if it isn't mobile
154        $crsl.hover(function () {
155            clearInterval(barInterval);
156        },
157                function () {
158                    barInterval = setInterval(progressBarCarousel, interval);
159                }
160        );
161    }
162});
163$(document).ready(function () {
164    var percent = 0,
165            interval = 30, //it takes about 6s, interval=20 takes about 4s
166            $bar = $('.li-b-3 .transition-timer-carousel-progress-bar'),
167            $crsl = $('.li-b-3 .slide');
168    $('.li-b-3 .carousel-indicators li,.li-b-3 .carousel-control').click(function () {
169        $bar.css({width: 0.5 + '%'});
170    });
171    /*line above just for showing when controls are clicked the bar goes to 0.5% to make more friendly,
172     if you want when clicked set bar empty, change on width:0.5 to width:0*/
173    $crsl.carousel({//initialize
174        interval: false,
175        pause: true
176    }).on('slide.bs.carousel', function () {
177        percent = 0;
178    });//This event fires immediately when the bootstrap slide instance method is invoked.
179
180    function progressBarCarousel() {
181        $bar.css({width: percent + '%'});
182        percent = percent + 0.5;
183        if (percent >= 100) {
184            percent = 0;
185            $crsl.carousel('next');
186        }
187    }
188    var barInterval = setInterval(progressBarCarousel, interval);//set interval to progressBarCarousel function
189    if (!(/Mobi/.test(navigator.userAgent))) {//tests if it isn't mobile
190        $crsl.hover(function () {
191            clearInterval(barInterval);
192        },
193                function () {
194                    barInterval = setInterval(progressBarCarousel, interval);
195                }
196        );
197    }
198});
199
200/*shop kids*/
201$("#siteContainer").on("click", ".skclose", function () {
202
203    $(this).next().toggleClass('closed');
204});
205/*cafe-coffeebrown*/
206var string = window.location.host;
207var stringArr = string.split(".");
208if (stringArr[0] != "builder") {
209
210    $('.cc-p-5 .block1 ').hover(function () {
211        $(this).find('.text1').toggleClass('open');
212
213    });
214
215} else {
216
217
218
219    $(".cc-p-5 .block-p .text1").click(function () {
220        var self = this;
221        $(this).addClass('noClose');
222
223
224        $(self).focusout(function () {
225
226            $(self).removeClass('noClose open');
227
228        });
229
230
231
232
233
234
235
236    });
237    $('.cc-p-5 .block1').hover(
238            function () {
239
240                $(this).find('.text1').addClass('open');
241
242            }
243    ,
244            function () {
245
246                if (!$(this).find(".text1").hasClass("noClose")) {
247
248
249                    $(this).find('.text1').removeClass('open');
250
251                }
252            }
253
254    );
255
256}
257
258
259
260
261$('.bg-m-2 .navbar-toggle').click(function () {
262    $('.bg-m-2 .navbar-toggle').toggleClass('bg-m-2 navbar-on');
263    $(this).parents('.bg-m-2').find('.nav-hide').toggleClass('navbar-on');
264
265});
266
267$(window).bind('scroll', function () {
268
269    var element = $(".wContainer>.cContainer>.menuElement.wfixed,.wContainer>.cContainer99>.menuElement.wfixed,.wContainer>.cContainer99>.bgfixed,.wContainer>.cContainer>.bgfixed");
270    $.each(element, function (i, val) {
271
272        var top = $(val).offset().top;
273        var height = $(val).outerHeight();
274        var scroll = top;
275
276        if ($(window).scrollTop() > scroll) {
277            $(val).find('.wNavbar').addClass('mFixed');
278            $(val).find('.wToggle').addClass('mFixed');
279            $(val).find('.addfixed').addClass('elmfixed');
280
281        } else {
282            $(val).find('.wNavbar').removeClass('mFixed');
283            $(val).find('.wToggle').removeClass('mFixed');
284            $(val).find('.addfixed').removeClass('elmfixed');
285
286        }
287    });
288
289});
290$(window).bind('scroll', function () {
291
292    var element = $(".wContainer>.cContainer>.menuElement.wfixed,.wContainer>.cContainer99>.menuElement.wfixed");
293    $.each(element, function (i, val) {
294
295        var top = $(val).offset().top;
296        var height = $(val).outerHeight();
297        var scroll = top;
298
299        if ($(window).scrollTop() > scroll) {
300            $(val).find('.togNone').addClass('mFixed');
301        } else {
302            $(val).find('.togNone').removeClass('mFixed');
303        }
304    });
305
306});
307
308
309$("#siteContainer").on("click", ".wToggle.mS1", function () {
310    $(this).toggleClass('styleX');
311});
312$("#siteContainer").on("click", ".wToggle", function () {
313    $(this).next('.wCollapse').toggleClass('in');
314});
315
316
317
318
319// scroll slides on mouse scroll
320$('.ws-a-7 .carousel.slide').bind('click mousewheel DOMMouseScroll', function (e) {
321    // scroll fix element
322    var e0 = e.originalEvent;
323    var delta = e0.wheelDelta || -e0.detail;
324    this.scrollTop += (delta < 0 ? 1 : -1) * 30;
325    e.preventDefault();
326
327    if (e0.wheelDelta > 0 || e0.detail < 0) {
328        $(this).carousel('prev');
329
330
331    } else {
332        $(this).carousel('next');
333
334    }
335});
336
337$('.hc-b-10 .carousel.slide').bind(' mousewheel DOMMouseScroll', function (e) {
338    // scroll fix element
339    var e0 = e.originalEvent;
340    var delta = e0.wheelDelta || -e0.detail;
341    this.scrollTop += (delta < 0 ? 1 : -1) * 30;
342    e.preventDefault();
343
344    if (e0.wheelDelta > 0 || e0.detail < 0) {
345        $(this).carousel('prev');
346
347
348    } else {
349        $(this).carousel('next');
350
351    }
352});
353
354$('.wys-a-4 .carousel.slide').bind(' mousewheel DOMMouseScroll', function (e) {
355    // scroll fix element
356    var e0 = e.originalEvent;
357    var delta = e0.wheelDelta || -e0.detail;
358    this.scrollTop += (delta < 0 ? 1 : -1) * 30;
359    e.preventDefault();
360
361    if (e0.wheelDelta > 0 || e0.detail < 0) {
362        $(this).carousel('prev');
363
364
365    } else {
366        $(this).carousel('next');
367
368    }
369});
370
371$(".ws-a-7 .carousel.slide,.hc-b-10 .carousel.slide,.wys-a-4 .carousel.slide").on("touchstart", function (e) {
372
373    var yClick = e.originalEvent.touches[0].pageY;
374    $(this).one("touchmove", function (e) {
375
376        var yMove = e.originalEvent.touches[0].pageY;
377        if (Math.floor(yClick - yMove) > 1) {
378            $(this).carousel('next');
379        } else if (Math.floor(yClick - yMove) < -1) {
380            $(this).carousel('prev');
381        }
382    });
383    $(this).on("touchend", function () {
384        $(this).off("touchmove");
385    });
386
387});
388
389
390$('.ys-a-11 .button').hover(function () {
391    $(this).find('.circle').toggleClass('over');
392    $(this).find('.more1').toggleClass('over');
393});
394$(' .ys-a-11 .button.alt').hover(function () {
395    $(this).find('.circle').toggleClass('alt');
396    $(this).find('.shares').toggleClass('visible');
397});
398// if (document.getElementsByClassName('curveText')[0] != "") {
399// $.getScript('/asset/js/circletype.min.js', function()
400// {
401//     // script is now loaded and executed.
402//     // put your dependent JS here.
403//
404//     var show = document.getElementsByClassName('curveText')[0];
405//     new CircleType(show).radius(180);
406//
407// });}
408
409function DropDown(el) {
410    this.dd = el;
411    this.initEvents();
412}
413DropDown.prototype = {
414    initEvents: function () {
415        var obj = this;
416
417        obj.dd.on('click', function (event) {
418            $(this).toggleClass('active');
419            event.stopPropagation();
420        });
421    }
422}
423
424$(function () {
425
426    var dd = new DropDown($('.wrapper-dropdown-5'));
427
428    $(document).click(function () {
429        // all dropdowns
430        $('.title-description').removeClass('active');
431    });
432
433});
434
435$('.sw-b-4 .btn-vertical-slider').on('click', function () {
436
437    if ($(this).attr('data-slide') == 'next') {
438        $('.sw-b-4 .vertical-slider').carousel('next');
439    }
440    if ($(this).attr('data-slide') == 'prev') {
441        $('.sw-b-4.vertical-slider').carousel('prev')
442    }
443});
444if (stringArr[0] != "builder") {
445
446    if ($.fn.swiperight && $.fn.swipeleft) {
447        $(".carousel.slide").swiperight(function () {
448            $(this).carousel('prev');
449        });
450
451        $(".carousel.slide").swipeleft(function () {
452            $(this).carousel('next');
453        });
454    }
455
456}
457
458// $(document).ready(function(){
459//   var owl=$(".owl-carousel").owlCarousel({
460//
461//     items:3,
462//     margin:10,
463//     nav:true,
464//     slideBy: 3,
465//     responsive : {
466//      // breakpoint from 0 up
467//      0 : {
468//          items:1,
469//          loop:true
470//      },
471//      // breakpoint from 480 up
472//      480 : {
473//          items:2,
474//          loop:true,
475//          margin: 16
476//      },
477//      // breakpoint from 768 up
478//      768 : {
479//          items:2,
480//          loop:true,
481//          margin: 16
482//      },
483//      // breakpoint from 1000 up
484//      1000 : {
485//          items:3,
486//      }
487//    }
488//   });
489//
490// });
491
492//*** start pagination ***//
493/*!
494 * jQuery pagination plugin v1.4
495 * http://esimakin.github.io/twbs-pagination/
496 *
497 * Copyright 2014-2016, Eugene Simakin
498 * Released under Apache 2.0 license
499 * http://apache.org/licenses/LICENSE-2.0.html
500 */
501(function ($, window, document, undefined) {
502
503    'use strict';
504
505    var old = $.fn.twbsPagination;
506
507    // PROTOTYPE AND CONSTRUCTOR
508
509    var TwbsPagination = function (element, options) {
510        this.$element = $(element);
511        this.options = $.extend({}, $.fn.twbsPagination.defaults, options);
512
513        if (this.options.startPage < 1 || this.options.startPage > this.options.totalPages) {
514            throw new Error('Start page option is incorrect');
515        }
516
517        this.options.totalPages = parseInt(this.options.totalPages);
518        if (isNaN(this.options.totalPages)) {
519            throw new Error('Total pages option is not correct!');
520        }
521
522        this.options.visiblePages = parseInt(this.options.visiblePages);
523        if (isNaN(this.options.visiblePages)) {
524            throw new Error('Visible pages option is not correct!');
525        }
526
527        if (this.options.onPageClick instanceof Function) {
528            this.$element.first().on('page', this.options.onPageClick);
529        }
530
531        // hide if only one page exists
532        if (this.options.hideOnlyOnePage && this.options.totalPages == 1) {
533            this.$element.trigger('page', 1);
534            return this;
535        }
536
537        if (this.options.totalPages < this.options.visiblePages) {
538            this.options.visiblePages = this.options.totalPages;
539        }
540
541        if (this.options.href) {
542            this.options.startPage = this.getPageFromQueryString();
543            if (!this.options.startPage) {
544                this.options.startPage = 1;
545            }
546        }
547
548        var tagName = (typeof this.$element.prop === 'function') ?
549                this.$element.prop('tagName') : this.$element.attr('tagName');
550
551        if (tagName === 'UL') {
552            this.$listContainer = this.$element;
553        } else {
554            this.$listContainer = $('<ul></ul>');
555        }
556
557        this.$listContainer.addClass(this.options.paginationClass);
558
559        if (tagName !== 'UL') {
560            this.$element.append(this.$listContainer);
561        }
562
563        if (this.options.initiateStartPageClick) {
564            this.show(this.options.startPage);
565        } else {
566            this.render(this.getPages(this.options.startPage));
567            this.setupEvents();
568        }
569
570        return this;
571    };
572
573    TwbsPagination.prototype = {
574
575        constructor: TwbsPagination,
576
577        destroy: function () {
578            this.$element.empty();
579            this.$element.removeData('twbs-pagination');
580            this.$element.off('page');
581
582            return this;
583        },
584
585        show: function (page) {
586            if (page < 1 || page > this.options.totalPages) {
587                throw new Error('Page is incorrect.');
588            }
589            this.currentPage = page;
590
591            this.render(this.getPages(page));
592            this.setupEvents();
593
594            this.$element.trigger('page', page);
595
596            return this;
597        },
598
599        buildListItems: function (pages) {
600            var listItems = [];
601
602            if (this.options.first) {
603                listItems.push(this.buildItem('first', 1));
604            }
605
606            if (this.options.prev) {
607                var prev = pages.currentPage > 1 ? pages.currentPage - 1 : this.options.loop ? this.options.totalPages : 1;
608                listItems.push(this.buildItem('prev', prev));
609            }
610
611            for (var i = 0; i < pages.numeric.length; i++) {
612                listItems.push(this.buildItem('page', pages.numeric[i]));
613            }
614
615            if (this.options.next) {
616                var next = pages.currentPage < this.options.totalPages ? pages.currentPage + 1 : this.options.loop ? 1 : this.options.totalPages;
617                listItems.push(this.buildItem('next', next));
618            }
619
620            if (this.options.last) {
621                listItems.push(this.buildItem('last', this.options.totalPages));
622            }
623
624            return listItems;
625        },
626
627        buildItem: function (type, page) {
628
629            // var $itemContainer = $('<li onclick="pagi('+page+',\''+gDivId+'\');"></li>'),
630            var $itemContainer = $('<li></li>'),
631                    $itemContent = $('<a></a>'),
632                    itemText = this.options[type] ? this.makeText(this.options[type], page) : page;
633
634            $itemContainer.addClass(this.options[type + 'Class']);
635            $itemContainer.data('page', page);
636            $itemContainer.data('page-type', type);
637            $itemContainer.append($itemContent.attr('href', this.makeHref(page)).addClass(this.options.anchorClass).html(itemText));
638
639            return $itemContainer;
640        },
641
642        getPages: function (currentPage) {
643            var pages = [];
644
645            var half = Math.floor(this.options.visiblePages / 2);
646            var start = currentPage - half + 1 - this.options.visiblePages % 2;
647            var end = currentPage + half;
648
649            // handle boundary case
650            if (start <= 0) {
651                start = 1;
652                end = this.options.visiblePages;
653            }
654            if (end > this.options.totalPages) {
655                start = this.options.totalPages - this.options.visiblePages + 1;
656                end = this.options.totalPages;
657            }
658
659            var itPage = start;
660            while (itPage <= end) {
661                pages.push(itPage);
662                itPage++;
663            }
664
665            return {"currentPage": currentPage, "numeric": pages};
666        },
667
668        render: function (pages) {
669            var _this = this;
670            this.$listContainer.children().remove();
671            var items = this.buildListItems(pages);
672            jQuery.each(items, function (key, item) {
673                _this.$listContainer.append(item);
674            });
675
676            this.$listContainer.children().each(function () {
677                var $this = $(this),
678                        pageType = $this.data('page-type');
679
680                switch (pageType) {
681                    case 'page':
682                        if ($this.data('page') === pages.currentPage) {
683                            $this.addClass(_this.options.activeClass);
684                        }
685                        break;
686                    case 'first':
687                        $this.toggleClass(_this.options.disabledClass, pages.currentPage === 1);
688                        break;
689                    case 'last':
690                        $this.toggleClass(_this.options.disabledClass, pages.currentPage === _this.options.totalPages);
691                        break;
692                    case 'prev':
693                        $this.toggleClass(_this.options.disabledClass, !_this.options.loop && pages.currentPage === 1);
694                        break;
695                    case 'next':
696                        $this.toggleClass(_this.options.disabledClass,
697                                !_this.options.loop && pages.currentPage === _this.options.totalPages);
698                        break;
699                    default:
700                        break;
701                }
702
703            });
704        },
705
706        setupEvents: function () {
707            var _this = this;
708            this.$listContainer.off('click').on('click', 'li', function (evt) {
709                var $this = $(this);
710                if ($this.hasClass(_this.options.disabledClass) || $this.hasClass(_this.options.activeClass)) {
711                    return false;
712                }
713                // Prevent click event if href is not set.
714                !_this.options.href && evt.preventDefault();
715                _this.show(parseInt($this.data('page')));
716            });
717        },
718
719        makeHref: function (page) {
720            return this.options.href ? this.generateQueryString(page) : "#";
721        },
722
723        makeText: function (text, page) {
724            return text.replace(this.options.pageVariable, page)
725                    .replace(this.options.totalPagesVariable, this.options.totalPages)
726        },
727        getPageFromQueryString: function (searchStr) {
728            var search = this.getSearchString(searchStr),
729                    regex = new RegExp(this.options.pageVariable + '(=([^&#]*)|&|#|$)'),
730                    page = regex.exec(search);
731            if (!page || !page[2]) {
732                return null;
733            }
734            page = decodeURIComponent(page[2]);
735            page = parseInt(page);
736            if (isNaN(page)) {
737                return null;
738            }
739            return page;
740        },
741        generateQueryString: function (pageNumber, searchStr) {
742            var search = this.getSearchString(searchStr),
743                    regex = new RegExp(this.options.pageVariable + '=*[^&#]*');
744            if (!search)
745                return '';
746            return '?' + search.replace(regex, this.options.pageVariable + '=' + pageNumber);
747
748        },
749        getSearchString: function (searchStr) {
750            var search = searchStr || window.location.search;
751            if (search === '') {
752                return null;
753            }
754            if (search.indexOf('?') === 0)
755                search = search.substr(1);
756            return search;
757        }
758
759    };
760
761    // PLUGIN DEFINITION
762
763    $.fn.twbsPagination = function (option) {
764        var args = Array.prototype.slice.call(arguments, 1);
765        var methodReturn;
766
767        var $this = $(this);
768        var data = $this.data('twbs-pagination');
769        var options = typeof option === 'object' ? option : {};
770
771        if (!data)
772            $this.data('twbs-pagination', (data = new TwbsPagination(this, options)));
773        if (typeof option === 'string')
774            methodReturn = data[ option ].apply(data, args);
775
776        return (methodReturn === undefined) ? $this : methodReturn;
777    };
778
779    $.fn.twbsPagination.defaults = {
780        totalPages: 1,
781        startPage: 1,
782        visiblePages: 5,
783        initiateStartPageClick: true,
784        hideOnlyOnePage: false,
785        href: false,
786        pageVariable: '{{page}}',
787        totalPagesVariable: '{{total_pages}}',
788        page: null,
789//        first: 'First',
790//        prev: 'Previous',
791//        next: 'Next',
792//        last: 'Last',
793        loop: false,
794        onPageClick: null,
795        paginationClass: 'pagination',
796        nextClass: 'page-item next',
797        prevClass: 'page-item prev',
798        lastClass: 'page-item last',
799        firstClass: 'page-item first',
800        pageClass: 'page-item',
801        activeClass: 'active',
802        disabledClass: 'disabled',
803        anchorClass: 'page-link'
804    };
805
806    $.fn.twbsPagination.Constructor = TwbsPagination;
807
808    $.fn.twbsPagination.noConflict = function () {
809        $.fn.twbsPagination = old;
810        return this;
811    };
812
813    $.fn.twbsPagination.version = "1.4";
814
815})(window.jQuery, window, document);
816
817
818
819var arrPagi_2 = [];
820var arrPagi_4 = [];
821const arrAllpage_2 = [];
822const arrAllpage_4 = [];
823
824$(".get-page-semi").find('.paginate').each(function ()
825{
826    arrPagi_2.push(($(this).val()));
827});
828// console.log(arrPagi_2);
829
830for (var i = 0; i < arrPagi_2.length; i++) {
831    let arrayPage1 = arrPagi_2[i].split(',');
832    let gPage = parseInt(arrayPage1[0]);
833    let gDivId = arrayPage1[1];
834    let visPage;
835    if (gPage >= 3) {
836        visPage = 3;
837    } else {
838        visPage = gPage;
839    }
840    arrAllpage_2.push([gDivId, gPage, visPage]);
841}
842
843// console.log(arrAllpage_2);
844
845arrAllpage_2.forEach(e => {
846    $('#' + e[0] + ' ul#' + e[0]).twbsPagination({
847        totalPages: e[1], // 5
848        // the current page that show on start
849        startPage: 1,
850        // maximum visible pages
851        visiblePages: e[2],
852
853        initiateStartPageClick: true,
854
855        // template for pagination links
856        href: false,
857
858        // variable name in href template for page number
859        hrefVariable: '{{number}}',
860
861        // Text labels
862        prev: 'Prev',
863        next: 'Next',
864
865        // carousel-style pagination
866        loop: false,
867
868        // callback function
869        onPageClick: function (event, page) {
870            $('#' + e[0] + ' div.pageWy-active').removeClass('pageWy-active');
871            $('#' + e[0] + ' div.pageWy' + page).addClass('pageWy-active');
872        },
873
874        // pagination Classes
875        paginationClass: 'pagination',
876        nextClass: 'next',
877        prevClass: 'prev',
878        pageClass: 'page',
879        activeClass: 'active',
880        disabledClass: 'disabled'
881
882    });
883
884});
885
886//-------------------
887
888
889$(".get-page-full").find('.paginate').each(function ()
890{
891    arrPagi_4.push(($(this).val()));
892});
893// console.log(arrPagi_4);
894
895for (var i = 0; i < arrPagi_4.length; i++) {
896    let arrayPage1 = arrPagi_4[i].split(',');
897    let gPage = parseInt(arrayPage1[0]);
898    let gDivId = arrayPage1[1];
899    let visPage;
900    if (gPage >= 3) {
901        visPage = 3;
902    } else {
903        visPage = gPage;
904    }
905    arrAllpage_4.push([gDivId, gPage, visPage]);
906}
907
908// console.log(arrAllpage_4);
909
910arrAllpage_4.forEach(e => {
911    $('#' + e[0] + ' ul#' + e[0]).twbsPagination({
912        totalPages: e[1], // 5
913        // the current page that show on start
914        startPage: 1,
915        // maximum visible pages
916        visiblePages: e[2],
917
918        initiateStartPageClick: true,
919
920        // template for pagination links
921        href: false,
922
923        // variable name in href template for page number
924        hrefVariable: '{{number}}',
925
926        // Text labels
927        first: 'First',
928        prev: '<<',
929        next: '>>',
930        last: 'Last',
931
932        // carousel-style pagination
933        loop: false,
934
935        // callback function
936        onPageClick: function (event, page) {
937            $('#' + e[0] + ' div.pageWy-active').removeClass('pageWy-active');
938            $('#' + e[0] + ' div.pageWy' + page).addClass('pageWy-active');
939        },
940
941        // pagination Classes
942        paginationClass: 'pagination',
943        nextClass: 'next',
944        prevClass: 'prev',
945        pageClass: 'page',
946        activeClass: 'active',
947        disabledClass: 'disabled'
948
949    });
950
951});
952
953
954
955// $('#'+gDivId2+' ul#'+gDivId2).twbsPagination({
956//   totalPages: gPage2, // 5
957//   // the current page that show on start
958//   startPage: 1,
959//   // maximum visible pages
960//   visiblePages: visPage2,
961//
962//   initiateStartPageClick: true,
963//
964//   // template for pagination links
965//   href: false,
966//
967//   // variable name in href template for page number
968//   hrefVariable: '{{number}}',
969//
970//   // Text labels
971//   first: 'First',
972//   prev: '<<',
973//   next: '>>',
974//   last: 'Last',
975//
976//   // carousel-style pagination
977//   loop: false,
978//
979//   // callback function
980//   onPageClick: function (event, page) {
981//   	$('#'+gDivId2+' div.pageWy-active').removeClass('pageWy-active');
982//     $('#'+gDivId2+' div.pageWy'+page).addClass('pageWy-active');
983//   },
984//
985//   // pagination Classes
986//   paginationClass: 'pagination',
987//   nextClass: 'next',
988//   prevClass: 'prev',
989//   lastClass: 'last',
990//   firstClass: 'first',
991//   pageClass: 'page',
992//   activeClass: 'active',
993//   disabledClass: 'disabled'
994//
995// });
996
997//////////////////////////////////// case 2 ////////////////////////////
998// var arrPagi = [];
999// $(".get-page").find('.paginate').each(function()
1000// {
1001//   arrPagi.push(($(this).val()));
1002// });
1003// // console.log(arrPagi);
1004//
1005// var strs0 = arrPagi[0].split(",").pop();
1006// var strs1 = arrPagi[1].split(",").pop();
1007//
1008// console.log(strs0);
1009// console.log(strs1);
1010//
1011//  var pagSiz = 3; // pageSize
1012//  var pagRang = 1; // pageRange
1013//  var dem = [strs0,strs1];
1014//
1015// /*
1016//  * pagination.js 2.1.2
1017//  * A jQuery plugin to provide simple yet fully customisable pagination
1018//  * https://github.com/superRaytin/paginationjs
1019//
1020//  * Homepage: http://pagination.js.org
1021//  *
1022//  * Copyright 2014-2100, superRaytin
1023//  * Released under the MIT license.
1024// */
1025// !function(a,b){function c(a){throw new Error("Pagination: "+a)}function d(a){a.dataSource||c('"dataSource" is required.'),"string"==typeof a.dataSource?void 0===a.totalNumberLocator?void 0===a.totalNumber?c('"totalNumber" is required.'):b.isNumeric(a.totalNumber)||c('"totalNumber" is incorrect. (Number)'):b.isFunction(a.totalNumberLocator)||c('"totalNumberLocator" should be a Function.'):i.isObject(a.dataSource)&&(void 0===a.locator?c('"dataSource" is an Object, please specify "locator".'):"string"==typeof a.locator||b.isFunction(a.locator)||c(a.locator+" is incorrect. (String | Function)")),void 0===a.formatResult||b.isFunction(a.formatResult)||c('"formatResult" should be a Function.')}function e(a){var c=["go","previous","next","disable","enable","refresh","show","hide","destroy"];b.each(c,function(b,c){a.off(h+c)}),a.data("pagination",{}),b(".paginationjs",a).remove()}function f(a,b){return("object"==(b=typeof a)?null==a&&"null"||Object.prototype.toString.call(a).slice(8,-1):b).toLowerCase()}void 0===b&&c("Pagination requires jQuery.");var g="pagination",h="__pagination-";b.fn.pagination&&(g="pagination2"),b.fn[g]=function(f){if(void 0===f)return this;var j=b(this),k=b.extend({},b.fn[g].defaults,f),l={initialize:function(){var a=this;if(j.data("pagination")||j.data("pagination",{}),!1!==a.callHook("beforeInit")){j.data("pagination").initialized&&b(".paginationjs",j).remove(),a.disabled=!!k.disabled;var c=a.model={pageRange:k.pageRange,pageSize:k.pageSize};a.parseDataSource(k.dataSource,function(b){if(a.isAsync=i.isString(b),i.isArray(b)&&(c.totalNumber=k.totalNumber=b.length),a.isDynamicTotalNumber=a.isAsync&&k.totalNumberLocator,!(k.hideWhenLessThanOnePage&&a.getTotalPage()<=1)){var d=a.render(!0);k.className&&d.addClass(k.className),c.el=d,j["bottom"===k.position?"append":"prepend"](d),a.observer(),j.data("pagination").initialized=!0,a.callHook("afterInit",d)}})}},render:function(a){var c=this,d=c.model,e=d.el||b('<div class="paginationjs"></div>'),f=!0!==a;c.callHook("beforeRender",f);var g=d.pageNumber||k.pageNumber,h=k.pageRange,i=c.getTotalPage(),j=g-h,l=g+h;return l>i&&(l=i,j=i-2*h,j=j<1?1:j),j<=1&&(j=1,l=Math.min(2*h+1,i)),e.html(c.generateHTML({currentPage:g,pageRange:h,rangeStart:j,rangeEnd:l})),c.callHook("afterRender",f),e},generateHTML:function(a){var c,d,e=this,f=a.currentPage,g=e.getTotalPage(),h=a.rangeStart,i=a.rangeEnd,j=e.getTotalNumber(),l=k.showPrevious,m=k.showNext,n=k.showPageNumbers,o=k.showNavigator,p=k.showGoInput,q=k.showGoButton,r=k.pageLink,s=k.prevText,t=k.nextText,u=k.ellipsisText,v=k.goButtonText,w=k.classPrefix,x=k.activeClassName,y=k.disableClassName,z=k.ulClassName,A="",B='<input type="text" class="J-paginationjs-go-pagenumber">',C='<input type="button" class="J-paginationjs-go-button" value="'+v+'">',D=b.isFunction(k.formatNavigator)?k.formatNavigator(f,g,j):k.formatNavigator,E=b.isFunction(k.formatGoInput)?k.formatGoInput(B,f,g,j):k.formatGoInput,F=b.isFunction(k.formatGoButton)?k.formatGoButton(C,f,g,j):k.formatGoButton,G=b.isFunction(k.autoHidePrevious)?k.autoHidePrevious():k.autoHidePrevious,H=b.isFunction(k.autoHideNext)?k.autoHideNext():k.autoHideNext,I=b.isFunction(k.header)?k.header(f,g,j):k.header,J=b.isFunction(k.footer)?k.footer(f,g,j):k.footer;if(I&&(c=e.replaceVariables(I,{currentPage:f,totalPage:g,totalNumber:j}),A+=c),l||n||m){if(A+='<div class="paginationjs-pages">',A+=z?'<ul class="'+z+'">':"<ul>",l&&(f<=1?G||(A+='<li class="'+w+"-prev "+y+'"><a>'+s+"</a></li>"):A+='<li class="'+w+'-prev J-paginationjs-previous" data-num="'+(f-1)+'" title="Previous page"><a href="'+r+'">'+s+"</a></li>
1025"),n){if(h<=3)for(d=1;d<h;d++)A+=d==f?'<li class="'+w+"-page J-paginationjs-page "+x+'" data-num="'+d+'"><a>'+d+"</a></li>":'<li class="'+w+'-page J-paginationjs-page" data-num="'+d+'"><a href="'+r+'">'+d+"</a></li>";else k.showFirstOnEllipsisShow&&(A+='<li class="'+w+"-page "+w+'-first J-paginationjs-page" data-num="1"><a href="'+r+'">1</a></li>'),A+='<li class="'+w+"-ellipsis "+y+'"><a>'+u+"</a></li>";for(d=h;d<=i;d++)A+=d==f?'<li class="'+w+"-page J-paginationjs-page "+x+'" data-num="'+d+'"><a>'+d+"</a></li>":'<li class="'+w+'-page J-paginationjs-page" data-num="'+d+'"><a href="'+r+'">'+d+"</a></li>";if(i>=g-2)for(d=i+1;d<=g;d++)A+='<li class="'+w+'-page J-paginationjs-page" data-num="'+d+'"><a href="'+r+'">'+d+"</a></li>";else A+='<li class="'+w+"-ellipsis "+y+'"><a>'+u+"</a></li>",k.showLastOnEllipsisShow&&(A+='<li class="'+w+"-page "+w+'-last J-paginationjs-page" data-num="'+g+'"><a href="'+r+'">'+g+"</a></li>")}m&&(f>=g?H||(A+='<li class="'+w+"-next "+y+'"><a>'+t+"</a></li>"):A+='<li class="'+w+'-next J-paginationjs-next" data-num="'+(f+1)+'" title="Next page"><a href="'+r+'">'+t+"</a></li>"),A+="</ul></div>"}return o&&D&&(c=e.replaceVariables(D,{currentPage:f,totalPage:g,totalNumber:j}),A+='<div class="'+w+'-nav J-paginationjs-nav">'+c+"</div>"),p&&E&&(c=e.replaceVariables(E,{currentPage:f,totalPage:g,totalNumber:j,input:B}),A+='<div class="'+w+'-go-input">'+c+"</div>"),q&&F&&(c=e.replaceVariables(F,{currentPage:f,totalPage:g,totalNumber:j,button:C}),A+='<div class="'+w+'-go-button">'+c+"</div>"),J&&(c=e.replaceVariables(J,{currentPage:f,totalPage:g,totalNumber:j}),A+=c),A},findTotalNumberFromRemoteResponse:function(a){this.model.totalNumber=k.totalNumberLocator(a)},go:function(a,c){function d(a){if(!1===e.callHook("beforePaging",g))return!1;if(f.direction=void 0===f.pageNumber?0:g>f.pageNumber?1:-1,f.pageNumber=g,e.render(),e.disabled&&e.isAsync&&e.enable(),j.data("pagination").model=f,k.formatResult){var d=b.extend(!0,[],a);i.isArray(a=k.formatResult(d))||(a=d)}j.data("pagination").currentPageData=a,e.doCallback(a,c),e.callHook("afterPaging",g),1==g&&e.callHook("afterIsFirstPage"),g==e.getTotalPage()&&e.callHook("afterIsLastPage")}var e=this,f=e.model;if(!e.disabled){var g=a;if((g=parseInt(g))&&!(g<1)){var h=k.pageSize,l=e.getTotalNumber(),m=e.getTotalPage();if(!(l>0&&g>m)){if(!e.isAsync)return void d(e.getDataFragment(g));var n={},o=k.alias||{};n[o.pageSize?o.pageSize:"pageSize"]=h,n[o.pageNumber?o.pageNumber:"pageNumber"]=g;var p={type:"get",cache:!1,data:{},contentType:"application/x-www-form-urlencoded; charset=UTF-8",dataType:"json",async:!0};b.extend(!0,p,k.ajax),b.extend(p.data,n),p.url=k.dataSource,p.success=function(a){e.isDynamicTotalNumber?e.findTotalNumberFromRemoteResponse(a):e.model.totalNumber=k.totalNumber,d(e.filterDataByLocator(a))},p.error=function(a,b,c){k.formatAjaxError&&k.formatAjaxError(a,b,c),e.enable()},e.disable(),b.ajax(p)}}}},doCallback:function(a,c){var d=this,e=d.model;b.isFunction(c)?c(a,e):b.isFunction(k.callback)&&k.callback(a,e)},destroy:function(){!1!==this.callHook("beforeDestroy")&&(this.model.el.remove(),j.off(),b("#paginationjs-style").remove(),this.callHook("afterDestroy"))},previous:function(a){this.go(this.model.pageNumber-1,a)},next:function(a){this.go(this.model.pageNumber+1,a)},disable:function(){var a=this,b=a.isAsync?"async":"sync";!1!==a.callHook("beforeDisable",b)&&(a.disabled=!0,a.model.disabled=!0,a.callHook("afterDisable",b))},enable:function(){var a=this,b=a.isAsync?"async":"sync";!1!==a.callHook("beforeEnable",b)&&(a.disabled=!1,a.model.disabled=!1,a.callHook("afterEnable",b))},refresh:function(a){this.go(this.model.pageNumber,a)},show:function(){var a=this;a.model.el.is(":visible")||a.model.el.show()},hide:function(){var a=this;a.model.el.is(":visible")&&a.model.el.hide()},replaceVariables:function(a,b){var c;for(var d in b){var e=b[d],f=new RegExp("<%=\\s*"+d+"\\s*%>","img");c=(c||a).replace(f,e)}return c},getDataFragment:function(a){var b=k.pageSize,c=k.dataSource,d=this.getTotalNumber(),e=b*(a-1)+1,f=Math.min(a*b,d);return c.slice(e-1,f)},getTotalNumber:function(){return this.model.totalNumber||k.totalNumber||0},getTotalPage:function(){return Math.ceil(this.getTotalNumber()/k.pageSize)},getLocator:function(a){var d;return"string"==typeof a?d=a:b.isFunction(a)?d=a():c('"locator" is incorrect. (String | Function)'),d},filterDataByLocator:function(a){var d,e=this.getLocator(k.locator);if(i.isObject(a)){try{b.each(e.split("."),function(b,c){d=(d||a)[c]})}catch(a){}d?i.isArray(d)||c("dataSource."+e+" must be an Array."):c("dataSource."+e+" is undefined.")}return d||a}
1025,parseDataSource:function(a,d){var e=this;i.isObject(a)?d(k.dataSource=e.filterDataByLocator(a)):i.isArray(a)?d(k.dataSource=a):b.isFunction(a)?k.dataSource(function(a){i.isArray(a)||c('The parameter of "done" Function should be an Array.'),e.parseDataSource.call(e,a,d)}):"string"==typeof a?(/^https?|file:/.test(a)&&(k.ajaxDataType="jsonp"),d(a)):c('Unexpected type of "dataSource".')},callHook:function(c){var d,e=j.data("pagination"),f=Array.prototype.slice.apply(arguments);return f.shift(),k[c]&&b.isFunction(k[c])&&!1===k[c].apply(a,f)&&(d=!1),e.hooks&&e.hooks[c]&&b.each(e.hooks[c],function(b,c){!1===c.apply(a,f)&&(d=!1)}),!1!==d},observer:function(){var a=this,d=a.model.el;j.on(h+"go",function(d,e,f){(e=parseInt(b.trim(e)))&&(b.isNumeric(e)||c('"pageNumber" is incorrect. (Number)'),a.go(e,f))}),d.delegate(".J-paginationjs-page","click",function(c){var d=b(c.currentTarget),e=b.trim(d.attr("data-num"));if(e&&!d.hasClass(k.disableClassName)&&!d.hasClass(k.activeClassName))return!1!==a.callHook("beforePageOnClick",c,e)&&(a.go(e),a.callHook("afterPageOnClick",c,e),!!k.pageLink&&void 0)}),d.delegate(".J-paginationjs-previous","click",function(c){var d=b(c.currentTarget),e=b.trim(d.attr("data-num"));if(e&&!d.hasClass(k.disableClassName))return!1!==a.callHook("beforePreviousOnClick",c,e)&&(a.go(e),a.callHook("afterPreviousOnClick",c,e),!!k.pageLink&&void 0)}),d.delegate(".J-paginationjs-next","click",function(c){var d=b(c.currentTarget),e=b.trim(d.attr("data-num"));if(e&&!d.hasClass(k.disableClassName))return!1!==a.callHook("beforeNextOnClick",c,e)&&(a.go(e),a.callHook("afterNextOnClick",c,e),!!k.pageLink&&void 0)}),d.delegate(".J-paginationjs-go-button","click",function(c){var e=b(".J-paginationjs-go-pagenumber",d).val();if(!1===a.callHook("beforeGoButtonOnClick",c,e))return!1;j.trigger(h+"go",e),a.callHook("afterGoButtonOnClick",c,e)}),d.delegate(".J-paginationjs-go-pagenumber","keyup",function(c){if(13===c.which){var e=b(c.currentTarget).val();if(!1===a.callHook("beforeGoInputOnEnter",c,e))return!1;j.trigger(h+"go",e),b(".J-paginationjs-go-pagenumber",d).focus(),a.callHook("afterGoInputOnEnter",c,e)}}),j.on(h+"previous",function(b,c){a.previous(c)}),j.on(h+"next",function(b,c){a.next(c)}),j.on(h+"disable",function(){a.disable()}),j.on(h+"enable",function(){a.enable()}),j.on(h+"refresh",function(b,c){a.refresh(c)}),j.on(h+"show",function(){a.show()}),j.on(h+"hide",function(){a.hide()}),j.on(h+"destroy",function(){a.destroy()});var e=Math.max(a.getTotalPage(),1),f=k.pageNumber;a.isDynamicTotalNumber&&(f=1),k.triggerPagingOnInit&&j.trigger(h+"go",Math.min(f,e))}};if(j.data("pagination")&&!0===j.data("pagination").initialized){if(b.isNumeric(f))return j.trigger.call(this,h+"go",f,arguments[1]),this;if("string"==typeof f){var m=Array.prototype.slice.apply(arguments);switch(m[0]=h+m[0],f){case"previous":case"next":case"go":case"disable":case"enable":case"refresh":case"show":case"hide":case"destroy":j.trigger.apply(this,m);break;case"getSelectedPageNum":return j.data("pagination").model?j.data("pagination").model.pageNumber:j.data("pagination").attributes.pageNumber;case"getTotalPage":return Math.ceil(j.data("pagination").model.totalNumber/j.data("pagination").model.pageSize);case"getSelectedPageData":return j.data("pagination").currentPageData;case"isDisabled":return!0===j.data("pagination").model.disabled;default:c("Unknown action: "+f)}return this}e(j)}else i.isObject(f)||c("Illegal options");return d(k),l.initialize(),this},b.fn[g].defaults={totalNumber:0,pageNumber:1,pageSize:pagSiz,pageRange:pagRang,showPrevious:!0,showNext:!0,showPageNumbers:!0,showNavigator:!1,showGoInput:!1,showGoButton:!1,pageLink:"",prevText:"&laquo;",nextText:"&raquo;",ellipsisText:"...",goButtonText:"Go",classPrefix:"paginationjs",activeClassName:"active",disableClassName:"disabled",inlineStyle:!0,formatNavigator:"<%= currentPage %> / <%= totalPage %>",formatGoInput:"<%= input %>",formatGoButton:"<%= button %>",position:"bottom",autoHidePrevious:!1,autoHideNext:!1,triggerPagingOnInit:!0,hideWhenLessThanOnePage:!1,showFirstOnEllipsisShow:!0,showLastOnEllipsisShow:!0,callback:function(){}},b.fn.addHook=function(a,d){arguments.length<2&&c("Missing argument."),b.isFunction(d)||c("c
1025allback must be a function.");var e=b(this),f=e.data("pagination");f||(e.data("pagination",{}),f=e.data("pagination")),!f.hooks&&(f.hooks={}),f.hooks[a]=f.hooks[a]||[],f.hooks[a].push(d)},b[g]=function(a,d){arguments.length<2&&c("Requires two parameters.");var e;if(e="string"!=typeof a&&a instanceof jQuery?a:b(a),e.length)return e.pagination(d),e};var i={};b.each(["Object","Array","String"],function(a,b){i["is"+b]=function(a){return f(a)===b.toLowerCase()}}),"function"==typeof define&&define.amd&&define(function(){return b})}(this,window.jQuery);
1026//
1027// $(function() {
1028//
1029// for (var i = 0; i <= 2; i++) {
1030//
1031//
1032//   (function(name) {
1033//     var container = $('#pagination-' + name);
1034//     var sources = function () {
1035//       var result = [];
1036//
1037//       for (var i = 1; i <= 8; i++) {
1038//         result.push(i);
1039//       }
1040//
1041//       return result;
1042//     }();
1043// 		// console.log(sources)
1044//
1045//     var options = {
1046//       dataSource: sources,
1047//       callback: function (response, pagination) {
1048//         window.console && console.log(1,response, pagination);
1049//
1050//         var dataHtml = '';
1051//
1052//         $.each(response, function (index, item) {
1053//           dataHtml += '<span>' + item + '</span>';
1054//         });
1055//
1056//         dataHtml += '';
1057//
1058//         container.prev().html(dataHtml);
1059//       }
1060//     };
1061//
1062//     //$.pagination(container, options);
1063//
1064//     container.addHook('beforeInit', function () {
1065//       window.console && console.log('beforeInit...');
1066//     });
1067//     container.pagination(options);
1068//
1069//     container.addHook('beforePageOnClick', function () {
1070//       window.console && console.log('beforePageOnClick...');
1071//       //return false
1072//     });
1073//
1074//   })(dem[i]);
1075//
1076// }
1077//
1078// })
1079
1080
1081//*** end pagination ***//
1082
1083$(function() {
1084    var
1085        navContainer = $('.Wnavleft'),
1086        navToggle = $('.wToggle'),
1087        navDropdownToggle = $('.has-dropdown');
1088
1089    // Nav toggle
1090    navToggle.on('click', function(e) {
1091        var $this = $(this);
1092        e.preventDefault();
1093        $this.toggleClass('is-active');
1094        navContainer.toggleClass('is-visible');
1095    });
1096});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.