Tryag File Manager

/home/yanggyein/yanggyein/yang_farm/public/scripts/custom.js

$(window).on('load', function ()
{
    $('.menu').css('display', 'block');
    $('#preloader').addClass('preloader-hide');
})

$(document).ready(function ()
{
    'use strict'

var isPWA = true; //Enables PWA.js which loads manifest & service worker.
    var isAJAX = false; //Enables or disable AJAX page transitions and loading.
    var isDevelopment = false; // Enables development mode. Clean cache & Stops BG & Highlights from changing defaults.

function init_template()
    {

//ADD YOUR CUSTOM JAVASCRIPT CODES HERE!
        //Do not put inside HTML files.
        //The init_template() function will be triggered when pages open.

//Generating Dynamic Styles to decrease CSS size and execute faster loading times.
        var colorsArray = [
            //colors must be in HEX format.
            // use the color scheme as bellow  this will automatically generate CSS for
            // bg-colorName-dark bg-colorName-light color-colorName-dark color-colorName-light
            //["colorName","light_hex","dark_hex","darker_hex_for_gradient"],
            ["none", "", "", ""],
            ["plum", "#6772A4", "#6772A4", "#3D3949"],
            ["violet", "#673c58", "#673c58", "#492D3D"],
            ["magenta3", "#413a65", "#413a65", "#2b2741"],
            ["red3", "#c62f50", "#6F1025", "#6F1025"],
            ["green3", "#6eb148", "#2d7335", "#2d7335"],
            ["pumpkin", "#E96A57", "#C15140", "#C15140"],
            ["dark3", "#535468", "#535468", "#343341"],
            ["red1", "#D8334A", "#BF263C", "#9d0f23"],
            ["red2", "#ED5565", "#DA4453", "#a71222"],
            ["orange", "#FC6E51", "#E9573F", "#ce3319"],
            ["yellow1", "#FFCE54", "#F6BB42", "#e6a00f"],
            ["yellow2", "#E8CE4D", "#E0C341", "#dbb50c"],
            ["yellow3", "#CCA64F", "#996A22", "#996A22"],
            ["green1", "#A0D468", "#8CC152", "#5ba30b"],
            ["green2", "#2ECC71", "#2ABA66", "#0da24b"],
            ["mint", "#48CFAD", "#37BC9B", "#0fa781"],
            ["teal", "#A0CECB", "#7DB1B1", "#158383"],
            ["aqua", "#4FC1E9", "#3BAFDA", "#0a8ab9"],
            ["sky", "#188FB6", "#0F5F79", "#0F5F79"],
            ["blue1", "#4FC1E9", "#3BAFDA", "#0b769d"],
            ["blue2", "#5D9CEC", "#4A89DC", "#1a64c6"],
            ["magenta1", "#AC92EC", "#967ADC", "#704dc9"],
            ["magenta2", "#8067B7", "#6A50A7", "#4e3190"],
            ["pink1", "#EC87C0", "#D770AD", "#c73c8e"],
            ["pink2", "#fa6a8e", "#fb3365", "#d30e3f"],
            ["brown1", "#BAA286", "#AA8E69", "#896b43"],
            ["brown2", "#8E8271", "#7B7163", "#584934"],
            ["gray1", "#F5F7FA", "#E6E9ED", "#c2c5c9"],
            ["gray2", "#CCD1D9", "#AAB2BD", "#88919d"],
            ["dark1", "#656D78", "#434A54", "#242b34"],
            ["dark2", "#3C3B3D", "#323133", "#1c191f"]
        ];
        var socialColorArray = [
            ["facebook", "#3b5998"],
            ["linkedin", "#0077B5"],
            ["twitter", "#4099ff"],
            ["google", "#d34836"],
            ["whatsapp", "#34AF23"],
            ["pinterest", "#C92228"],
            ["sms", "#27ae60"],
            ["mail", "#3498db"],
            ["dribbble", "#EA4C89"],
            ["phone", "#27ae60"],
            ["skype", "#12A5F4"],
            ["instagram", "#e1306c"]
        ];

//Back Button Scroll Stop
        if ('scrollRestoration' in history) { history.scrollRestoration = 'manual'; }

//Disable Page Jump on Empty Links.
        $('a').on('click', function () { var attrs = $(this).attr('href'); if (attrs === '#') { return false; } });

//Adding Background for Gradient
        if (!$('.menu-hider').length) { $('#page').append('<div class="menu-hider"><div>'); }

/*Menu Extender Function*/
        $.fn.showMenu = function () { $(this).addClass('menu-active'); $('#footer-bar').addClass('footer-menu-hidden'); setTimeout(function () { $('.menu-hider').addClass('menu-active'); }, 250); };
        $.fn.hideMenu = function () { $(this).removeClass('menu-active'); $('#footer-bar').removeClass('footer-menu-hidden'); $('.menu-hider').removeClass('menu-active'); };

//Add your programatically triggered menus here

//Menu Required Variables
        var menu = $('.menu'),
            body = $('body'),
            menuFixed = $('.nav-fixed'),
            menuFooter = $('#footer-bar'),
            menuHider = $('body').find('.menu-hider'),
            menuClose = $('.close-menu'),
            header = $('.header'),
            pageAll = $('#page'),
            pageContent = $('.page-content'),
            headerAndContent = $('.header, .page-content, #footer-bar'),
            menuDeployer = $('a[data-menu]');

//Menu System
        menu.each(function ()
        {
            var menuHeight = $(this).data('menu-height');
            var menuWidth = $(this).data('menu-width');
            var menuActive = $(this).data('menu-active');
            if ($(this).hasClass('menu-box-right')) { $(this).css("width", menuWidth); }
            if ($(this).hasClass('menu-box-left')) { $(this).css("width", menuWidth); }
            if ($(this).hasClass('menu-box-bottom')) { $(this).css("height", menuHeight); }
            if ($(this).hasClass('menu-box-top')) { $(this).css("height", menuHeight); }
            if ($(this).hasClass('menu-box-modal')) { $(this).css({ "height": menuHeight, "width": menuWidth }); }
        });

//Menu Deploy Click
        menuDeployer.on('click', function ()
        {
            menu.removeClass('menu-active');
            menuHider.addClass('menu-active');

var autoActivateMenu = $('[data-auto-activate]');
        if (autoActivateMenu.length)
        {
            autoActivateMenu.addClass('menu-active');
            menuHider.addClass('menu-active');
        }

//Allows clicking even if menu is loaded externally.
        $('body').removeClass('modal-open');
        $('.menu-hider, .close-menu, .menu-close').on('click', function ()
        {
            menu.removeClass('menu-active');
            menuHider.removeClass('menu-active menu-active-clear');
            headerAndContent.css('transform', 'translate(0,0)');
            menuHider.css('transform', 'translate(0,0)');
            $('#footer-bar').removeClass('footer-menu-hidden');
            $('body').removeClass('modal-open');
            return false;
        });

//Generating Cookies
        function createCookie(e, t, n) { if (n) { var o = new Date; o.setTime(o.getTime() + 48 * n * 60 * 3600 * 1e3); var r = "; expires=" + o.toGMTString() } else var r = ""; document.cookie = e + "=" + t + r + "; path=/" }
        function readCookie(e) { for (var t = e + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) { for (var r = n[o]; " " == r.charAt(0);) r = r.substring(1, r.length); if (0 == r.indexOf(t)) return r.substring(t.length, r.length) } return null }
        function eraseCookie(e) { createCookie(e, "", -1) }

//Disabling & Enabling Dark Transitions in Dark Mode to Speed up Performance.
        function allowTransitions() { $('body').find('#transitions-remove').remove(); }
        function removeTransitions() { $('body').append('<style id="transitions-remove">.btn, .header, #footer-bar, .menu-box, .menu-active{transition:all 0ms ease!important;}</style>'); setTimeout(function () { allowTransitions(); }, 10); }

//Dark Mode
        var darkSwitch = $('[data-toggle-theme-switch], [data-toggle-theme], [data-toggle-theme-switch] input, [data-toggle-theme] input');
        $('[data-toggle-theme], [data-toggle-theme-switch]').on('click', function ()
        {
            removeTransitions();
            $('body').toggleClass('theme-light theme-dark');
            setTimeout(function ()
            {
                if ($('body').hasClass('detect-theme')) { $('body').removeClass('detect-theme'); }
                if ($('body').hasClass('theme-light'))
                {
                    eraseCookie('sticky_dark_mode');
                    darkSwitch.prop('checked', false);
                    createCookie('sticky_light_mode', true, 1);
                }
                if ($('body').hasClass('theme-dark'))
                {
                    eraseCookie('sticky_light_mode');
                    darkSwitch.prop('checked', true);
                    createCookie('sticky_dark_mode', true, 1);
                }
            }, 150);
        })
        if (readCookie('sticky_dark_mode')) { darkSwitch.prop('checked', true); $('body').removeClass('theme-light').addClass('theme-dark'); }
        if (readCookie('sticky_light_mode')) { darkSwitch.prop('checked', false); $('body').removeClass('theme-dark').addClass('theme-light'); }

//Auto Dark Mode
        function activateDarkMode() { $('body').removeClass('theme-light').addClass('theme-dark'); $('#dark-mode-detected').removeClass('disabled'); eraseCookie('sticky_light_mode'); createCookie('sticky_dark_mode', true, 1); }
        function activateLightMode() { $('body').removeClass('theme-dark').addClass('theme-light'); $('#dark-mode-detected').removeClass('disabled'); eraseCookie('sticky_dark_mode'); createCookie('sticky_light_mode', true, 1); }
        function activateNoPreference() { $('#manual-mode-detected').removeClass('disabled'); }

//Footer Menu Active Elements
        if ($('.footer-bar-2, .footer-bar-4, .footer-bar-5').length)
        {
            if (!$('.footer-bar-2 strong, .footer-bar-4 strong, .footer-bar-5 strong').length)
            {
                $('.footer-bar-2 .active-nav, .footer-bar-4 .active-nav, .footer-bar-5 .active-nav').append('<strong></strong>')
            }
        }

//Back Button in Header
        var backButton = $('.back-button, [data-back-button]');
        backButton.on('click', function ()
        {
            window.history.go(-1);
            //return false;
        });

//Copyright Year
        var copyrightYear = $('.copyright-year, #copyright-year');
        var dteNow = new Date(); var intYear = dteNow.getFullYear();
        copyrightYear.html(intYear);

//Back to top Badge
        var backToTop = $('.back-to-top, [data-back-to-top], .back-to-top-badge, .back-to-top-icon'),
            backToTopBadge = $('.back-to-top-badge, .back-to-top-icon');

backToTop.on("click", function (e)
        {
            e.preventDefault();
            $('html, body, .page-content').animate({
                scrollTop: 0
            }, 350);
            return false;
        });
        function show_back_to_top_badge() { backToTopBadge.addClass('back-to-top-visible'); }
        function hide_back_to_top_badge() { backToTopBadge.removeClass('back-to-top-visible'); }

//Scroll Ads
        var scrollAd = $('.scroll-ad');
        function show_scroll_ad() { scrollAd.addClass('scroll-ad-visible'); }
        function hide_scroll_ad() { scrollAd.removeClass('scroll-ad-visible'); }

$(window).on('scroll', function ()
        {
            var total_scroll_height = document.body.scrollHeight
            var inside_header = ($(this).scrollTop() <= 150);
            var passed_header = ($(this).scrollTop() >= 0); //250
            var passed_header2 = ($(this).scrollTop() >= 150); //250
            var footer_reached = ($(this).scrollTop() >= (total_scroll_height - ($(window).height() - 10)));

if (inside_header === true)
            {
                hide_back_to_top_badge();
                hide_scroll_ad();
                $('.header-auto-show').removeClass('header-active');

}
            else if (passed_header === true)
            {
                show_back_to_top_badge();
                show_scroll_ad();
                $('.header-auto-show').addClass('header-active');
            }
            if (footer_reached == true)
            {
                hide_back_to_top_badge();
                hide_scroll_ad();
            }
        });

//Tabs//
        var tab = $('.tab-controls');
        function activate_tabs()
        {
            var tabTrigger = $('.tab-controls a');
            tab.each(function ()
            {
                var tabItems = $(this).parent().find('.tab-controls').data('tab-items');
                var tabWidth = $(this).width();
                var tabActive = $(this).find('a[data-tab-active]');
                var tabID = $('#' + tabActive.data('tab'));
                var tabBg = $(this).data('tab-active');
                $(this).find('a[data-tab]').css("width", (100 / tabItems) + '%');
                tabActive.addClass(tabBg);
                tabActive.addClass('color-white');
                tabID.slideDown(0);
            });
            tabTrigger.on('click', function ()
            {
                var tabData = $(this).data('tab');
                var tabID = $('#' + tabData);
                var tabContent = $(this).parent().parent().find('.tab-content');
                var tabContent = $(this).parent().parent().parent().find('.tab-content');
                var tabOrder = $(this).data('tab-order');
                var tabBg = $(this).parent().parent().find('.tab-controls').data('tab-active');
                $(this).parent().find(tabTrigger).removeClass(tabBg).removeClass('color-white');
                $(this).addClass(tabBg).addClass('color-white');
                $(this).parent().find('a').removeClass('no-click');
                $(this).addClass('no-click');
                tabContent.slideUp(250);
                tabID.slideDown(250);
            });
        }
        if (tab.length) { activate_tabs() }

//Text Resizer
        $(".text-size-increase").click(function () { $(".text-size-changer *").css("font-size", "+=1"); });
        $(".text-size-decrease").click(function () { $(".text-size-changer *").css("font-size", "-=1"); });
        $(".text-size-default").click(function () { $(".text-size-changer *").css("font-size", ""); });

//Search Menu Functions
        function search_menu()
        {
            $('[data-search]').on('keyup', function ()
            {
                var searchVal = $(this).val();
                if (searchVal != '')
                {
                    $('.search-header a').removeClass('disabled');
                    $('.search-trending').addClass('disabled');
                    $('.search-results').removeClass('disabled-search-list');
                    $('[data-filter-item]').addClass('disabled-search-item');
                    $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('disabled-search-item');
                } else
                {
                    $('.search-header a').removeClass('disabled');
                    $('.search-trending').removeClass('disabled');
                    $('.search-results').addClass('disabled-search-list');
                    $('[data-filter-item]').removeClass('disabled-search-item');
                }

$('.search-header a').on('click', function ()
        {
            $('.search-trending').removeClass('disabled');
            $('.menu-search-trending').removeClass('disabled-search-item');
            $('.search-results').addClass('disabled-search-list');
            $('.search-header input').val('');
            $(this).addClass('disabled');
            return false;
        });

//Owl Carousel Sliders
        setTimeout(function ()
        {
            $('.user-slider').owlCarousel({ loop: true, margin: 20, nav: false, lazyLoad: true, items: 1, autoplay: false, autoplayTimeout: 4000 });
            $('.single-slider').owlCarousel({ loop: true, margin: 20, nav: false, lazyLoad: true, items: 1, autoplay: true, autoplayTimeout: 4000 });
            $('.cover-slider').owlCarousel({ loop: true, margin: 20, nav: false, lazyLoad: true, items: 1, autoplay: false, autoplayTimeout: 6000 });
            $('.double-slider').owlCarousel({ loop: false, margin: 0, nav: false, lazyLoad: false, items: 4, autoplay: false, autoplayTimeout: 4000 });
            $('.task-slider').owlCarousel({ loop: true, margin: 20, nav: false, stagePadding: 50, lazyLoad: true, items: 2, autoplay: false, autoplayTimeout: 4000 });
            $('.next-slide, .next-slide-arrow, .next-slide-text, .cover-next').on('click', function () { $(this).parent().find('.owl-carousel').trigger('next.owl.carousel'); });
            $('.prev-slide, .prev-slide-arrow, .prev-slide-text, .cover-prev').on('click', function () { $(this).parent().find('.owl-carousel').trigger('prev.owl.carousel'); });
            $('.next-slide-user').on('click', function () { $(this).closest('.owl-carousel').trigger('next.owl.carousel'); });
            $('.prev-slide-user').on('click', function () { $(this).closest('.owl-carousel').trigger('prev.owl.carousel'); });
        }, 10);
        setTimeout(function ()
        {
            $('.owl-prev, .owl-next').addClass('bg-highlight');
        })

//Detect Mobile OS//
        var isMobile = {
            Android: function () { return navigator.userAgent.match(/Android/i); },
            iOS: function () { return navigator.userAgent.match(/iPhone|iPad|iPod/i); },
            Windows: function () { return navigator.userAgent.match(/IEMobile/i); },
            any: function () { return (isMobile.Android() || isMobile.iOS() || isMobile.Windows()); }
        };
        if (!isMobile.any())
        {
            $('body').addClass('is-not-ios');
            $('.show-ios, .show-android').addClass('disabled');
            $('.show-no-device').removeClass('disabled');
        }
        if (isMobile.Android())
        {
            $('body').addClass('is-not-ios');
            $('head').append('<meta name="theme-color" content="#FFFFFF"> />');
            $('.show-android').removeClass('disabled');
            $('.show-ios, .show-no-device, .simulate-android, .simulate-iphones').addClass('disabled');
        }
        if (isMobile.iOS())
        {
            $('body').addClass('is-ios');
            $('.show-ios').removeClass('disabled');
            $('.show-android, .show-no-device, .simulate-android, .simulate-iphones').addClass('disabled');
        }

//Toast, Snackbars and Notifications
        $('[data-toast]').on('click', function ()
        {
            $('.toast, .snackbar-toast, .notification').toast('hide');
            $('#' + $(this).data('toast')).toast('show');
            return false;
        });
        $('[data-dismiss]').on('click', function ()
        {
            var thisData = $(this).data('dismiss');
            $('#' + thisData).toast('hide');
        });

//Tooltips
        $(function ()
        {
            $('[data-toggle="tooltip"]').tooltip()
        })

//Cancel Collapse Jump on Click
        if ($('[data-toggle="collapse"]').length)
        {
            $('[data-toggle="collapse"]').on('click', function (e)
            {
                e.preventDefault();
            });
        }

//Switches
        $('.ios-input, .android-input, .classic-input').on('click', function ()
        {
            var id = $(this).attr('id');
            var data = $('[data-switch=' + id + ']')
            if (data.length) { data.stop().animate({ height: 'toggle' }, 250); }
        });
        $('[data-activate]').on('click', function ()
        {
            var activateCheck = $(this).data('activate');
            $('#' + activateCheck).trigger('click');
        });

$('[data-trigger-switch]').on('click', function ()
        {
            var thisID = $(this).data('trigger-switch');
            if ($('#' + thisID).prop('checked'))
            {
                $('#' + thisID).prop('checked', false);
            } else
            {
                $('#' + thisID).prop('checked', true);
            }
        })

//Working Hours
        var businessHours = $('.business-hours');
        function activate_business_hours()
        {
            if (businessHours.length)
            {
                var getTime = new Date(Date.now());
                var getDay = 'day-' + (new Date().toLocaleDateString('en', { weekday: 'long' })).toLowerCase();
                var timeNow = getTime.getHours() + ":" + getTime.getMinutes();
                var currentWorkDay = $('.' + getDay);
                var closedMessage = businessHours.data('closed-message').toString();
                var closedMessageUnder = businessHours.data('closed-message-under').toString();
                var openedMessage = businessHours.data('opened-message').toString();
                var openedMessageUnder = businessHours.data('opened-message-under').toString();

var mondayOpen = $('[data-monday]').data('open');
                var mondayClose = $('[data-monday]').data('close');
                var mondayTime = "'Monday' : ['" + mondayOpen + "','" + mondayClose + "'],"

$('.business-hours').openingTimes({
                    //SET OPENING HOURS BELOW
                    openingTimes: {
                        'Monday': ['08:00', '17:00'],
                        'Tuesday': ['08:00', '17:30'],
                        'Wednesday': ['08:00', '17:00'],
                        'Thursday': ['08:00', '17:00'],
                        'Friday': ['09:00', '18:55'],
                        'Saturday': ['09:00', '12:00']
                        //Sunday removed, that means it's closed.
                    },
                    openClass: "bg-green1-dark is-business-opened",
                    closedClass: "bg-red2-dark is-business-closed"
                });
                if (businessHours.hasClass('is-business-opened'))
                {
                    $('.show-business-opened').removeClass('disabled');
                    $('.show-business-closed').addClass('disabled');
                    businessHours.find('h1').html(openedMessage);
                    businessHours.find('p').html(openedMessageUnder);
                    businessHours.find('#business-hours-mail').remove();
                    currentWorkDay.addClass('bg-green1-dark');
                } else
                {
                    $('.show-business-opened').addClass('disabled');
                    $('.show-business-closed').removeClass('disabled');
                    businessHours.find('h1').html(closedMessage);
                    businessHours.find('p').html(closedMessageUnder);
                    businessHours.find('#business-hours-call').remove();
                    currentWorkDay.addClass('bg-red2-dark');
                }

currentWorkDay.find('p').addClass('color-white');
            };
        }
        if (businessHours.length) { activate_business_hours() }

//Adding added-to-homescreen class to be targeted when used as PWA.
        function ath()
        {
            (function (a, b, c)
            {
                if (c in b && b[c])
                {
                    var d, e = a.location,
                        f = /^(a|html)$/i;
                    a.addEventListener("click", function (a)
                    {
                        d = a.target;
                        while (!f.test(d.nodeName)) d = d.parentNode;
                        "href" in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href)
                    }, !1);
                    $('.add-to-home').addClass('disabled');
                    $('body').addClass('is-on-homescreen');
                }
            })(document, window.navigator, "standalone")
        }
        ath();

//Add to Home Banners
        $('.simulate-android-badge').on('click', function () { $('.add-to-home').removeClass('add-to-home-ios').addClass('add-to-home-visible add-to-home-android'); });
        $('.simulate-iphone-badge').on('click', function () { $('.add-to-home').removeClass('add-to-home-android').addClass('add-to-home-visible add-to-home-ios'); });
        $('.add-to-home').on('click', function () { $('.add-to-home').removeClass('add-to-home-visible'); })
        $('.simulate-android-banner').on('click', function () { $('#menu-install-pwa-android, .menu-hider').addClass('menu-active') })
        $('.simulate-ios-banner').on('click', function () { $('#menu-install-pwa-ios, .menu-hider').addClass('menu-active') })

//Extending Card Features
        function card_extender()
        {
            /*Set Page Content to Min 100vh*/
            if ($('.is-on-homescreen').length)
            {
                var windowHeight = screen.height;
                $('.page-content, #page').css('min-height', windowHeight);
            }
            if (!$('.is-on-homescreen').length)
            {
                var windowHeight = window.innerHeight
                $('.page-content, #page').css('min-height', windowHeight);
            }

$('[data-card-height]').each(function ()
            {
                var cardHeight = $(this).data('card-height');
                var headerHeight = $('.header').height();
                var footerHeight = $('#footer-bar').height();
                $(this).css('height', cardHeight);
                if (cardHeight == "cover")
                {
                    if (header.length && menuFooter.length)
                    {
                        $(this).css('height', windowHeight - headerHeight - footerHeight)
                        $('.map-full, .map-full iframe').css('height', windowHeight - headerHeight - footerHeight + 14)
                    } else
                    {
                        $(this).css('height', windowHeight)
                        $('.map-full, .map-full iframe').css('height', windowHeight)
                    }
                }
            });
        }
        card_extender();

$(window).resize(function ()
        {
            card_extender();
        });

//Show Map
        $('.show-map, .hide-map').on('click', function ()
        {
            $('.map-full .caption').toggleClass('deactivate-map');
            $('.map-but-1, .map-but-2').toggleClass('deactivate-map');
            $('.map-full .hide-map').toggleClass('activate-map');
        });

//Card Hovers
        $('.card-scale').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('card-scale-image'); });
        $('.card-grayscale').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('card-grayscale-image'); });
        $('.card-rotate').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('card-rotate-image'); });
        $('.card-blur').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('card-blur-image'); });
        $('.card-hide').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('.card-center, .card-bottom, .card-top, .card-overlay').toggleClass('card-hide-image'); });

