﻿

function introAnimation() {
    
    var mainstrip_opening = $('#mainstrip_opening');
    mainstrip_opening.animate({ height: '155px', top: '78px' }, { duration: 1000, complete: tweenBig });
}

function tweenBig() {
    var mainstrip_big = $('#mainstrip_big');
    mainstrip_big.animate({ left: '-=68px' }, { duration: 1000, complete: fadeoutThinkingBlocker });
}

function fadeoutThinkingBlocker() {
    var mainstrip_background = $('#mainstrip_background');
    mainstrip_background.show();
    mainstrip_background.animate({ height: '310px', width: '200px', top: '0', left: '-=132px' }, { duration: 900, easing: 'linear', complete: increaseBackgroundSize });

    var mainstrip_big_blocker = $('#mainstrip_thinking_blocker');
    mainstrip_big_blocker.animate({ left: '+=272px' }, { duration: 700, complete: tweenBigThinking });
}

function tweenBigThinking() {
    var mainstrip_opening = $('#mainstrip_opening');
    mainstrip_opening.hide();

    var big_wrapper = $('#mainstrip_big_wrapper');
    big_wrapper.animate({ left: '-=198px' }, { duration: 700, easing: 'linear' });

    var all = $('#mainstrip_thinking_green, #mainstrip_thinking_white');
    all.animate({ left: '-=190px' }, { duration: 700, easing: 'linear' });

    var mainstrip_big = $('#mainstrip_big');
    mainstrip_big.css('background-color', 'transparent');    
}

function increaseBackgroundSize() {
    var mainstrip_background = $('#mainstrip_background');
    mainstrip_background.animate({ width: '390px', left: '-=191px' }, { duration: 500, easing: 'linear', complete: tweenBackground });
}

function tweenBackground() {
    var all = $('#mainstrip_big_wrapper, #mainstrip_thinking_white');
    all.animate({ left: '-=231px' }, { duration: 1000, easing: 'linear' });

    var mainstrip_background = $('#mainstrip_background');
    mainstrip_background.animate({ left: '-=410px', width: '+=178px' }, { duration: 1000, easing: 'linear', complete: bringInTheStrippers });
}

function bringInTheStrippers() {
    var mainstrip_strip_1 = $('#mainstrip_strip_1');
    var mainstrip_strip_2 = $('#mainstrip_strip_2');
    var mainstrip_strip_3 = $('#mainstrip_strip_3');
    var mainstrip_strip_4 = $('#mainstrip_strip_4');
    var mainstrip_strip_5 = $('#mainstrip_strip_5');
    var mainstrip_strip_6 = $('#mainstrip_strip_6');
    var mainstrip_strip_7 = $('#mainstrip_strip_7');

    mainstrip_strip_1.animate({ left: '379px' }, { duration: 1536 });
    mainstrip_strip_2.animate({ left: '406px' }, { duration: 2485 });
    mainstrip_strip_3.animate({ left: '433px' }, { duration: 1485 });
    mainstrip_strip_4.animate({ left: '460px' }, { duration: 1164 });
    mainstrip_strip_5.animate({ left: '487px' }, { duration: 2205 });
    mainstrip_strip_6.animate({ left: '514px' }, { duration: 2654, complete: maxBackgroundSize });
    mainstrip_strip_7.animate({ left: '541px' }, { duration: 1956 });

    var mainstrip_is_better = $('#mainstrip_is_better');
    mainstrip_is_better.show();
    var mainstrip_big_blocker = $('#mainstrip_thinking_blocker');
    mainstrip_big_blocker.hide();    
}

function maxBackgroundSize() {
    var mainstrip_background = $('#mainstrip_background');
    mainstrip_background.animate({ width: '100%' }, { duration: 1000, complete: fadeInSite });
}

function fadeInSite() {
    var all = $('#menu_logo, #menu_wrapper, #footer_wrapper, #mainstrip_text');
    setTimeout(function() { all.fadeIn(1000); }, 1500);
}

//var i;
//var strips;

//$(function() {
//    i = 0;
//    strips = $('#mainstrip_strip_wrapper').children('.stripper');
//});

//function introAnimation() {
//    $('#mainstrip_background').animate({ marginLeft: 0 }, { duration: 1000, complete: function() {
//        nextStrip();
//    }
//    });
//}

//function nextStrip() {
//    if (i < 7) {
//        $(strips[i]).animate({ top: '0' }, { duration: 200, complete: nextStrip });
//        i++;
//    } else {
//        setTimeout(biggieFades, 1000);
//    }
//}

//function biggieFades() {
//    $('#mainstrip_big').fadeIn(1000, function() {
//        setTimeout(function() {
//            $('#mainstrip_is_better_than_being_big').fadeIn(1000, function() {
//                setTimeout(function() {
//                    $('#mainstrip_text').fadeIn(1000);
//                }, 1500);
//            });
//        }, 1000);
//    })
//}
