$(function() {


    $(".hoverli").click(function (event) {
        $(this).children("div").slidetoggle();
    });

// banner
    var swiper = new swiper('.banner .swiper-container', {
        autoplay:true,
        loop: true,
        pagination: {
            el: '.swiper-pagination1',
        },
        autoplay: {
            delay: 3000,
        },
    });

    var picsswiper = new swiper('.pics-list .swiper-container', {
        loop: true,
        speed: 600,
        parallax: true,
        navigation: {
            nextel: '.swiper-button-next',
            prevel: '.swiper-button-prev',
        },
        observer: true, //修改swiper自己或子元素时，自动初始化swiper
        observeparents: true,//修改swiper的父元素时，自动初始化swiper
    });



//
    var lanren_width = jquery('.gallery li').width();
    var lanren_height = jquery('.gallery li').height();
    jquery('.gallery li').each(function () {
        jquery(this).hover(function () {
            jquery(this).find('.border-left,.border-right').stop().animate({
                height: lanren_height + 'px'
            }, 400);
            jquery(this).find('.border-top,.border-bottom').stop().animate({
                width: lanren_width + 'px'
            }, 400);
        }, function () {
            jquery(this).find('.border-left,.border-right').stop().animate({
                height: '0'
            }, 400);
            jquery(this).find('.border-top,.border-bottom').stop().animate({
                width: '0'
            }, 400);
        });
    });


    $(".menu-icon").click(function () {
        $('.nav-contain').slidetoggle();
    });


    var picsswiper = new swiper('.pics-list .swiper-container', {
        loop:true,
        speed: 600,
        parallax: true,
        navigation: {
            nextel: '.swiper-button-next',
            prevel: '.swiper-button-prev',
        },
        observer:true, //修改swiper自己或子元素时，自动初始化swiper
        observeparents:true,//修改swiper的父元素时，自动初始化swiper
    });


    $('.prolist li').click(function () {
        var id = $(this).data('id');
        $.ajax({
            type: "post",
            url: "index.php?m=ajax&a=product_pics",
            data: {id:id},
            datatype: "json",
            success: function(data){
                var list = '';
                $.each(data['pics'],function(i,val) {
                    list += '<div class="swiper-slide"><img src="'+ val.filepath +'" alt="" /></a></div>';
                });
                $('.pics-list .swiper-wrapper').html(list);
                $('.pics-list').show();
                $('.shadow-contain').show();
            }
        });
    });

    $('.faclist li').click(function () {
        var id = $(this).data('id'),modle = $(this).data('modle');
        $.ajax({
            type: "post",
            url: "index.php?m=ajax&a=get_pic",
            data: {id:id,modle:modle},
            datatype: "json",
            success: function(data){
                var list = '<div class="swiper-slide"><img src="'+ data.pic +'" alt="" /></a></div>';
                $('.pics-list .swiper-wrapper').html(list);
                $('.pics-list').show();
                $('.shadow-contain').show();
            }
        });
    });



    $('.pics-close').click(function () {
        $('.pics-list').hide();
        $('.shadow-contain').hide();
    });

});