//Reading Time
        $('#reading-progress-text').each(function (i)
        {
            var readingWords = $(this).text().split(' ').length;
            var readingMinutes = Math.floor(readingWords / 250);
            var readingSeconds = readingWords % 60
            $('.reading-progress-words').append(readingWords);
            $('.reading-progress-time').append(readingMinutes + ':' + readingSeconds);
        });

//Timed Ads
        if ($('[data-auto-show-ad]').length)
        {
            var time = $('[data-auto-show-ad]').data('auto-show-ad');
            setTimeout(function ()
            {
                $('[data-auto-show-ad]').trigger('click');
            }, time * 1000);
        }
        $('[data-timed-ad]').on('click', function ()
        {
            var counter = $(this).data('timed-ad');
            var adwin = $('#' + $(this).data('menu'));
            menuHider.addClass('no-click');
            adwin.find('.ad-time-close').addClass('no-click');
            adwin.find('.ad-time-close i').addClass('disabled');
            adwin.find('.ad-time-close span').removeClass('disabled');

//Countdown
        function countdown(dateEnd)
        {
            var timer, years, days, hours, minutes, seconds;
            dateEnd = new Date(dateEnd);
            dateEnd = dateEnd.getTime();
            if (isNaN(dateEnd)) { return; }
            timer = setInterval(calculate, 1);
            function calculate()
            {
                var dateStart = new Date();
                var dateStart = new Date(dateStart.getUTCFullYear(), dateStart.getUTCMonth(), dateStart.getUTCDate(), dateStart.getUTCHours(), dateStart.getUTCMinutes(), dateStart.getUTCSeconds());
                var timeRemaining = parseInt((dateEnd - dateStart.getTime()) / 1000)
                if (timeRemaining >= 0)
                {
                    years = parseInt(timeRemaining / 31536000);
                    timeRemaining = (timeRemaining % 31536000);
                    days = parseInt(timeRemaining / 86400);
                    timeRemaining = (timeRemaining % 86400);
                    hours = parseInt(timeRemaining / 3600);
                    timeRemaining = (timeRemaining % 3600);
                    minutes = parseInt(timeRemaining / 60);
                    timeRemaining = (timeRemaining % 60);
                    seconds = parseInt(timeRemaining);
                    if ($('.countdown').length)
                    {
                        $(".countdown #years")[0].innerHTML = parseInt(years, 10);
                        $(".countdown #days")[0].innerHTML = parseInt(days, 10);
                        $(".countdown #hours")[0].innerHTML = ("0" + hours).slice(-2);
                        $(".countdown #minutes")[0].innerHTML = ("0" + minutes).slice(-2);
                        $(".countdown #seconds")[0].innerHTML = ("0" + seconds).slice(-2);
                    }
                } else { return; }
            }

function display(days, hours, minutes, seconds) { }
        }
        countdown('01/19/2030 03:14:07 AM');

//Accordion Icons
        $('.accordion-btn').on('click', function ()
        {
            $(this).addClass('no-click');
            $('.accordion-icon').removeClass('rotate-180');
            if ($(this).attr("aria-expanded") == "true")
            {
                $(this).parent().find('.accordion-icon').removeClass('rotate-180');
            } else
            {
                $(this).parent().find('.accordion-icon').addClass('rotate-180');
            }
            setTimeout(function () { $('.accordion-btn').removeClass('no-click'); }, 250);
        })

//Caption Hovers
        $('.caption-scale').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('caption-scale-image'); });
        $('.caption-grayscale').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('caption-grayscale-image'); });
        $('.caption-rotate').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('caption-rotate-image'); });
        $('.caption-blur').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('img').toggleClass('caption-blur-image'); });
        $('.caption-hide').unbind().bind('mouseenter mouseleave touchstart touchend', function () { $(this).find('.caption-center, .caption-bottom, .caption-top, .caption-overlay').toggleClass('caption-hide-image'); });

