/**
 * Created by Tong on 2018/7/9.
 */
var PictureProcessing;
{
    var cutting=function (selector,container,originalw,originalh) {
        $(window).resize(function () {
            doCutting(selector,container,originalw,originalh);
        });
        doCutting(selector,container,originalw,originalh);
    };
    var doCutting=function (selector,container,originalw,originalh) {
        var page_proportion=originalw/originalh;
        var container_w=$(container).width();
        var container_h=container_w/page_proportion;
        $(container).height(container_h);

        $(selector).each(function(){
            var img_w=$(this).width();
            var img_h=$(this).height();
            var img_proportion=img_w/img_h;
            var difference=img_proportion-page_proportion;
            if(difference>0){
                $(this).css('height','100%').css('width','auto');
                var cutting_w=container_h*img_proportion;
                var  margin_w=0-(cutting_w-container_w)/2;
                $(this).css('margin-left',margin_w+'px');

            }else if(difference==0){
                $(this).css('width','100%').css('margin-top','0');
            }else{
                $(this).css('width','100%').css('height','auto');
                var cutting_h=container_w/img_proportion;
                var   margin_h=0-(cutting_h-container_h)/2;
                $(this).css('margin-top',margin_h+'px');
            }
        });
    };
    PictureProcessing={
        'cutting':cutting,
    };
}