/**
 * Created by Administrator on 2018/3/22 0022.
 */
var Template;
var w = $(window).width();
$(window).resize(function () {
    w = $(window).width();
});

var swiper_html=[];
var swiper_container=[];
var swiper_slide=[];
var slide_a=[];
var slide_img=[];

{
    var imgLb = function (templateClassName, initialW, initialH, maxHeight, minHeight) {
        swiper_container=$('.'+ templateClassName).parent(".swiper-container1");//得到轮播图的容器，宽度已知
        swiper_slide=$('.' + templateClassName + ' .swiper-slide'); //得到轮播图的滑块
        slide_a=swiper_slide.find("a");
        slide_a.css({"width":"100%","height":"100%"});
        imgW(1);
        $(window).resize(function () {
            imgW(0);
        });
        var mySwiper;
        function imgW(fn_param) {
            swiper_container.width("100%");
            var swiper_container_w=swiper_container.width(); //得到轮播图容器的宽度
            swiper_slide.css("width",swiper_container_w);  //现设轮播图的滑块的宽和轮播图容器的高一样
            var swiper_slide_w=swiper_slide.width();
            var swiper_slide_sh=swiper_slide_w* initialH/initialW;  //得到与图片比例一致的高

            if(swiper_slide_sh > minHeight){ //如果得出的高比设置的最小高度要大
                swiper_slide.css("height",swiper_slide_sh);
                swiper_container.css("height",swiper_slide_sh);
                ImgC_swiper(initialW,initialH);
            }else { //如果得出的高比设置的最小高度要小，滑块的高设为最小高度
                swiper_slide.css("height",minHeight);
                swiper_container.css("height",minHeight);
                ImgC_swiper(initialW,initialH);
            }
            $('.swiper-container1 .swiper-slide').css('overflow','hidden');
            $('.innerMain .innerBanner').height($('.swiper-container1').height());

            if(fn_param==1){
                $('.swiper-container1 .templateImg .swiper-slide').each(function () {
                    swiper_html.push($(this).html());
                });

            }
            if (fn_param==0){
                // $('.swiper-container1').html(swiper_html);

                mySwiper.removeAllSlides();

                for (var i=0,j=swiper_html.length;i<j;i++){
                    var newSlide = mySwiper.createSlide(swiper_html[i],'swiper-slide','div');
                    newSlide.append();
                }
            }
            var mySwiper = new Swiper('.swiper-container1 ',{
                pagination: '.pagination1',
                //prevButton:'.prev1',
                //nextButton:'.next1',
                autoplay:5000,
                loop: true,
                paginationClickable :true,
            });
        }
    };

    Template = {
        'imgLb': imgLb,
    }
}

//图片上下左右居中截函数
function ImgC_swiper(img_wrap,initW,initH){
    var img_wrap=$('.swiper-container1 .swiper-wrapper .swiper-slide');
    var contentw=img_wrap.width();
    var contenth=img_wrap.height();

    var page_proportion=contentw/contenth;

    img_wrap.each(function (index,element) {
        var img=$(this).find("img");
        img.css({"width":"auto","height":"auto"});
        var img_w=img.width();
        //console.log("img_w+"+img_w)
        var img_h=img.height();
        //console.log("img_h",img_h);
        var img_proportion=img_w/img_h;
        var difference=img_proportion-page_proportion;
        difference=difference*100;
        //console.log("difference "+difference);
        if(difference<0){ //图片的高大于容器的高
            img.css("width","100%");
            img.css("height","auto");
            var margin_h=0-(img.height()-contenth)/2;
            img.css('margin-top',margin_h+'px').css('margin-bottom',margin_h+'px').css("margin-left","0").css("margin-right","0");
        }else if(difference>0){ //图片的宽大于容器的宽
            img.css("width","auto");
            img.css("height","100%");
            var margin_w=0-(img.width()-contentw)/2;
            img.css("margin-left",margin_w+"px").css("margin-top","0px").css("margin-right",margin_w+"px").css("margin-bottom","0px");
        }else if(difference==0){
            img.css("width","100%");
            img.css("height","100%");
            img.css("margin-top","0px").css("margin-left","0px").css("margin-bottom","0px").css("margin-right","0px");
        }
    });
}