//File Upload
        var uploadFile = $('.upload-file');
        function activate_upload_file()
        {
            function readURL(input)
            {
                if (input.files && input.files[0])
                {
                    var reader = new FileReader();
                    reader.onload = function (e)
                    {
                        $('.file-data img').attr('src', e.target.result);
                        $('.file-data img').attr('class', 'img-fluid rounded-xs mt-4');
                    }
                    reader.readAsDataURL(input.files[0]);
                }
            }
            $(".upload-file").change(function (e)
            {
                readURL(this);
                var fileName = e.target.files[0].name;
                $('.upload-file-data').removeClass('disabled');
                $('.upload-file-name').html(e.target.files[0].name)
                $('.upload-file-modified').html(e.target.files[0].lastModifiedDate);
                $('.upload-file-size').html(e.target.files[0].size / 1000 + 'kb')
                $('.upload-file-type').html(e.target.files[0].type)
            });
        };
        if (uploadFile.length) { activate_upload_file(); }

//Task List Check on Click
        var todo = $('.todo-list');
        function activate_todo_list()
        {
            $('.todo-list a').each(function ()
            {
                if ($(this).find('.todo-icon').hasClass('far fa-square')) { $(this).removeClass('opacity-70'); } else { $(this).addClass('opacity-70'); }
            })
            $('.todo-list a').on('click', function ()
            {
                $(this).find('.todo-icon').toggleClass('far fa-square fa fa-check-square color-green1-dark');
                if ($(this).find('.todo-icon').hasClass('far fa-square')) { $(this).removeClass('opacity-70'); } else { $(this).addClass('opacity-70'); }
            })
        }
        if (todo.length) { activate_todo_list(); }

