var firstBlockAnimationSpeed = 333;
var firstBlockLifetimeStart = 1500;
var firstBlockLifetimeSecond = 700;
var firstBlockLifetime = 350;
var firstBlockLifetimeMiddle = 500;
var firstBlockLifetimeLong = 350 * 2;
var secondBlockAnimationSpeed = 200;
var secondBlockLifetime = 500;
var secondBlockLifetimeEnd = 1500;
var startDelay = 500;
var thirdBlockAnimationSpeed = 250;
var thirdBlockLifetime = 1500;

$(document).ready(function ()
{
    // Wait a bit...
    $('#animationContent')
        .oneTime(startDelay, 'animation', animationPart1)
        .oneTime(startDelay, 'animation', linkAnimation);
});

var animationPart1 = function ()
{
    $('#animationFrame1').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
    {
        // Wait a bit...
       $('#animationContent').oneTime(firstBlockLifetimeStart, 'animation', animationPart2);
    });
}

var animationPart2 = function ()
{
    $('#animationFrame1').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame2').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetime, 'animation', animationPart3);
        });
    });
}

var animationPart3 = function ()
{
    $('#animationFrame2').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame3').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetimeLong, 'animation', animationPart4);
        });
    });
}

var animationPart4 = function ()
{
    $('#animationFrame3').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame4').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetime, 'animation', animationPart5);
        });
    });
}

var animationPart5 = function ()
{
    $('#animationFrame4').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame5').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetime, 'animation', animationPart6);
        });
    });
}

var animationPart6 = function ()
{
    $('#animationFrame5').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame6').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetime, 'animation', animationPart6_1);
        });
    });
}

var animationPart6_1 = function ()
{
    $('#animationFrame6').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame6_1').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetimeLong, 'animation', animationPart6_2);
        });
    });
}

var animationPart6_2 = function ()
{
    $('#animationFrame6_1').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame6_2').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(firstBlockLifetimeMiddle, 'animation', animationPart7);
        });
    });
}

var animationPart7 = function ()
{
    $('#animationFrame6_2').css('display', 'block').animate({ opacity: 0 }, firstBlockAnimationSpeed, function ()
    {
        $('#animationFrame7').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed, function ()
        {
            // Wait a bit...
            $('#animationContent').oneTime(1650, 'animation', animationPart12);
        });
    });
}

var animationPart8 = function ()
{
    $('#animationFrame7').animate({ marginTop: '-=0.60em' }, secondBlockAnimationSpeed);
    $('#animationFrame8').css('display', 'block').animate({ opacity: 1 }, secondBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(secondBlockLifetime, 'animation', animationPart9);
    });
}

var animationPart9 = function ()
{
    $('#animationFrame7,#animationFrame8').animate({ marginTop: '-=0.85em' }, secondBlockAnimationSpeed);
    $('#animationFrame9').css('display', 'block').animate({ opacity: 1 }, secondBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(secondBlockLifetime, 'animation', animationPart10);
    });
}

var animationPart10 = function ()
{
    $('#animationFrame7,#animationFrame8,#animationFrame9').animate({ marginTop: '-=0.85em' }, secondBlockAnimationSpeed);
    $('#animationFrame10').css('display', 'block').animate({ opacity: 1 }, secondBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(secondBlockLifetime, 'animation', animationPart11);
    });
}

var animationPart11 = function ()
{
    $('#animationFrame7,#animationFrame8,#animationFrame9,#animationFrame10').animate({ marginTop: '-=0.85em' }, secondBlockAnimationSpeed);
    $('#animationFrame11').css('display', 'block').animate({ opacity: 1 }, secondBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(secondBlockLifetimeEnd, 'animation', animationPart12);
    });
}

var animationPart12 = function ()
{
    $('#animationFrame7,#animationFrame8,#animationFrame9,#animationFrame10,#animationFrame11').animate({ top: '-=20%', opacity: 0 }, secondBlockAnimationSpeed);
    $('#animationFrame12').css('display', 'block').animate({ opacity: 1 }, thirdBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(thirdBlockLifetime, 'animation', animationPart13);
    });
}

var animationPart13 = function ()
{
    $('#animationFrame13').css('display', 'block').animate({ 'opacity': 1 }, thirdBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(thirdBlockLifetime, 'animation', animationPart14);
    });
}

var animationPart14 = function ()
{
    $('#animationFrame14').css('display', 'block').animate({ 'opacity': 1 }, thirdBlockAnimationSpeed, function ()
    {
        // Wait a bit...
        $('#animationContent').oneTime(thirdBlockLifetime, 'animation', animationPart15);
    });
}

var animationPart15 = function ()
{
    $('#animationFrame15').css({ 'display': 'block' }).animate({ opacity: 1 }, thirdBlockAnimationSpeed);

}

var linkAnimation = function ()
{
    $('#websiteLink').css('display', 'block').animate({ opacity: 1 }, firstBlockAnimationSpeed);
}