var _app = _app || {};

_app.effect = function () {
    $("img.lazy").lazyload({
        effect: "fadeIn",
        threshold: 200,
        failure_limit: 10,
        skip_invisible: true,
        appear: null,
        load: null
    });
    $("div.lazy").lazyload({
        effect: "fadeIn",
        threshold: 200,
        failure_limit: 10,
        skip_invisible: true,
        appear: null,
        load: null
    });
    $('.wow').each(function () {
        $(this).addClass('delay');
    });
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });
    wow.init();
}

_app.checkBrowser = function () {
    (function (w) { if (!("WebSocket" in w && 2 === w.WebSocket.CLOSING)) { var d = document.createElement("div"); d.className = "browsehappy"; d.innerHTML = '<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>'; var f = function () { var s = document.getElementsByTagName("body")[0]; if ("undefined" == typeof (s)) { setTimeout(f, 10) } else { s.insertBefore(d, s.firstChild) } }; f() } }(window));
}

_app.index = function () {

};

_app.share = function () {
    var SimpleShare = function (options) {

        // get share content
        options = options || {};
        var url = options.url || window.location.href;
        var title = options.title || document.title;
        var content = options.content || '';
        var pic = options.pic || '';

        // fix content format
        url = encodeURIComponent(url);
        title = encodeURIComponent(title);
        content = encodeURIComponent(content);
        pic = encodeURIComponent(pic);

        // share target url
        var qzone = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={url}&title={title}&pics={pic}&summary={content}';
        var weibo = 'http://service.weibo.com/share/share.php?url={url}&title={title}&pic={pic}&searchPic=false';
        var tqq = 'http://share.v.t.qq.com/index.php?c=share&a=index&url={url}&title={title}&appkey=801cf76d3cfc44ada52ec13114e84a96';
        var renren = 'http://widget.renren.com/dialog/share?resourceUrl={url}&srcUrl={url}&title={title}&description={content}';
        var douban = 'http://www.douban.com/share/service?href={url}&name={title}&text={content}&image={pic}';
        var facebook = 'https://www.facebook.com/sharer/sharer.php?u={url}&t={title}&pic={pic}';
        var twitter = 'https://twitter.com/intent/tweet?text={title}&url={url}';
        var linkedin = 'https://www.linkedin.com/shareArticle?title={title}&summary={content}&mini=true&url={url}&ro=true';
        var weixin = 'http://qr.liantu.com/api.php?text={url}';
        var qq = 'http://connect.qq.com/widget/shareqq/index.html?url={url}&desc={title}&pics={pic}';
        var tumblr = 'https://www.tumblr.com/widgets/share/tool?posttype=link&canonicalUrl={url}&title={title}&content={content}';
        var pinterest = 'https://www.pinterest.com/pin/create/button/?url={url}&media=" + encodeURIComponent(a))';

        // replace content functions
        function replaceAPI (api) {
            api = api.replace('{url}', url);
            api = api.replace('{title}', title);
            api = api.replace('{content}', content);
            api = api.replace('{pic}', pic);

            return api;
        }

        // share target
        this.qzone = function () {
            window.open(replaceAPI(qzone));
        };
        this.weibo = function () {
            window.open(replaceAPI(weibo));
        };
        this.tqq = function () {
            window.open(replaceAPI(tqq));
        };
        this.renren = function () {
            window.open(replaceAPI(renren));
        };
        this.douban = function () {
            window.open(replaceAPI(douban));
        };
        this.facebook = function () {
            window.open(replaceAPI(facebook));
        };
        this.twitter = function () {
            window.open(replaceAPI(twitter));
        };
        this.linkedin = function () {
            window.open(replaceAPI(linkedin));
        };
        this.qq = function () {
            window.open(replaceAPI(qq));
        };
        this.tumblr = function () {
            window.open(replaceAPI(tumblr));
        };
        this.pinterest = function () {
            window.open(replaceAPI(pinterest));
        };
        this.weixin = function (callback) {
            if (!callback) {
                // window.open(replaceAPI(weixin));
                var wxHtml = '<div class="wx-share"><i class="wx-share-close js-wxClose icon-close"></i><img src="' + replaceAPI(weixin) + '" alt=""><p>鍒嗕韩鍒板井淇℃湅鍙嬪湀</p></div>';
                $('body').append(wxHtml);
            } else {
                callback(replaceAPI(weixin));
            }
        };


    };
    var share = new SimpleShare({
        url: '',
        title: '',
        content: '',
        pic: ''
    });
    $('.social a').on('click', function () {
        var type = $(this).attr('data-share');
        switch (type) {
            case 'twitter':
                share.twitter();
                break;
            case 'facebook':
                share.facebook();
                break;
            case 'linkedin':
                share.linkedin();
                break;
            case "weixin":
                share.weixin();
                break;
            case "weibo":
                share.weibo();
                break;
            case 'tumblr':
                share.tumblr();
                break;
            case 'pinterest':
                share.pinterest();
                break;
            default:
                break;
        }
    });

    $(document).on('click', '.js-wxClose', function () {
        $('.wx-share').remove();
    });
};