//Age Verification
        var checkAge = $('.check-age');
        function activate_age_checker()
        {
            console.log('active');
            $(".check-age").on('click', function ()
            {
                var dateBirghtDay = $("#date-birth-day").val();
                var dateBirthMonth = $("#date-birth-month").val();
                var dateBirthYear = $("#date-birth-year").val();
                var age = 18;
                var mydate = new Date();
                mydate.setFullYear(dateBirthYear, dateBirthMonth - 1, dateBirghtDay);

var currdate = new Date();
                var setDate = new Date();
                setDate.setFullYear(mydate.getFullYear() + age, dateBirthMonth - 1, dateBirghtDay);

if ((currdate - setDate) > 0)
                {
                    console.log("above 18");
                    $('#menu-age').removeClass('menu-active')
                    $('#menu-age-okay').addClass('menu-active');
                } else
                {
                    $('#menu-age').removeClass('menu-active')
                    $('#menu-age-fail').addClass('menu-active');
                }
                return true;
            });
        }
        if (checkAge.length) { activate_age_checker(); }

//Geolocation
        var geoLocation = $('.get-location');
        function activate_geolocation()
        {
            if ("geolocation" in navigator)
            {
                $('.location-support').html('Your browser and device <strong class="color-green2-dark">support</strong> Geolocation.');
            } else
            {
                $('.location-support').html('Your browser and device <strong class="color-red2-dark">support</strong> Geolocation.');
            }
            function geoLocate()
            {
                const locationCoordinates = document.querySelector('.location-coordinates');
                function success(position)
                {
                    const latitude = position.coords.latitude;
                    const longitude = position.coords.longitude;
                    locationCoordinates.innerHTML = '<strong>Longitude:</strong> ' + longitude + '<br><strong>Latitude:</strong> ' + latitude;

var mapL1 = 'http://maps.google.com/maps?q=';
                    var mapL2 = latitude + ',';
                    var mapL3 = longitude;
                    var mapL4 = '&z=18&t=h&output=embed'
                    var mapL5 = '&z=18&t=h'
                    var mapLinkEmbed = mapL1 + mapL2 + mapL3 + mapL4;
                    var mapLinkAddress = mapL1 + mapL2 + mapL3 + mapL5;

$('.location-map').after('<iframe class="location-map" src="' + mapLinkEmbed + '"></iframe> <div class="clearfix"></div>');
                    $('.location-map').parent().after(' <a href=' + mapLinkAddress + ' class="btn btn-full btn-m bg-red2-dark rounded-xs text-uppercase font-900 mb-n1 mt-3">View on Google Maps</a>');
                }
                function error()
                {
                    locationCoordinates.textContent = 'Unable to retrieve your location';
                }
                if (!navigator.geolocation)
                {
                    locationCoordinates.textContent = 'Geolocation is not supported by your browser';
                } else
                {
                    locationCoordinates.textContent = 'Locating';
                    navigator.geolocation.getCurrentPosition(success, error);
                }
            }
            $('.get-location').on('click', function ()
            {
                $(this).addClass('disabled');
                geoLocate();
            });
        };
        if (geoLocation.length) { activate_geolocation(); }

