$( function()
{
    $("#start_left").mouseenter( function() {
        $("#start_left").css("background-image", "url('pics/start_left_02.png')");
    });
    $("#start_right").mouseenter( function() {
        $("#start_right").css("background-image", "url('pics/start_right_02.png')");
    });
    $("#start_left").mouseleave( function() {
        $("#start_left").css("background-image", "url('pics/start_left_01.png')");
    });
    $("#start_right").mouseleave( function() {
        $("#start_right").css("background-image", "url('pics/start_right_01.png')");
    });
    var preLoadedImages = new Array();
    preLoadedImages[0] = new Image();
    preLoadedImages[0].src = "pics/start_left_02.png";
    preLoadedImages[1] = new Image();
    preLoadedImages[1].src = "pics/start_left_01.png";
    preLoadedImages[2] = new Image();
    preLoadedImages[2].src = "pics/start_right_02.png";
    preLoadedImages[3] = new Image();
    preLoadedImages[3].src = "pics/start_right_01.png";

    /**
     * Handwriting animation for h1 tag
     */
    $("H1").each( function() {
        var w = $(this).width();
        $(this)
        .css("width", 0)
        .css("white-space", "nowrap")
        .css("overflow", "hidden")
        .animate({
            width: w
        }, 5000);
    });
}
);