_app.scrollTop = function () {
    $(document).on('click', '[data-scroll-top]', function () {
        $('html,body').animate({ scrollTop: 0 }, 600);
    });
    $(window).bind('scroll', function () {
        if ($(window).height() < $(window).scrollTop()) {
            $('[data-scroll-top]').fadeIn();
        } else {
            $('[data-scroll-top]').fadeOut();
        }
    }).trigger('scroll');
}

_app.header = function () {
    $('.navbar .nav>li>a').bind('click', function (e) {
        if ($(window).width() > 1024) return;
        if ($(this).parent().find('.dropdown').length > 0) {
            if ($(this).parent().attr('data-status') == 0) {
                e.preventDefault();
                $(this).parent().addClass('on').attr('data-status', 1).find('.dropdown').slideDown();
                $(this).parent().siblings().removeClass('on').attr('data-status', 0).find('.dropdown').slideUp();
            } else {

            }
        }
    });

    $('.navbar .nav>li').hover(function () {
        if ($(window).width() < 1024) return;
        if ($(this).find('.dropdown').length > 0) {
            $(this).find('.dropdown .dropdown-menu_wrapepr').stop().slideDown();
        }
    }, function () {
        if ($(window).width() < 1024) return;
        /* $(this).removeClass('active');
         $('.dropnav').removeClass('draopnav--active');
         $('.dropnav .dropnav_wrapper').html();*/
        if ($(this).find('.dropdown').length > 0) {
            $(this).find('.dropdown .dropdown-menu_wrapepr').hide();
        }
    });

    $('.dropnav .dropnav_wrapper').hover(function () {
        if ($(window).width() < 1024) return;
        $(this).parent().addClass('draopnav--active');
    }, function () {
        if ($(window).width() < 1024) return;
        $(this).parent().removeClass('draopnav--active');
    });

    $(document).on('click', '[data-trigger_menu]', function () {
        if ($(this).attr('data-status') == 0) {
            $(this).addClass('button_close').attr('data-status', 1);
            $('.navbar').slideDown();
            $('.btn_inquiry').addClass('opa');
        } else {
            $('.navbar').slideUp();
            $(this).removeClass('button_close').attr('data-status', 0);
            $('.btn_inquiry').removeClass('opa');
        }
    });

    $(document).on('click', '[data-trigger_tools]', function () {
        if ($(this).attr('data-status') == 0) {
            $(this).addClass('btn_close').attr('data-status', 1);
            $('.header .btn_tools,.header .btn_inquiry').addClass('active');
            $('.formsearch').removeClass('active');
        } else {
            $(this).removeClass('btn_close').attr('data-status', 0);
            $('.header .btn_tools,.header .btn_inquiry').removeClass('active');
            $('.formsearch').removeClass('active');
        }
    });

    $(document).on('click', '[data-trigger_search]', function () {
        if ($(this).attr('data-status') == 0) {
            $(this).attr('data-status', 1);
            $('.formsearch').addClass('active');
        } else {
            $(this).attr('data-status', 0);
            $('.formsearch').removeClass('active');
        }
    });

    $('.navbar .bgcover,.wrapper').bind('click', function () {
        if ($(window).width() < 1025) return;
        $('.formsearch').removeClass('active');
        $('[data-trigger_search]').attr('data-status', 0);
    });
    $('.navbar .bgcover').bind('click', function () {
        $('.formsearch').removeClass('active');
        $('[data-trigger_search]').attr('data-status', 0);
        if ($(window).width() < 1024) {
            $('.navbar .nav>li').removeClass('on').attr('data-status', 0);
            $('.dropdown').hide();
        }
    });

    $(document).on('click', '[data-trigger_lang]', function (e) {
        e.preventDefault();
        e.stopPropagation();
        if ($(this).attr('data-status') == 0) {
            $('.language-box').slideDown();
            $(this).attr('data-status', 1);
        } else {
            $('.language-box').slideUp();
            $(this).attr('data-status', 0);
        }
    });

    $(document).bind('click', function () {
        $('.language-box').slideUp();
        $('[data-trigger_lang]').attr('data-status', 0);
    });

    $('.container-full .cover').bind('click', function () {
        $(this).parent().slideUp();
        $('[data-trigger_lang]').attr('data-status', 0);
    });

    $('.product_dropdown-menu > ul > li').hover(function () {
        if ($(window).width() < 1024) return;
        var index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $(this).closest('.dropdown-menu_wrapepr').find('.level_wrapper > ul').eq(index).stop().fadeIn().siblings().hide();
        $(this).closest('.dropdown-menu_wrapepr').find('.level_wrapper > ul').eq(index).find('li:first').addClass('active').siblings().removeClass('active');
        var href = $(this).closest('.dropdown-menu_wrapepr').find('.level_wrapper > ul').eq(index).find('li:first').attr('data-img');
        $(this).closest('.dropdown').find('.img-box img').attr('src', href);
    });

    $('.level_wrapper ul > li').hover(function () {
        if ($(window).width() < 1024) return;
        $(this).addClass('active').siblings().removeClass('active');
        var href = $(this).attr('data-img');
        $(this).closest('.dropdown').find('.img-box img').attr('src', href);
    });

    $('.solution_dropdown .dropdown-menu li').hover(function () {
        if ($(window).width() < 1024) return;
        $('.solution_dropdown .dropdown-menu li').removeClass('active');
    }, function () {
        if ($(window).width() < 1024) return;
        $('.solution_dropdown .dropdown-menu ul:first > li:first').addClass('active');
    });

    $('.formsearch .form-control').bind('focus', function () {
        $(this).parent().addClass('on');
    }).bind('blur', function () {
        if ($(this).val() == "") {
            $(this).parent().removeClass('on');
        }
    });

    $('.level_wrapper').each(function (index) {
        $(this).find('ul:first > li:first').addClass('active');
        var img = $(this).find('ul:first > li:first').attr('data-img');
        console.log(img);
        $(this).parent().find('.img-box > img').attr('src', img);
    });
}