$('.input-required input, .input-required select, .input-required textarea').on('focusin keyup', function ()
        {
            var spanValue = $(this).parent().find('span').text();
            if ($(this).val() != spanValue && $(this).val() != "")
            {
                $(this).parent().find('span').addClass('input-style-1-active').removeClass('input-style-1-inactive');
            }
            if ($(this).val() === "")
            {
                // $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active');
            }
        });
        $('.input-required input, .input-required select, .input-required textarea').on('focusout', function ()
        {
            var spanValue = $(this).parent().find('span').text();
            if ($(this).val() === "")
            {
                $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active');
            }
            $(this).parent().find('span').addClass('input-style-1-inactive')
        });
        $('.input-required select').on('focusout', function ()
        {
            var getValue = $(this)[0].value;
            if (getValue === "default")
            {
                $(this).parent().find('em').html(invalidIcon)
                $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active');
            }
            if (getValue != "default")
            {
                //! Custom
                if (!$(this).parent().find('em').find('i'))
                {
                    $(this).parent().find('em').html(validIcon)
                }
            }
        });
        $('.input-required input[type="email"]').on('focusout', function () { if (emailValidator.test($(this).val())) { $(this).parent().find('em').html(validIcon); } else { if ($(this).val() === "") { $(this).parent().find('em').html("(?)"); } else { $(this).parent().find('em').html(invalidIcon); } } });
        $('.input-required input[type="tel"]').on('focusout', function () { if (phoneValidator.test($(this).val())) { $(this).parent().find('em').html(validIcon); } else { if ($(this).val() === "") { $(this).parent().find('em').html("(?)"); } else { $(this).parent().find('em').html(invalidIcon); } } });
        $('.input-required input[type="password"]').on('focusout', function () { if (passwordValidator.test($(this).val())) { $(this).parent().find('em').html(validIcon); } else { if ($(this).val() === "") { $(this).parent().find('em').html("(?)"); } else { $(this).parent().find('em').html(invalidIcon); } } });
        $('.input-required input[type="url"]').on('focusout', function () { if (urlValidator.test($(this).val())) { $(this).parent().find('em').html(validIcon); } else { if ($(this).val() === "") { $(this).parent().find('em').html("(?)"); } else { $(this).parent().find('em').html(invalidIcon); } } });
        $('.input-required input[type="name"]').on('focusout', function () { if (nameValidator.test($(this).val())) { $(this).parent().find('em').html(validIcon); } else { if ($(this).val() === "") { $(this).parent().find('em').html("(?)"); } else { $(this).parent().find('em').html(invalidIcon); } } });
        $('.input-required textarea').on('focusout', function () { if (textareaValidator.test($(this).val())) { $(this).parent().find('em').html(validIcon); } else { if ($(this).val() === "") { $(this).parent().find('em').html("(?)"); } else { $(this).parent().find('em').html(invalidIcon); } } });

//Set Today Date to Date Inputs
        Date.prototype.toDateInputValue = (function ()
        {
            var local = new Date(this);
            local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
            return local.toJSON().slice(0, 10);
        });
        // $('input[type="date"]').val(new Date().toDateInputValue());

//Adding Offline Alerts
        var offlineAlerts = $('.offline-message');
        if (!offlineAlerts.length)
        {
            $('body').append('<p class="offline-message bg-red2-dark color-white center-text uppercase ultrabold">No internet connection detected</p> ');
            $('body').append('<p class="online-message bg-green1-dark color-white center-text uppercase ultrabold">You are back online</p>');
        }

//Offline Function Show
        function isOffline()
        {
            $('.offline-message').addClass('offline-message-active');
            $('.online-message').removeClass('online-message-active');
            setTimeout(function () { $('.offline-message').removeClass('offline-message-active'); }, 2000);
        }

//Online Function Show
        function isOnline()
        {
            $('.online-message').addClass('online-message-active');
            $('.offline-message').removeClass('offline-message-active');
            setTimeout(function () { $('.online-message').removeClass('online-message-active'); }, 2000);
        }

$('.simulate-offline').on('click', function () { isOffline(); })
        $('.simulate-online').on('click', function () { isOnline(); })

//Check if Online / Offline
        function updateOnlineStatus(event)
        {
            var condition = navigator.onLine ? "online" : "offline";
            isOnline();
            console.log('Connection: Online');
        }
        function updateOfflineStatus(event)
        {
            isOffline();
            console.log('Connection: Offline');
        }
        window.addEventListener('online', updateOnlineStatus);
        window.addEventListener('offline', updateOfflineStatus);

//QR Generator
        var generateQR = $('.generate-qr-result, .generate-qr-auto');
        function activate_qr_generator()
        {
            //QR Code Generator
            var qr_auto_link = window.location.href;
            var qr_api_address = 'https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=';

$('.generate-qr-auto').attr('src', qr_api_address + qr_auto_link)
            $('.generate-qr-button').on('click', function ()
            {
                if ($(this).parent().find('.fa').hasClass('fa-exclamation-triangle'))
                {
                    console.log('Invalid URL');
                } else
                {
                    var get_qr_url = $('.generate-qr-input').val();
                    if (!get_qr_url == '')
                    {
                        $('.generate-qr-result').empty();
                        setTimeout(function ()
                        {
                            $('.generate-qr-result').append('<img class="mx-auto polaroid-effect shadow-l mt-4 delete-qr" width="200" src="' + qr_api_address + get_qr_url + '" alt="img"><p class="font-11 text-center mb-0">' + get_qr_url + '</p>')
                        }, 30);
                    }
                }
            });
        }
        if (generateQR.length) { activate_qr_generator(); }

//Vibrate Buttons
        var vibrateButton = $('[data-vibrate]');
        function activate_vibration()
        {
            $('[data-vibrate]').on('click', function () { var vibrateTime = $(this).data('vibrate'); window.navigator.vibrate(vibrateTime); });
            $('.start-vibrating').on('click', function () { var vibrateTimeInput = $('.vibrate-demo').val(); window.navigator.vibrate(vibrateTimeInput); })
            $('.stop-vibrating').on('click', function () { window.navigator.vibrate(0); $('.vibrate-demo').val(''); });
        }
        if (vibrateButton.length)
        {
            activate_vibration();
        }

