window.onload = function () {
    $(".1").animate({ opacity: "1.0", bottom: "+=200" }, 1200);
    $(".2").animate({ opacity: "1.0", bottom: "+=200" }, 1500);
    $(".3").animate({ opacity: "1.0", bottom: "+=200" }, 1800);
    $(".4").animate({ opacity: "1.0", bottom: "+=200" }, 2100);
    $(".5").animate({ opacity: "1.0", bottom: "+=200" }, 2400);
    $(".6").animate({ opacity: "1.0", bottom: "+=200" }, 2700);

    $("#IndextopImage").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1000, function () {
        $("#IndexBottomImage").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1000, function () {
            $("#IndexMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1000);

        });

    })

    $("#webPortfolioBlackBar").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1000, function () {
        $("#webPortfolioTagline").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1500, function () {
            $("#webPortfolioMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1800);

        });

    })

    $("#graphicPortfolioBlackBar").animate({ opacity: "0.2", height: "500" }, 400, function () {
        $("#graphicPortfolioBlackBar").animate({ opacity: "1.0", width: "100%" }, 400);
    });

};

$(document).ready(function () {

    $(".menu a").hover(function () {
        $(this).next("em").animate({ opacity: "show", top: "-32" }, "slow");
    }, function () {
        $(this).next("em").animate({ opacity: "hide", top: "-65" }, "fast");
    });


    $("#graphicPortfolioMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1500, function () {
        $("#graphicPortfolioTagLine").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1000, function () {
            $("#graphicPortfolioThumbs").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1000);

        });

    })


    $("#statsBarContainer").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1500, function () {
        $("#statsMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1000, function () {
            $("#statsIconPosition").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1000);

        });

    })

    $("#recommendMePortfolioTagline").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1500, function () {
        $("#recommendMePortfolioMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1000, function () {
            $("#SitemapPortfolioMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1000);

        });

    })

    $("#loginPortfolioMainMenu").css({ opacity: 0 }).animate({ opacity: "1.0", height: "+=401" }, 1500, function () {
        $("#jojo").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1500, function () {
            $("#jojo").css({ opacity: 0 }).animate({ opacity: "1.0", left: "+=0" }, 1500);

        });

    })


})