function initial_animation() {
    /* Initial animation */
    $('#loading').hide();
    $('ul#panes li#pane-5 a').css({opacity: 0.5});
    $('#header').show().css({opacity: 0}).animate({opacity: 1}, 1600);
    $.pane = 1;
    for (i=1; i <= 6; i++) {
        window.setTimeout(function() {
            $('ul#panes li#pane-'+$.pane).show().css({opacity: 0}).animate({
                top: 0, opacity: 0.5}, 400, function() {
                    $(this).animate({opacity: 1}, 400);
        }); $.pane ++; }, i*200);
    }
    window.setTimeout(function() {
        $('ul#links').css({opacity: 0}).show().animate({opacity: 1}, 700);
    }, 1600);
    window.setTimeout(function() {
        $('#footer').css({opacity: 0}).show().animate({opacity: 1}, 700);
    }, 2000);
}

$(document).ready(function() {
    /* Insert loading graphic */
    var loading = $('<img></img>').attr('id', 'loading');
    loading.attr('src', 'graphics/loading.gif');
    loading.css('position', 'absolute');
    loading.css('top', 334);
    loading.css('left', Math.round(($(document).width()-16)/2));
    $('body').append(loading);

    $.preload([
        'graphics/header-logo.jpg',
        'graphics/header-tagline.jpg',
        'graphics/photo-1.jpg',
        'graphics/photo-2.jpg',
        'graphics/photo-3.jpg',
        'graphics/photo-4.jpg',
        'graphics/photo-5.jpg',
        'graphics/photo-6.jpg',
        'graphics/logo-1.gif',
        'graphics/logo-2.gif',
        'graphics/logo-3.gif',
        'graphics/logo-4.gif',
        'graphics/logo-5.gif'
    ], { onFinish: initial_animation });

    /* Pane behavior */
    $('ul#panes li').not('ul#panes li#pane-5').hover(function() {
        $('a', this).css({opacity: 0}).stop().animate({top: 0, opacity: 0.95},
            400);
        var link_num = $(this).attr('id').charAt(5);
        $('ul#links li#link-'+link_num+' a').css('background-position', '0 -70px');
    }, function() {
        $('a', this).stop().animate({top: 200, opacity: 0}, 600)
        var link_num = $(this).attr('id').charAt(5);
        $('ul#links li#link-'+link_num+' a').css('background-position', '0 0');
    });
    $('ul#panes li#pane-5').hover(function() {
        $('a', this).stop().animate({opacity: 1}, 400);
    }, function() {
        $('a', this).stop().animate({opacity: 0.5}, 400);
    });

    /* Link behavior */
    $('ul#links li').hover(function() {
        var pane_num = $(this).attr('id').charAt(5);
        $('ul#panes li#pane-'+pane_num).mouseover();
    }, function () {
        var pane_num = $(this).attr('id').charAt(5);
        $('ul#panes li#pane-'+pane_num).mouseout();
    });

    /* Link behavior */
    $('ul#panes li a').not('ul#panes li#pane-5 a').click(function(event) {
        event.preventDefault();
        window.location = $(this).attr('href');
    });

    /* Video popup */
    if ($('ul#panes li#pane-5').length > 0) {
        $('ul#panes li#pane-5 a').fancybox({
            type: 'iframe',
            width: 640,
            height: 320,
            overlayColor: '#000000',
            overlayOpacity: 0.8
        });
    }

    /* Click behavior */
    $('ul#panes li').click(function(event) {
        if ($(event.target).is('li'))
            $('a', this).click();
    });
});