var delayTime = 2000;
var transTime = 1000;

function reset() {
    jQuery(".panel").removeAttr("style");
    jQuery(".panel").clearQueue();
    presentation();
}

function presentation() {
    // FadeOut Panel1
    jQuery("#Panel1").fadeIn(transTime).delay(delayTime).fadeOut(transTime, function () {
        jQuery("#Panel2").show().animate({ fontSize: "120" }, transTime).delay(delayTime).animate({ top: "-224" }, transTime, function () {
            jQuery("#Panel3").animate({ left: "0" }, transTime).delay(delayTime).animate({ left: "-910" }, transTime, function () {
                jQuery("#Panel4 .top").animate({ top: "5" }, transTime).delay(delayTime).animate({ top: "-110" }, transTime);
                jQuery("#Panel4 .bottom").animate({ bottom: "25" }, transTime).delay(delayTime).animate({ bottom: "-110" }, transTime, function () {
                    jQuery("#Panel6 .left").animate({ left: "75" }, transTime).delay(delayTime).animate({ left: "-280" }, transTime);
                    jQuery("#Panel6 .right").animate({ right: "75" }, transTime).delay(delayTime).animate({ right: "-470" }, transTime, function () {
                        jQuery("#Panel7").animate({ top: "0" }, transTime).delay(delayTime).fadeOut(transTime).delay(delayTime, function () {
                            jQuery("#Panel8").fadeIn(transTime).delay(delayTime).fadeOut(transTime, function () { reset(); });
                        });
                    });
                });
            });
        });
    });
}