var delayTime = 2 //per second
var fadeInTime = 1 //per second
var tmpAry = new Object();
var groupAry = new Object();

function imageReady(obj, b) {

    var root = $(obj).parent().parent().parent();
    var imgSetName = root.attr('class');
    var p = $('.' + root.attr('class')).index(root);

    if (groupAry[imgSetName + p] == undefined) {
        var newObj = new Object();
        newObj.obj = root;
        newObj.total = 0;
        newObj.num = 0;
        newObj.pic = 0;
        newObj.play = b;
        groupAry[imgSetName + p] = newObj;
    }
    var containerStr = $(obj).parent().find('img');
    var n = containerStr.index($(obj));

    groupAry[imgSetName + p].num++;
    groupAry[imgSetName + p].total = $(containerStr).length;
    if (n == 0) {
        $(obj).css({ "display": "inline", "z-index": "2" });
    }

    if (groupAry[imgSetName + p].num == groupAry[imgSetName + p].total * 2 && b) {
        startFadeMotion(imgSetName + p);
    }

}

function startFadeMotion(txt) {
    if (groupAry[txt] != undefined) {
        groupAry[txt].play = true;
        groupAry[txt].pic = 0;
        var str = 'picFadeIn("' + txt + '")';
        var mc = groupAry[txt];
        setTimeout(str, (fadeInTime + delayTime) * 1000);
    }
}

function stopFadeMotion(txt) {
    if (groupAry[txt] != undefined) {
        groupAry[txt].play = false;
        groupAry[txt].pic = 0;
    }
}

function picFadeIn(str) {

    var mc = groupAry[str];
    var oldImgL = mc.obj.find('.before div img').get(mc.pic);
    var oldImgR = mc.obj.find('.after div img').get(mc.pic);
    (mc.pic + 1 < mc.total) ? mc.pic++ : mc.pic = 0;
    var newImgL = mc.obj.find('.before div img').get(mc.pic);
    var newImgR = mc.obj.find('.after div img').get(mc.pic);

    $(newImgL).css("z-index", "3");
    $(newImgR).css("z-index", "3");

    $(newImgL).fadeIn(fadeInTime * 1000, function () {
        if (groupAry[str].play) {
            $(oldImgL).css({ "display": "none", "z-index": "1" });
            $(newImgL).css("z-index", "2");
        }
    });

    $(newImgR).fadeIn(fadeInTime * 1000, function () {
        if (groupAry[str].play) {
            $(oldImgR).css({ "display": "none", "z-index": "1" });
            $(newImgR).css("z-index", "2");
        }
    });

    if (groupAry[str].play) {
        setTimeout("picFadeIn('" + str + "')", delayTime * 1000);
    } else {
        var m0 = mc.obj.find('.before div img').get(0);
        var m1 = mc.obj.find('.after div img').get(0);
        mc.obj.find('.before div img').css({ "display": "inline", "z-index": "1" });
        mc.obj.find('.after div img').css({ "display": "inline", "z-index": "1" });
        if (!m0.jquery) { m0 = $(m0); }
        m0.css({ "display": "inline", "z-index": "2" });
        if (!m1.jquery) { m1 = $(m1); }
        m1.css({ "display": "inline", "z-index": "2" });
    }

    /*
    $('#book').fadeIn(fadeInTime * 1000, function() {
    // Animation complete
    });
    */
}