_app.support = function () {
    $(document).on('click', '[data-select-option]', function () {
        if ($(this).attr('data-status') == 0) {
            $(this).attr('data-status', 1).addClass('active').find('.answer').slideDown();
        } else {
            $(this).attr('data-status', 0).removeClass('active').find('.answer').slideUp();
        }
    });
}

_app.formValidate = function () {
    var isScroll = false;
    $('.validate_form .form-control').bind('focus', function (e) {
        /*if ($(this).val() == ""){*/
        $(this).parent().addClass('on');
        if ($(this).parent().find('.select').length > 0) {
            $(this).parent().find('.select').slideDown();
            if (!isScroll) {
                $(".scrollBar").mCustomScrollbar();
                isScroll = true;
            }
        }
        /* }*/
    }).bind('blur', function (e) {
        if ($(this).val() == "") {
            $(this).parent().removeClass('on');
        }
        if ($(this).parent().find('.select').length > 0) {
            $(this).parent().find('.select').slideUp();
        }
    });

    $('.validate_form .icon-icon_arrow').bind('click', function () {
        /*$(this).parent().find('.form-control').trigger('focus');*/
        e.preventDefault();
        e.stopPropagation();
        $(this).parent().find('.select').stop().slideToggle();
        if (!isScroll) {
            $(".scrollBar").mCustomScrollbar();
            isScroll = true;
        }
    });

    /*$(document).on('click', '[data-option_selected]', function() {
        $(this).closest('.form-group').find('.select').stop().slideToggle();
    });*/

    $('.select ul > li').bind('click', function () {
        $(this).closest('.form-group').find('[data-option_selected]').addClass('active').val($(this).text());
        $(this).closest('.select').slideUp();
    });
}

