﻿var animation_header = {
    taglineNext: 1,
    delay_start_swoosh:    500, // 
    delay_per_swoosh:      320, // 
    delay_per_cycle:      5000, // 
    delay_after_hide:     1000, // 
    delay_between_titles:  250, // 
    time_swoosh:           600, // 
    time_slide_in:         750, // 
    time_slide_out:        750, // 
    distance_slide_in:     100, //
    distance_slide_out:    100, //
    easing_slide_in: 'easeOutQuad', // 
    easing_slide_out: 'easeInQuad'  // 
}

$(function () {
    setTimeout('startHeaderAnimation();', animation_header.delay_start_swoosh);
});

function startHeaderAnimation() {
    var jContainer = $('#container-banner');
    jContainer.find('#animation-object-swoosh1').animate({ left: 490 }, animation_header.time_swoosh);
    jContainer.find('#animation-object-swoosh2').delay(animation_header.delay_per_swoosh*1).animate({ left: 438 }, animation_header.time_swoosh);
    jContainer.find('#animation-object-swoosh3').delay(animation_header.delay_per_swoosh*2).animate({ left: 387 }, animation_header.time_swoosh);
    jContainer.find('#animation-object-swoosh4').delay(animation_header.delay_per_swoosh*3).animate({ left: 0 }, animation_header.time_swoosh);
    jContainer.find('.animation-layer-tagline1, .animation-layer-tagline2, .animation-layer-tagline3')
        .each(function() { $(this).data('home', parseInt($(this).css('left'))); })
        .css('opacity', 0)
        .css('visibility', 'visible');
    setTimeout('taglineToggle();', animation_header.delay_per_swoosh*4);
}

function taglineToggle() {
    var jContainer = $('#container-banner');
    var taglines = {
        _11: jContainer.find('#animation-object-tagline11'),
        _12: jContainer.find('#animation-object-tagline12'),
        _21: jContainer.find('#animation-object-tagline21'),
        _22: jContainer.find('#animation-object-tagline22'),
        _31: jContainer.find('#animation-object-tagline31'),
        _32: jContainer.find('#animation-object-tagline32')
    }
    switch (animation_header.taglineNext) {
        case 1:
            taglines._31.animate(
                { left: taglines._31.data('home') + animation_header.distance_slide_out, opacity: 0 },
                animation_header.time_slide_out,
                animation_header.easing_slide_out);
            taglines._32.delay(animation_header.delay_between_titles).animate(
                { left: taglines._32.data('home') + animation_header.distance_slide_out, opacity: 0 },
                animation_header.time_slide_out,
                animation_header.easing_slide_out);

            taglines._11.delay(animation_header.delay_after_hide)
                    .css('opacity', 0).css('left', (taglines._11.data('home') - animation_header.distance_slide_in) + 'px')
                    .animate({ left: taglines._11.data('home'), opacity: 1 }, animation_header.time_slide_in, animation_header.easing_slide_in);
            taglines._12.delay(animation_header.delay_after_hide)
                    .css('opacity', 0).css('left', taglines._12.data('home') - animation_header.distance_slide_in + 'px')
                    .delay(animation_header.delay_between_titles).animate({ left: taglines._12.data('home'), opacity: 1 }, animation_header.time_slide_in, animation_header.easing_slide_in);

            animation_header.taglineNext = 2;
            setTimeout('taglineToggle();', animation_header.delay_per_cycle);
            break;

        case 2:
            taglines._11.animate(
                { left: taglines._11.data('home') + animation_header.distance_slide_out, opacity: 0 },
                animation_header.time_slide_out,
                animation_header.easing_slide_out);
            taglines._12.delay(animation_header.delay_between_titles).animate(
                { left: taglines._12.data('home') + animation_header.distance_slide_out, opacity: 0 },
                animation_header.time_slide_out,
                animation_header.easing_slide_out);

            taglines._21.delay(animation_header.delay_after_hide)
                    .css('opacity', 0).css('left', taglines._21.data('home') - animation_header.distance_slide_in + 'px')
                    .animate({ left: taglines._21.data('home'), opacity: 1 }, animation_header.time_slide_in, animation_header.easing_slide_in);
            taglines._22.delay(animation_header.delay_after_hide)
                    .css('opacity', 0).css('left', taglines._22.data('home') - animation_header.distance_slide_in + 'px')
                    .delay(animation_header.delay_between_titles).animate({ left: taglines._22.data('home'), opacity: 1 }, animation_header.time_slide_in, animation_header.easing_slide_in);

            animation_header.taglineNext = 3;
            setTimeout('taglineToggle();', animation_header.delay_per_cycle);
            break;

        default:
            taglines._21.animate(
                { left: taglines._21.data('home') + animation_header.distance_slide_out, opacity: 0 },
                animation_header.time_slide_out,
                animation_header.easing_slide_out);
            taglines._22.delay(animation_header.delay_between_titles).animate(
                { left: taglines._22.data('home') + animation_header.distance_slide_out, opacity: 0 },
                animation_header.time_slide_out,
                animation_header.easing_slide_out);

            taglines._31.delay(animation_header.delay_after_hide)
                .css('opacity', 0).css('left', taglines._31.data('home') - animation_header.distance_slide_in + 'px')
                .animate({ left: taglines._31.data('home'), opacity: 1 }, animation_header.time_slide_in, animation_header.easing_slide_in);
            taglines._32.delay(animation_header.delay_after_hide)
                .css('opacity', 0).css('left', taglines._32.data('home') - animation_header.distance_slide_in + 'px')
                .delay(animation_header.delay_between_titles).animate({ left: taglines._32.data('home'), opacity: 1 }, animation_header.time_slide_in, animation_header.easing_slide_in);

            animation_header.taglineNext = 1;
            //setTimeout('taglineToggle();', animation_header.delay_per_cycle);
    }
}
