$(function() {
    $("#hbirdBanner").append("<div id='hbirdBannerPhoto1'>&nbsp;</div");
    $("#hbirdBanner").append("<div id='hbirdBannerPhoto2'>&nbsp;</div");
    $("#hbirdBanner").append("<div id='hbirdBannerPhoto3'>&nbsp;</div");
    $("#hbirdBanner").append("<div id='hbirdBannerPhoto4'>&nbsp;</div");
});

$(function() {
    function pane1() {
        $("#hbirdBannerPhoto1").fadeIn(1200, pane2);
    };
    function pane2() {
        $("#hbirdBanner").animate({ opacity: 1.0 }, { duration: 300, complete: pane3 });
    };
    function pane3() {
        $("#hbirdBannerPhoto2").fadeIn(1200, pane4);
    };
    function pane4() {
        $("#hbirdBanner").animate({ opacity: 1.0 }, { duration: 300, complete: pane5 });
    };
    function pane5() {
        $("#hbirdBannerPhoto3").fadeIn(1200, pane6);
    };
    function pane6() {
        $("#hbirdBanner").animate({ opacity: 1.0 }, { duration: 300, complete: pane7 });
    };
    function pane7() {
        $("#hbirdBannerPhoto4").fadeIn(1200);
    };
    pane1();
});