_app.works = function () {
    var isScroll = false;
    $('.select-wrapper').hover(function () {
        if ($(window).width() < 1024) return;
        $(this).addClass('active').find('.select-list').stop().slideDown();
        if (!isScroll) {
            if ($(this).hasClass('region_select')) {
                $(".scrollBar").mCustomScrollbar();
                isScroll = true;
            }
        }
    }, function () {
        if ($(window).width() < 1024) return;
        $(this).removeClass('active').find('.select-list').slideUp();
    });

    $('.select-wrapper').bind('click', function () {
        if ($(window).width() > 1024) return;
        if ($(this).attr('data-status') == 0) {
            $(this).attr('data-status', 1).addClass('active').find('.select-list').stop().slideDown();
            $(this).siblings().attr('data-status', 0).removeClass('active').find('.select-list').slideUp();
            if (!isScroll) {
                if ($(this).hasClass('region_select')) {
                    $(".scrollBar").mCustomScrollbar();
                    isScroll = true;
                }
            }
        } else {
            $(this).attr('data-status', 0).removeClass('active').find('.select-list').hide();
        }
    });

    /*$(document).bind('click',function(){
        if ($(window).width() > 1024) return;
        $('.select-list').hide();
        $('.select-wrapper').removeClass('active');
    });*/

    $(document).on('click', '.select-list ul > li', function (e) {
        e.stopPropagation();
        e.preventDefault();
        $(this).closest('.select-wrapper').find('.select-button').val($(this).html());
        $(this).addClass('selected').siblings().removeClass('selected');
        $(this).closest('.select-wrapper').find('.select-hidden').val($(this).attr('data-value'));
        if ($(window).width() < 1025) {
            $(this).closest('.select-list').hide();
            $(this).closest('.select-wrapper').removeClass('active');
        }
        $('#filterForm').submit();
    });
}

_app.playVideo = function () {
    $(document).on('click', '[data-play-video]', function () {
        $(this).parent().find('.videopopup').fadeIn();
        video($(this).parent().find('video').attr('id'));
    });
    $(document).on('click', '[data-pause-video]', function () {
        $(this).parent().fadeOut();
        video($(this).parent().find('video').attr('id'));
    });

    function video (id) {
        var video = document.getElementById(id);
        if (video.paused) {
            video.play();
        } else {
            video.pause();
        }
    }
}

_app.fixedBox = function () {
    if ($('#fixed-top').length <= 0) return;
    $(window).on('scroll', function(){
        if ($(this).width() < 1024) {
            var offsetTop = $('#fixed-top').offset().top - 50;
            if ($(window).scrollTop() > offsetTop){
                $('#fixed-navigator').addClass('fixed');
                $('.nav-tabs__placeholder').addClass('fix');
            }else{
                $('#fixed-navigator').removeClass('fixed');
                $('.nav-tabs__placeholder').removeClass('fix');
            }
        }else{
            $('#fixed-navigator').removeClass('fixed');
            $('.nav-tabs__placeholder').removeClass('fix');
        }
    }).trigger('scroll');
}

_app.init = function () {
    _app.share();
    _app.checkBrowser();
    _app.effect();
    _app.scrollTop();
    _app.header();
    _app.support();
    _app.formValidate();
    _app.playVideo();
    _app.fixedBox();
};

_app.init();