//Sharing
        var share_link = window.location.href;
        var share_title = document.title;
        $('.shareToFacebook').prop("href", "https://www.facebook.com/sharer/sharer.php?u=" + share_link)
        $('.shareToLinkedIn').prop("href", "https://www.linkedin.com/shareArticle?mini=true&url=" + share_link + "&title=" + share_title + "&summary=&source=")
        $('.shareToTwitter').prop("href", "https://twitter.com/home?status=" + share_link)
        $('.shareToPinterest').prop("href", "https://pinterest.com/pin/create/button/?url=" + share_link)
        $('.shareToWhatsApp').prop("href", "whatsapp://send?text=" + share_link)
        $('.shareToMail').prop("href", "mailto:?body=" + share_link)

//Preload Image
        var preloadImages = $('.preload-img');
        $(function () { preloadImages.lazyload({ threshold: 500 }); });

//LightBox
        $('[data-lightbox]').addClass('default-link');
        lightbox.option({ alwaysShowNavOnTouchDevices: true, 'resizeDuration': 200, 'wrapAround': false })
        $('#lightbox').hammer().on("swipe", function (event)
        {
            if (event.gesture.direction === 4)
            {
                $('#lightbox a.lb-prev').trigger('click');
            } else if (event.gesture.direction === 2)
            {
                $('#lightbox a.lb-next').trigger('click');
            }
        });

//Filterable
        if ($('.gallery-filter').length > 0) { $('.gallery-filter').filterizr(); $('.gallery-filter-active').addClass('color-highlight'); }
        $('.gallery-filter-controls li').on('click', function ()
        {
            $('.gallery-filter-controls li').removeClass('gallery-filter-active color-highlight');
            $(this).addClass('gallery-filter-active color-highlight');
        });

//Gallery Views // Added in 2.0
        var galleryViews = $('.gallery-views');
        var galleryViewControls = $('.gallery-view-controls a');
        var galleryView1 = $('.gallery-view-1-activate');
        var galleryView2 = $('.gallery-view-2-activate');
        var galleryView3 = $('.gallery-view-3-activate');

galleryView1.on('click', function ()
        {
            galleryViewControls.removeClass('color-highlight');
            $(this).addClass('color-highlight');
            galleryViews.removeClass().addClass('gallery-views gallery-view-1');
        });
        galleryView2.on('click', function ()
        {
            galleryViewControls.removeClass('color-highlight');
            $(this).addClass('color-highlight');
            galleryViews.removeClass().addClass('gallery-views gallery-view-2');
        });
        galleryView3.on('click', function ()
        {
            galleryViewControls.removeClass('color-highlight');
            $(this).addClass('color-highlight');
            galleryViews.removeClass().addClass('gallery-views gallery-view-3');
        });

//Search
        var search = $('[data-search]');
        function activate_search()
        {
            search.on('keyup', function ()
            {
                var searchVal = $(this).val();
                var filterItems = $(this).parent().parent().find('[data-filter-item]');
                if (searchVal != '')
                {
                    $('.search-results').removeClass('disabled-search-list');
                    $('[data-filter-item]').addClass('disabled-search');
                    $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('disabled-search');
                } else
                {
                    $('.search-results').addClass('disabled-search-list');
                    $('[data-filter-item]').removeClass('disabled-search');
                }
            });
        }
        if (search.length) { activate_search(); }

//Contact Form
        var formSubmitted = "false";
        jQuery(document).ready(function (e)
        {
            function t(t, n)
            {
                formSubmitted = "true";
                var r = e("#" + t).serialize();
                e.post(e("#" + t).attr("action"), r, function (n)
                {
                    e("#" + t).addClass('disabled');
                    $('.contact-form').addClass('disabled');
                    e(".formSuccessMessageWrap").fadeIn(500)
                })
            }
            function n(n, r)
            {
                e(".formValidationError").hide();
                e(".fieldHasError").removeClass("fieldHasError");
                e("#" + n + " .requiredField").each(function (i)
                {
                    if (e(this).val() == "" || e(this).val() == e(this).attr("data-dummy"))
                    {
                        e(this).val(e(this).attr("data-dummy"));
                        e(this).focus();
                        e(this).addClass("fieldHasError");
                        e("#" + e(this).attr("id") + "Error").fadeIn(300);
                        return false
                    }
                    if (e(this).hasClass("requiredEmailField"))
                    {
                        var s = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                        var o = "#" + e(this).attr("id");
                        if (!s.test(e(o).val()))
                        {
                            e(o).focus();
                            e(o).addClass("fieldHasError");
                            e(o + "Error2").fadeIn(300);
                            return false
                        }
                    }
                    if (formSubmitted == "false" && i == e("#" + n + " .requiredField").length - 1)
                    {
                        t(n, r)
                    }
                })
            }
            e(".formSuccessMessageWrap").hide(0);
            e(".formValidationError").fadeOut(0);
            e('input[type="text"], input[type="password"], textarea').focus(function ()
            {
                if (e(this).val() == e(this).attr("data-dummy"))
                {
                    e(this).val("")
                }
            });
            e("input, textarea").blur(function ()
            {
                if (e(this).val() == "")
                {
                    e(this).val(e(this).attr("data-dummy"))
                }
            });
            e(".contactSubmitButton").on('click', function ()
            {
                n(e(this).attr("data-formId"));
                return false
            })
        });

//Charts
        if ($('.chart').length > 0)
        {
            var loadJS = function (url, implementationCode, location)
            {
                var scriptTag = document.createElement('script');
                scriptTag.src = url;
                scriptTag.onload = implementationCode;
                scriptTag.onreadystatechange = implementationCode;
                location.appendChild(scriptTag);
            };
            var call_charts_to_page = function ()
            {

}]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: false, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            scales: {
                                yAxes: [{
                                    display: true,
                                    ticks: {
                                        suggestedMax: 100000,    // minimum will be 0, unless there is a lower value.
                                        beginAtZero: true
                                    },
                                    gridLines: {
                                        display: false
                                    }
                                }],
                                xAxes: [{
                                    gridLines: {
                                        display: false
                                    }
                                }]
                            },
                            offsetGridLines: false
                        }
                    });
                }

/* Demo */
                if (walletChart.length)
                {
                    var homeDemoChart = new Chart(homeChart, {
                        type: 'pie',
                        data: {
                            labels: ["폐사", "도태"],
                            datasets: [{
                                backgroundColor: ["#dc3545", "#ffc107"],
                                borderColor: "rgba(255,255,255,0.5)",
                                data: [1658, 748]
                            }]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            tooltips: { enabled: true }, animation: { duration: 1500 }
                        }
                    });

var walletDemoChart = new Chart(walletChart, {
                        type: 'pie',
                        data: {
                            labels: ["도태", "폐사", "현재수수"],
                            datasets: [{
                                backgroundColor: ["#ED5565", "#A0D468", "#A0F433"],
                                borderColor: "rgba(255,255,255,0.5)",
                                data: [1300, 213, 144657]
                            }]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            tooltips: { enabled: true }, animation: { duration: 1500 }
                        }
                    });
                }

if (pieChart.length)
                {
                    var pieDemoChart = new Chart(pieChart, {
                        type: 'pie',
                        data: {
                            labels: ["Facebook", "Twitter", "WhatsApp"],
                            datasets: [{
                                backgroundColor: ["#4A89DC", "#4FC1E9", "#A0D468"],
                                borderColor: "rgba(255,255,255,0.5)",
                                data: [7000, 3000, 2000]
                            }]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            tooltips: { enabled: true }, animation: { duration: 1500 }
                        }
                    });
                }

