var first;

function setupFlipping() {

    var popup = $('<div></div>');
    popup.attr('id', 'popup');

    var flipbook = $("#cartoon");    

    var blocker = $('<div></div>');
    blocker.attr('id', 'blocker');
    blocker.text('Loading...');

    popup.append(flipbook).append(blocker).appendTo('body');

    $.blockUI({
        message: popup,
        css: {
            width: '640px',
            height: '480px',
            left: '50%',
            marginLeft: '-320px',
            top: '50%',
            marginTop: '-240px',
            cursor: 'default',
            border: '0'
        },
        overlayCSS: {
            cursor: 'default',
            backgroundColor: '#000000',
            opacity: '0.8'
        }
    });

    var images = [
    'images/flipbook/img_3730.jpg',
    'images/flipbook/img_3731.jpg',
    'images/flipbook/img_3732.jpg',
    'images/flipbook/img_3733.jpg',
    'images/flipbook/img_3734.jpg',
    'images/flipbook/img_3735.jpg',
    'images/flipbook/img_3736.jpg',
    'images/flipbook/img_3737.jpg',
    'images/flipbook/img_3738.jpg',
    'images/flipbook/img_3739.jpg',
    'images/flipbook/img_3740.jpg',
    'images/flipbook/img_3741.jpg',
    'images/flipbook/img_3742.jpg',
    'images/flipbook/img_3743.jpg',
    'images/flipbook/img_3744.jpg',
    'images/flipbook/img_3745.jpg',
    'images/flipbook/img_3746.jpg',
    'images/flipbook/img_3747.jpg',
    'images/flipbook/img_3748.jpg',
    'images/flipbook/img_3749.jpg',
    'images/flipbook/img_3750.jpg',
    'images/flipbook/img_3751.jpg',
    'images/flipbook/img_3752.jpg',
    'images/flipbook/img_3753.jpg',
    'images/flipbook/img_3754.jpg',
    'images/flipbook/img_3755.jpg',
    'images/flipbook/img_3756.jpg',
    'images/flipbook/img_3757.jpg',
    'images/flipbook/img_3758.jpg',
    'images/flipbook/img_3759.jpg',
    'images/flipbook/img_3760.jpg',
    'images/flipbook/img_3761.jpg',
    'images/flipbook/img_3762.jpg',
    'images/flipbook/img_3763.jpg',
    'images/flipbook/img_3764.jpg',
    'images/flipbook/img_3765.jpg',
    'images/flipbook/img_3766.jpg',
    'images/flipbook/img_3767.jpg',
    'images/flipbook/img_3768.jpg',
    'images/flipbook/img_3769.jpg',
    'images/flipbook/img_3770.jpg',
    'images/flipbook/img_3771.jpg',
    'images/flipbook/img_3773.jpg',
    'images/flipbook/img_3774.jpg',
    'images/flipbook/img_3775.jpg',
    'images/flipbook/img_3776.jpg',
    'images/flipbook/img_3777.jpg',
    'images/flipbook/img_3778.jpg',
    'images/flipbook/img_3783.jpg',
    'images/flipbook/img_3784.jpg',
    'images/flipbook/img_3785.jpg',
    'images/flipbook/img_3786.jpg',
    'images/flipbook/img_3787.jpg',
    'images/flipbook/img_3788.jpg',
    'images/flipbook/img_3789.jpg',
    'images/flipbook/img_3790.jpg',
    'images/flipbook/img_3791.jpg',
    'images/flipbook/img_3792.jpg',
    'images/flipbook/img_3793.jpg',
    'images/flipbook/img_3794.jpg',
    'images/flipbook/img_3795.jpg',
    'images/flipbook/img_3796.jpg',
    'images/flipbook/img_3797.jpg',
    'images/flipbook/img_3798.jpg',
    'images/flipbook/img_3799.jpg',
    'images/flipbook/img_3800.jpg',
    'images/flipbook/img_3801.jpg',
    'images/flipbook/img_3802.jpg',
    'images/flipbook/img_3803.jpg'
    ];

    $.each(images, function (intIndex, objValue) {
        var img = $('<img />');
        img.attr('src', objValue);

        if (intIndex == 0) {
            img.addClass('showing');
            first = img;
        }

        flipbook.append(img);
    });
};

function startFlipping() {
    $('#blocker').css('display', 'none');
    $('#flipbook').css('display', 'block');
    flip();
};

