$(document).ready(function () {

    $('.list').hover(function () {
            let index = $(this).index();
            console.log(index)
            console.log($(this).find('.operations_icon'))
            var _this = $(this)
            $('.operations_icon').removeClass('is-leave')
            $(this).find('.operations_icon').addClass('is-enter')
            // $(this).find('.operations_bg1').removeClass('unactive')
            // $(this).find('.operations_bg1').addClass('active')

            // $(this).find('.operations_bg').removeClass('unactive_s')
            // $(this).find('.operations_bg').addClass('active_s')

        },
        function () {
            var _this = $(this)
            $(this).find('.operations_icon').addClass('is-leave')
            $('.operations_icon').removeClass('is-enter')
            // $(this).find('.operations_bg1').removeClass('active')
            // $(this).find('.operations_bg1').addClass('unactive')

            // $(this).find('.operations_bg').removeClass('active_s')
            // $(this).find('.operations_bg').addClass('unactive_s')
        })

    $('.demo-item').hover(function () {
        $(this).removeClass('active').siblings().removeClass('active')
    }, function () {
        $(this).addClass('active').siblings().removeClass('active');
    })

    $('.top').click(function (e) {
        e.preventDefault();
        $("body,html").animate({
            scrollTop: 0
        }, 500);
    });


    $('.industry-card').hover(function () {
        // $('.bg-video').trigger('pause');
        // $('.bg-video').trigger('load');
        $(this).find('.bg-video').trigger('play');
        $('.industry-card-desc').css({
            color: '#999'
        })
        $(this).find('.industry-card-desc').css({
            color: '#fff'
        })
    }, function () {
        // $('.bg-video').trigger('load');
        $(this).find('.bg-video').trigger('load');
        $(this).find('.industry-card-desc').css({
            color: '#999'
        })
    })

    $('.inde-video').trigger('play');
    // $("[data-toggle='popover']").popover();



    // $('#myModal').bootstrapValidator({
    //     message: 'This value is not valid',
    //     feedbackIcons: {
    //         valid: 'glyphicon glyphicon-ok',
    //         invalid: 'glyphicon glyphicon-remove',
    //         validating: 'glyphicon glyphicon-refresh'
    //     },
    //     fields: {
    //         username: {
    //             message: 'The username is not valid',
    //             validators: {
    //                 notEmpty: {
    //                     message: 'The username is required and can\'t be empty'
    //                 },
    //                 stringLength: {
    //                     min: 6,
    //                     max: 30,
    //                     message: 'The username must be more than 6 and less than 30 characters long'
    //                 },
    //                 regexp: {
    //                     regexp: /^[a-zA-Z0-9_\.]+$/,
    //                     message: 'The username can only consist of alphabetical, number, dot and underscore'
    //                 }
    //             }
    //         },
    //         hobby: {
    //             validators: {
    //                 notEmpty: {
    //                     message: 'The country is required and can\'t be empty'
    //                 }
    //             }
    //         },
    //         email: {
    //             validators: {
    //                 notEmpty: {
    //                     message: 'The email address is required and can\'t be empty'
    //                 },
    //                 emailAddress: {
    //                     message: 'The input is not a valid email address'
    //                 }
    //             }
    //         },
    //         phoneNumber: {
    //             validators: {
    //                 phone: {
    //                     message: 'The input is not a valid US phone number'
    //                 }
    //             }
    //         },

    //     }
    // });

    $(window).scroll(function () {
        if ($(document).scrollTop() < 400) {
            $('.header').css({
                background: '#F7F9F6'
            })
            $('.header.active').css({
                background: '#F7F9F6'
            })
        } else {
            $('.header').css({
                background: '#fff'
            })
            $('.header.active').css({
                background: '#fff'
            })
        }

    });

});