sizes = new Array; 
sizes['aside_1']=new Array; 
sizes['aside_1'][0]='976x732'; 
sizes['aside_1'][1]='360x270'; 
sizes['aside_1'][2]='300x225'; 
sizes['findIndex']=new Array; 
sizes['findIndex'][0]='function(predicate){if(this===null){throw new'; 
sizes['home_1']=new Array; 
sizes['home_1'][0]='441x294'; 
sizes['home_1'][1]='324x216'; 
sizes['home_1'][2]='435x290'; 
sizes['of_det_1']=new Array; 
sizes['of_det_1'][0]='375x249'; 
sizes['of_det_1'][1]='360x239'; 
sizes['of_det_1'][2]='375x249'; 

enableAutoresize = true;


if (enableAutoresize) {
    $(document).ready(function() {
        checkWsize();
        loadSizes();
    });
    $( window ).resize(function() {
        checkWsize();
    });
}



function loadSizes(){
    var res='';
    var imgs=new Array;
    $('img[data-name]').each(function() {
        var showW=this.clientWidth;
        var showH=this.clientHeight;
        var name= $(this).data('name');
        if(showW && showH){
            imgs[name]=showW + "x" + showH;
        }

    });

    for ( index in imgs ) { res+=( index + ":" + imgs[index] + "|"); }

    var Data = {img:res};

    $.ajax({
        type      : 'POST', //Method type
        url       : base_url + '/imgsizes', //Your form processing file URL
        data      : Data,
        dataType  : 'json',
        success   : function(data) {

        }
    });

    console.info(imgs);
}






function checkWsize(){
    $('img[data-name]').each(function() {
        var name=$(this).data('name');
        var res=$(this).data('res');

        if(sizes[name] != undefined) {
            var showW = this.clientWidth;
            var showH = this.clientHeight;
            var nextRes = findImgRes(name, showW, showH);
            var url = $(this).data('url');
            var newUrl = url.replace(res, nextRes);
            if ($(this).attr('src') != newUrl) {
                $(this).attr('src', newUrl);
            }
        }
    });

}


function findImgRes(res,sW,sH){
    var rArea=sW*sH;
    if ( sizes[res] != undefined && sizes[res] != null) {
        for (var i = 0; i < sizes[res].length; i++) {
            var pSize=sizes[res][i].split('x');
            var pArea=pSize[0]*pSize[1];
            var dif=pArea-rArea; if(dif<0){dif=dif * -1;};
            if(i==0){var minus=dif;var img=i;}
            if(dif < minus){minus=dif;img=i;};
        }
        return sizes[res][img];
    }

}