function setupCartoon() {
    var images = [
    'images/flipbook/img_3730.jpg',
    'images/flipbook/img_3731.jpg',
    'images/flipbook/img_3732.jpg',
    'images/flipbook/img_3733.jpg',
    'images/flipbook/img_3734.jpg',
    'images/flipbook/img_3735.jpg',
    'images/flipbook/img_3736.jpg',
    'images/flipbook/img_3737.jpg',
    'images/flipbook/img_3738.jpg',
    'images/flipbook/img_3739.jpg',
    'images/flipbook/img_3740.jpg',
    'images/flipbook/img_3741.jpg',
    'images/flipbook/img_3742.jpg',
    'images/flipbook/img_3743.jpg',
    'images/flipbook/img_3744.jpg',
    'images/flipbook/img_3745.jpg',
    'images/flipbook/img_3746.jpg',
    'images/flipbook/img_3747.jpg',
    'images/flipbook/img_3748.jpg',
    'images/flipbook/img_3749.jpg',
    'images/flipbook/img_3750.jpg',
    'images/flipbook/img_3751.jpg',
    'images/flipbook/img_3752.jpg',
    'images/flipbook/img_3753.jpg',
    'images/flipbook/img_3754.jpg',
    'images/flipbook/img_3755.jpg',
    'images/flipbook/img_3756.jpg',
    'images/flipbook/img_3757.jpg',
    'images/flipbook/img_3758.jpg',
    'images/flipbook/img_3759.jpg',
    'images/flipbook/img_3760.jpg',
    'images/flipbook/img_3761.jpg',
    'images/flipbook/img_3762.jpg',
    'images/flipbook/img_3763.jpg',
    'images/flipbook/img_3764.jpg',
    'images/flipbook/img_3765.jpg',
    'images/flipbook/img_3766.jpg',
    'images/flipbook/img_3767.jpg',
    'images/flipbook/img_3768.jpg',
    'images/flipbook/img_3769.jpg',
    'images/flipbook/img_3770.jpg',
    'images/flipbook/img_3771.jpg',
    'images/flipbook/img_3773.jpg',
    'images/flipbook/img_3774.jpg',
    'images/flipbook/img_3775.jpg',
    'images/flipbook/img_3776.jpg',
    'images/flipbook/img_3777.jpg',
    'images/flipbook/img_3778.jpg',
    'images/flipbook/img_3783.jpg',
    'images/flipbook/img_3784.jpg',
    'images/flipbook/img_3785.jpg',
    'images/flipbook/img_3786.jpg',
    'images/flipbook/img_3787.jpg',
    'images/flipbook/img_3788.jpg',
    'images/flipbook/img_3789.jpg',
    'images/flipbook/img_3790.jpg',
    'images/flipbook/img_3791.jpg',
    'images/flipbook/img_3792.jpg',
    'images/flipbook/img_3793.jpg',
    'images/flipbook/img_3794.jpg',
    'images/flipbook/img_3795.jpg',
    'images/flipbook/img_3796.jpg',
    'images/flipbook/img_3797.jpg',
    'images/flipbook/img_3798.jpg',
    'images/flipbook/img_3799.jpg',
    'images/flipbook/img_3800.jpg',
    'images/flipbook/img_3801.jpg',
    'images/flipbook/img_3802.jpg',
    'images/flipbook/img_3803.jpg'
    ];

    for (var i = 0; i < images.length; i++) {
        var img = $("<img src='" + images[i] + "' />");        
        $("#cartoon").append(img);
    }

    $("#cartoon img").hide();

}

function playCartoon() {
    $("#cartoon").css("display", "block");
    $("#cartoon img:first").addClass("showing");
    nextSlide();
}

function nextSlide() {
    
    var this_slide = $('#cartoon img.showing');
    var next_slide = this_slide.next();
    
    if ($(next_slide).length == 0) {
        next_slide = $("#cartoon img:first");
        setTimeout(function () {
            $(this_slide).removeClass('showing');
            $(next_slide).addClass('showing');
            nextSlide();
        }, 3000);        
    } else {
        $(this_slide).removeClass('showing');
        $(next_slide).addClass('showing');
        setTimeout(nextSlide, 75);
    }    

}

function flip() {
    var thisSlide = $('.showing');
    var nextSlide = thisSlide.next();

    if (nextSlide.length > 0) {
        thisSlide.removeClass('showing');
        nextSlide.addClass('showing');
        setTimeout(flip, 75);
    } else {
        setTimeout(function () {
            $.unblockUI({ onUnblock: function () {
                thisSlide.removeClass('showing');
                $('#flipbook').css('display', 'none');
            }
            });
            return false;
        }, 1000);
    }
}