$(function() {
    // 手机端 到导航点击特效
    $(".xymob-menu-jt").click(function() {
        var xymobSubmenuBox = $(this).siblings('.xymob-sub-menu');
        var xymobSubmenuSiblingsBox = $(this).parents('li').siblings('li').find('.xymob-sub-menu');
        var xymobSubmenuSiblingsJt = $(this).parents('li').siblings('li').find('.xymob-menu-jt');
        if (!xymobSubmenuBox.is(":visible")) {
            $(this).addClass('clicked');
            xymobSubmenuBox.slideDown();
            xymobSubmenuSiblingsJt.removeClass('clicked');
            xymobSubmenuSiblingsBox.slideUp();
        } else {
            $(this).removeClass('clicked');
            xymobSubmenuBox.slideUp();
        }
    });


    //手机导航按钮点击效果
    app.clickToggle('.xymob-navbtn', '.xymob-menu');

    // 手机搜索按钮点击
    $(".xymob-search-btn").add('.xymob-search-close-btn').click(function() {
        $(".xymob-search").toggleClass('clicked');
    });


    // 搜索框判断
    $("input[name='wd']").each(function() {
        var _plac = $(this).attr('placeholder');
        $(this).focus(function() {
            $(this).attr('placeholder', '');
        });
        $(this).blur(function() {
            $(this).attr('placeholder', _plac);
        });
    });

    $('input[type="submit"]').click(function() {
        var _val = $(this).siblings("#keyword").val();
        if (_val === '' || _val === '请输入搜索关键词') {
            alert('请输入搜索关键词！');
            $("#keyword").focus();
            return false;
        }
    });
    //返回顶部
    app.backTop(".xymob-page-backtop", 300);




    /* 内页共用js代码 */

    // 内页左侧导航栏点击特效
    $(".first-nav-btn").click(function() {
        var boxa = $(this).siblings('.xypg-left-subnav');
        var parbox = $(this).parents('li');
        var parSibBox = $(this).parents('li').siblings('li');
        var boxb = $(this).parents('li').siblings('li').find('.xypg-left-subnav');
        var jta = $(this).parents('li').siblings('li').find('.first-nav-btn');

        var subLiLen = boxa.find('li').length;
        if (subLiLen == 0) {
            return false
        }
        if (!boxa.is(":visible")) {
            boxa.slideDown();
            parbox.addClass('clicked');
            $(this).addClass('clicked');
            boxb.slideUp();
            jta.removeClass('clicked');
            parSibBox.removeClass('clicked');
        } else {
            boxa.slideUp();
            $(this).removeClass('clicked');
            parbox.removeClass('clicked');
        }
    });

    // 内页标题 字母获取
    $(".xypg-left-title").each(function() {
        var words = $(this).find('span').text();
        var firstLetter = words.substr(0, 1);
        $('<i>' + firstLetter + '</i>').appendTo($(this));
    });

    // 内页手机端端 做的导航弹出特效
    $(".xymob-page-navbtn").click(function() {
        $(".xymob-menu-click").addClass('click');
        $('html,body').addClass('no-scroll');
    });
    $(".xymob-left-close-btn").click(function() {
        $(".xymob-menu-click").removeClass('click');
        $('html,body').removeClass('no-scroll');
    });


    // 详情页面 相关产品滚动特效
    if ($(".relate-product-slick").length != 0) {
        $(".relate-product-slick").owlCarousel({
            margin: 14,
            dots: false,
            autoplay: true,
            responsive: {
                0: {
                    items: 2
                },
                600: {
                    items: 3
                },
                1000: {
                    items: 4
                }
            }
        });
    }

    //详细页分页点击效果
    $(".paging_num > a").click(function() {
        var index = $(this).index();
        location.hash = index + 1;
        var hash = location.hash;
        $(this).parent().siblings('.total').find('.paging').eq(hash.slice(1) - 1).css("display", "block").siblings('.paging').css("display", "none");
        $(this).addClass("paging_hover").siblings().removeClass("paging_hover");
    });

    // 详情页下载文件 下拉点击特效
    app.clickToggle('.file-down-title', '.file-down-list');

    // 内页左侧当前分类颜色高亮
    $(".xypg-left-nav li a[href='" + window.location.href + "']").closest('li').addClass('clicked');
    $(".xypg-left-threenav .clicked").parents('.xypg-left-subnav').show();
    $(".xypg-left-threenav .clicked").parents('.xypg-left-threenav').show();
    $(".xypg-left-subnav .clicked").parents('.xypg-left-subnav').show();
    // ie9 兼容 placeholder
    if (!app.placeholderSupport()) {
        app.iePlaceholder()
    }

});


function bb4() {
    var nav_num = '';
    var obj_li = $(".bc li");
    var count = obj_li.length;
    obj_li.first().css("display", "block");


    $(".numn li").first().addClass("num_hover");
    $(".numn li").hover(function() {
        sw = $(".numn li").index(this);
        myShow(sw);
    });

    function myShow(i) {
        $(".numn li").eq(i).addClass("num_hover").siblings().removeClass("num_hover");
        obj_li.eq(i).stop(true, true).fadeIn(600).siblings("li").fadeOut(600);
    }
    var myTime = 0;
    //滑入停止动画，滑出开始动画
    $(".bc").hover(function() {
        if (myTime) {
            clearInterval(myTime);
        }
    }, function() {
        myTime = setInterval(function() {
            myShow(sw);
            sw++;
            if (sw == count) {
                sw = 0;
            }
        }, 3000);
    });
    //自动开始
    var sw = 0;
    myTime = setInterval(function() {
        myShow(sw);
        sw++;
        if (sw == count) {
            sw = 0;
        }
    }, 2000);
}

//banner2 - 多图
function bb2() {
    var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
    var len = $("#focus ul li").length; //获取焦点图个数
    var index = 0;
    var picTimer = 0;
    //以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
    var btn = "<div class='btnBg'></div><div class='btn'>";
    for (var i = 0; i < len; i++) {
        btn += "<span></span>";
    }
    btn += "</div>";
    $("#focus").append(btn);
    $("#focus .btnBg").css("opacity", 0.5);
    $("#focus .btnBg").css("filter", "alpha(opacity=60)");
    //为小按钮添加鼠标滑入事件，以显示相应的内容
    $("#focus .btn span").css("opacity", 0.4).mouseenter(function() {
        index = $("#focus .btn span").index(this);
        showPics(index);
    }).eq(0).trigger("mouseenter");
    //上一页按钮
    $("#focus .pre").click(function() {
        index -= 1;
        if (index == -1) { index = len - 1; }
        showPics(index);
    });
    //下一页按钮
    $("#focus .next").click(function() {
        index += 1;
        if (index == len) { index = 0; }
        showPics(index);
    });
    //本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
    $("#focus ul").css("width", sWidth * (len));
    //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
    $("#focus").hover(function() {
        clearInterval(picTimer);
    }, function() {
        picTimer = setInterval(function() {
            showPics(index);
            index++;
            if (index == len) { index = 0; }
        }, 4000); //此4000代表自动播放的间隔，单位：毫秒
    }).trigger("mouseleave");

    //显示图片函数，根据接收的index值显示相应的内容
    function showPics(index) { //普通切换
        var nowLeft = -index * sWidth; //根据index值计算ul元素的left值
        $("#focus ul").stop(true, false).animate({ "left": nowLeft }, 300); //通过animate()调整ul元素滚动到计算出的position
        $("#focus .btn span").stop(true, false).animate({ "opacity": "0.4" }, 300).eq(index).stop(true, false).animate({ "opacity": "1" }, 300); //为当前的按钮切换到选中的效果
    }
}