if (doughnutChart.length)
                {
                    var doughnutDemoChart = new Chart(doughnutChart, {
                        type: 'doughnut',
                        data: {
                            labels: ["Apple", "Samsung", "Google"],
                            datasets: [{
                                backgroundColor: ["#CCD1D9", "#5D9CEC", "#FC6E51"],
                                borderColor: "rgba(255,255,255,0.5)",
                                data: [5500, 4000, 3000]
                            }]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            tooltips: { enabled: true }, animation: { duration: 1500 }, layout: { padding: { bottom: 30 } }
                        }
                    });
                }

if (polarChart.length)
                {
                    var polarDemoChart = new Chart(polarChart, {
                        type: 'polarArea',
                        data: {
                            labels: ["Windows", "Mac", "Linux"],
                            datasets: [{
                                backgroundColor: ["#CCD1D9", "#5D9CEC", "#FC6E51"],
                                borderColor: "rgba(255,255,255,0.5)",
                                data: [7000, 10000, 5000]
                            }]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            tooltips: { enabled: true }, animation: { duration: 1500 }, layout: { padding: { bottom: 30 } }
                        }
                    });
                }

if (verticalChart.length)
                {
                    var verticalDemoChart = new Chart(verticalChart, {
                        type: 'bar',
                        data: {
                            labels: ["2010", "2015", "2020", "2025"],
                            datasets: [
                                {
                                    label: "iOS",
                                    backgroundColor: "#A0D468",
                                    data: [900, 1000, 1200, 1400]
                                }, {
                                    label: "Android",
                                    backgroundColor: "#4A89DC",
                                    data: [890, 950, 1100, 1300]
                                }
                            ]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            title: { display: false }
                        }
                    });
                }

if (horizontalChart.length)
                {
                    var horizontalDemoChart = new Chart(horizontalChart, {
                        type: 'horizontalBar',
                        data: {
                            labels: ["2010", "2013", "2016", "2020"],
                            datasets: [
                                {
                                    label: "Mobile",
                                    backgroundColor: "#BF263C",
                                    data: [330, 400, 580, 590]
                                }, {
                                    label: "Responsive",
                                    backgroundColor: "#EC87C0",
                                    data: [390, 450, 550, 570]
                                }
                            ]
                        },
                        options: {
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            title: { display: false }
                        }
                    });
                }

if (lineChart.length)
                {
                    var lineDemoChart = new Chart(lineChart, {
                        type: 'line',
                        data: {
                            labels: [2000, 2005, 2010, 2015, 2010],
                            datasets: [{
                                data: [500, 400, 300, 200, 300],
                                label: "Desktop Web",
                                borderColor: "#D8334A"
                            }, {
                                data: [0, 100, 300, 400, 500],
                                label: "Mobile Web",
                                borderColor: "#4A89DC"
                            }
                            ]
                        },
                        options: {
                            responsive: true, maintainAspectRatio: false,
                            legend: { display: true, position: 'bottom', labels: { fontSize: 13, padding: 15, boxWidth: 12 }, },
                            title: { display: false }
                        }
                    });
                }
            }
            loadJS('/scripts/charts.js', call_charts_to_page, document.body);
        }

//Local Error Message
        if (window.location.protocol === "file:") { $('a').on('mouseover', function () { console.log("You are seeing these errors because your file is on your local computer. For real life simulations please use a Live Server or a Local Server such as AMPPS or WAMPP or simulate a  Live Preview using a Code Editor like http://brackets.io (it's 100% free) - PWA functions and AJAX Page Transitions will only work in these scenarios."); }); }

//Style Generator
        var generatedStyles = $('.generated-styles');
        var generatedHighlight = $('.generated-highlight');

//HEX to RGBA Converter
        function HEXtoRGBA(hex)
        {
            var c;
            if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex))
            {
                c = hex.substring(1).split('');
                if (c.length == 3) { c = [c[0], c[0], c[1], c[1], c[2], c[2]]; }
                c = '0x' + c.join('');
                return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',0.3)';
            }
        }

function highlight_colors()
        {
            var bodyColor = readCookie('sticky-color-scheme')
            if (bodyColor == undefined) { var bodyColor = $('body').data('highlight'); }

var bodyBackground = readCookie('sticky-bg-scheme')
            if (bodyBackground == undefined) { var bodyBackground = $('body').data('background'); }

//Change Highlight
        $('[data-change-highlight]').on('click', function (changeColor)
        {
            var highlightNew = $(this).data('change-highlight');
            $('body').attr('data-highlight', highlightNew);
            $('.generated-highlight').remove();
            createCookie('sticky-color-scheme', highlightNew, 1)
            var data = colorsArray.map(colorsArray => colorsArray[0]);
            if (data.indexOf(highlightNew) > -1)
            {
                var highlightLocated = data.indexOf(highlightNew)
                if ($(this).data('color-light') !== undefined)
                {
                    var highlightColorCode = colorsArray[highlightLocated][1]
                } else
                {
                    var highlightColorCode = colorsArray[highlightLocated][2]
                }
                var highlightColor = '.color-highlight{color:' + highlightColorCode + '!important}'
                var highlightBg = '.bg-highlight{background-color:' + highlightColorCode + '!important}'
                var highlightNav = '.active-nav *{color:' + highlightColorCode + '!important} .active-nav2 strong{background-color:' + highlightColorCode + '!important}  .active-nav3 strong{background-color:' + highlightColorCode + '!important} .active-nav4 strong{border-color:' + highlightColorCode + '!important}'
                var highlightBorder = '.border-highlight{border-color:' + highlightColorCode + '!important}'
                $('body').append('<style class="generated-highlight"></style>')
                $('.generated-highlight').append(highlightColor, highlightBg, highlightNav, highlightBorder);
            }
        });

//Change Background
        $('[data-change-background]').on('click', function (changeColor)
        {
            var backgroundNew = $(this).data('change-background');
            createCookie('sticky-bg-scheme', backgroundNew, 1)
            $('.generated-background').remove();
            var data = colorsArray.map(colorsArray => colorsArray[0]);
            var backgroundLocated = data.indexOf(backgroundNew)
            var backgroundColorCode = colorsArray[backgroundLocated][3] + ', ' + colorsArray[backgroundLocated][1]
            var bodyBG = '#page{background: linear-gradient(0deg, ' + backgroundColorCode + ')!important;} .bg-page{background: linear-gradient(0deg, ' + backgroundColorCode + ')!important}'
            $('body').append('<style class="generated-background"></style>')
            $('.generated-background').append(bodyBG);
        });

if (!generatedStyles.length)
        {
            $('body').append('<style class="generated-styles"></style>');
            $('.generated-styles').append('/*Generated using JS for lower CSS file Size, Easier Editing & Faster Loading*/');
            colorsArray.forEach(function (colorValue) { $('.generated-styles').append('.bg-' + colorValue[0] + '-light{ background-color: ' + colorValue[1] + '!important; color:#FFFFFF!important;} .bg-' + colorValue[0] + '-light i, .bg-' + colorValue[0] + '-dark i{color:#FFFFFF;} .bg-' + colorValue[0] + '-dark{  background-color: ' + colorValue[2] + '!important; } .border-' + colorValue[0] + '-light{ border-color:' + colorValue[1] + '!important;} .border-' + colorValue[0] + '-dark{  border-color:' + colorValue[2] + '!important;} .color-' + colorValue[0] + '-light{ color: ' + colorValue[1] + '!important;} .color-' + colorValue[0] + '-dark{  color: ' + colorValue[2] + '!important;}'); });
            colorsArray.forEach(function (colorFadeValue) { $('.generated-styles').append('.bg-fade-' + colorFadeValue[0] + '-light{ background-color: ' + HEXtoRGBA(colorFadeValue[1]) + '!important; color:#FFFFFF;} .bg-fade-' + colorFadeValue[0] + '-light i, .bg-' + colorFadeValue[0] + '-dark i{color:#FFFFFF;} .bg-fade-' + colorFadeValue[0] + '-dark{  background-color: ' + HEXtoRGBA(colorFadeValue[2]) + '!important; color:#FFFFFF;} .border-fade-' + colorFadeValue[0] + '-light{ border-color:' + HEXtoRGBA(colorFadeValue[1]) + '!important;} .border-fade-' + colorFadeValue[0] + '-dark{  border-color:' + HEXtoRGBA(colorFadeValue[2]) + '!important;} .color-fade-' + colorFadeValue[0] + '-light{ color: ' + HEXtoRGBA(colorFadeValue[1]) + '!important;} .color-fade-' + colorFadeValue[0] + '-dark{  color: ' + HEXtoRGBA(colorFadeValue[2]) + '!important;}'); });
            colorsArray.forEach(function (gradientValue) { $('.generated-styles').append('.bg-gradient-' + gradientValue[0] + '{background-image: linear-gradient(to bottom, ' + gradientValue[1] + ' 0, ' + gradientValue[2] + ' 100%)}') });
            socialColorArray.forEach(function (socialColorValue) { $('.generated-styles').append('.bg-' + socialColorValue[0] + '{background-color:' + socialColorValue[1] + '!important; color:#FFFFFF;} .color-' + socialColorValue[0] + '{color:' + socialColorValue[1] + '!important;}') });
            colorsArray.forEach(function (gradientBodyValue) { $('.generated-styles').append('.body-' + gradientBodyValue[0] + '{background-image: linear-gradient(to bottom, ' + gradientBodyValue[1] + ' 0, ' + gradientBodyValue[3] + ' 100%)}') });
        }

}
    //Activating all the plugins
    setTimeout(init_template, 0);

