// Author : BlueBox Technology Co,Ltd.
// Description : Resize Images for Render Thumnails.
// Create Date : 2009/12/05
// this script required jquery-1.3.2.min.js and jquery.onImagesLoad-1.1.0.min.js

//ResizeImagesWithRatio("ImageThumnail", 100);
//ResizeImagesWithOutRatio("ImageThumnail", 150, 70);
//ResizeImages("ImageThumnail", 150,100);

var MaxWidth = 0;
var MaxHeight = 0;

function ResizeImagesWithRatio(classname, size) {
    MaxWidth = size;
    MaxHeight = size;
    $('.' + classname).onImagesLoad({
        itemCallback: ResizeImagesWithRatioLoaded
    });
}

function ResizeImagesWithRatioLoaded(domObject) {
    var image = $(domObject);
    var w = image.width();
    var h = image.height();
    var ratio = (h / w);
    var holderRatio = 1;
    if (ratio > holderRatio) {
        image.width((w * MaxWidth) / h);
        image.height(MaxWidth);
    }
    else {
        image.height((h * MaxHeight) / w);
        image.width(MaxHeight);
    }
    image.fadeIn(1000);
    image.css('display', '');
}

function ResizeImagesWithOutRatio(classname, maxWidth, maxHeigth) {
    MaxWidth = maxWidth;
    MaxHeight = maxHeigth;
    $('.' + classname).onImagesLoad({
        itemCallback: ResizeImagesWithOutRatioLoaded
    });
}

function ResizeImagesWithOutRatioLoaded(domObject) {
    var image = $(domObject);
    var w = image.width();
    var h = image.height();

    image.width(MaxWidth);
    image.height(MaxHeight);
    image.css('display', '');
}

function ResizeImages(classname, maxWidth, maxHeigth) {
    MaxWidth = maxWidth;
    MaxHeight = maxHeigth;
    $('.' + classname).onImagesLoad({
        itemCallback: ResizeImagesLoaded
    });
}

function ResizeImagesLoaded(domObject) {
    var image = $(domObject);
    var w = image.width();
    var h = image.height();

    if (w == 0 || h == 0) {
        image.width(MaxWidth);
        image.height(maxheight);
    }
    else if (w > h) {
    if (w > MaxWidth) image.width(MaxWidth);
    }
    else {
        if (h > MaxHeight) image.height(MaxHeight);
    }
    image.css('display', '');
}