//Activate AJAX Transitions
    if (isAJAX === true)
    {
        $(function ()
        {
            'use strict';
            var options = {
                prefetch: true,
                prefetchOn: 'mouseover',
                cacheLength: 100,
                scroll: true,
                blacklist: '.default-link',
                forms: 'contactForm',
                onStart: {
                    duration: 150, // Duration of our animation
                    render: function ($container)
                    {
                        $container.addClass('is-exiting');// Add your CSS animation reversing class
                        $('.menu, .menu-hider').removeClass('menu-active');
                        $('#preloader').removeClass('preloader-hide');
                        return false;
                    }
                },
                onReady: {
                    duration: 10,
                    render: function ($container, $newContent)
                    {
                        $container.removeClass('is-exiting');// Remove your CSS animation reversing class
                        $container.html($newContent);// Inject the new content
                        setTimeout(init_template, 0)//Timeout required to properly initiate all JS Functions.
                        $('#preloader').removeClass('preloader-hide');
                    }
                },
                onAfter: function ($container, $newContent)
                {
                    setTimeout(function ()
                    {
                        $('.menu').css('display', 'block');
                        $('#preloader').addClass('preloader-hide');
                    }, 150);
                }
            };
            var smoothState = $('#page').smoothState(options).data('smoothState');
            smoothState.clear();
        });
    }

//Activate Development mode. Keeps caches clear.
    if (isDevelopment === true)
    {
        if (!$('.reloader').length) { $('body').append('<a href="#" class="reloader" style="position:fixed; background-color:#000; color:#FFF; z-index:9999; bottom:80px; left:50%; margin-left:-105px; border-radius:10px; width:210px; line-height:40px; text-align:center;">Developer Mode - Tap to Reload</a>'); }
        $('.reloader').on('click', function () { window.location.reload(true); })
        caches.delete('workbox-runtime').then(function () { });
        localStorage.clear();
        sessionStorage.clear()
        caches.keys().then(cacheNames =>
        {
            cacheNames.forEach(cacheName =>
            {
                caches.delete(cacheName);
            });
        });
    }

//Activate the PWA
    if (isPWA === true)
    {
        var loadJS = function (url, implementationCode, location)
        {
            var scriptTag = document.createElement('script');
            scriptTag.src = url;
            scriptTag.onload = implementationCode;
            scriptTag.onreadystatechange = implementationCode;
            location.appendChild(scriptTag);
        };
        function loadPWA() { }
        loadJS('/scripts/pwa.js', loadPWA, document.body);
    }
});

/* 커스텀 함수들 */

/* 농장 삭제 */
// 농장 선택
function editFarmSelectedFarm()
{
    var selectFarmId = document.querySelector('#select-farm_id').value;
    window.location.href = `/menu/farm/edit/${ selectFarmId }`;
}
// 농장 삭제
function editFarmDeleteFarm()
{
    var confirmBoolA = confirm('농장 내용과 계사, 입추, 파스 정보 전부 삭제되며 복구가 불가능합니다.\n 선택하신 농장를 삭제 하시겠습니까?');
    if (confirmBoolA)
    {
        var confirmBoolB = confirm('데이터로 인한 피해는 책임지지 않습니다.\n 그래도 삭제 하시겠습니까?');
        if (confirmBoolB)
        {
            var formDeleteFarm = document.querySelector('#form-delete-farm');
            formDeleteFarm.submit();
        }
    }
}

/* 계사 등록 */
// 농장 선택
function createHouseSelectedFarm()
{
    let selectFarmId = document.querySelector('#select-farm_id').value;
    window.location.href = `/menu/house/create/${ selectFarmId }`;
}

/* 계사 수정 */
// 농장 선택
function editHouseSelectedFarm()
{
    var selectFarmId = document.querySelector('#select-farm-id').value;
    window.location.href = `/menu/house/edit/${ selectFarmId }`;
}
// 계사 선택
function editHouseSelectedHouse()
{
    var selectFarmId = document.querySelector('#select-farm-id').value;
    var selectHouseId = document.querySelector('#select-house-name').value;
    window.location.href = `/menu/house/edit/${ selectFarmId }/${ selectHouseId }`;
}
// 계사 삭제
function editHouseDeleteHouse(house_id)
{
    var confirmBoolA = confirm('계사, 입추, 파스 정보 전부 삭제되며 복구가 불가능합니다.\n 선택하신 계사를 삭제 하시겠습니까?');
    if (confirmBoolA)
    {
        var confirmBoolB = confirm('데이터로 인한 피해는 책임지지 않습니다.\n 그래도 삭제 하시겠습니까?');
        if (confirmBoolB)
        {
            var formDeleteHouse = document.querySelector('#form-delete-house');
            formDeleteHouse.submit();
        }
    }
}

/* 파스 등록 */
// 농가 선택
function partsCreateSelectedFarmYear()
{
    let selectFarmId = document.querySelector('#select-farm_id').value;
    let selectYear = document.querySelector('#select-year').value;
    window.location.href = `/menu/parts/create/${ selectFarmId }/${ selectYear }`;
}

/* 입추 등록 */
// 부화장 선택
function changeHatcheryName(target, houseId)
{
    var hatcheryName = document.getElementById('hatchery_name' + houseId);
    // 부화장 개인설정 시에 포커스이동 후 부화장 이름 입력 강제
    if (target.selectedIndex === 1)
    {
        hatcheryName.placeholder = "부화장 입력";
        hatcheryName.value = "";
        hatcheryName.focus();
    } else
    {
        hatcheryName.value = target.options[target.selectedIndex].text;
    }
}
// function datePickerSelector()
// {
//     $('#culling-death-date').datepicker({
//         dateFormat: 'yy-mm-dd', //Input Display Format 변경
//         monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'], //달력의 월 부분 텍스트
//         monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월',
//             '12월'
//         ], //달력의 월 부분 Tooltip 텍스트
//         dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], //달력의 요일 부분 텍스트
//         dayNames: ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'] //달력의 요일 부분 Tooltip 텍스트
//     });
// }