function StartAnimation() {
    var iTop = 0;
    var iLeft = 0;

    $("#letter_e1").animate({
        marginTop: iTop + "px",
        marginLeft: iLeft + "px"
    }, 1000);

    iTop += $("#letter_e1").height() - 40;
    iLeft += $("#letter_e1").width() - 40;
    $("#letter_v1").animate({
        marginTop: iTop + "px",
        marginLeft: iLeft + "px"
    }, 1000);

    iTop += $("#letter_v1").height() - 50;
    iLeft += $("#letter_v1").width() - 50;
    $("#letter_o1").animate({
        marginTop: iTop + "px",
        marginLeft: iLeft + "px"
    }, 1000);

    iTop += $("#letter_o1").height() - 60;
    iLeft += $("#letter_o1").width() - 60;
    $("#letter_l1").animate({
        marginTop: iTop + "px",
        marginLeft: iLeft + "px"
    }, 1000);

    iTop += $("#letter_l1").height() - 60;
    iLeft += $("#letter_l1").width() - 60;
    $("#letter_v2").animate({
        marginTop: iTop + "px",
        marginLeft: iLeft + "px"
    }, 1000);

    iTop += $("#letter_v2").height() - 70;
    iLeft += $("#letter_v2").width() - 70;
    $("#letter_e2").animate({
        marginTop: iTop + "px",
        marginLeft: iLeft + "px"
    }, 1000, function () {
        //NextAnimation();
    });
}

function NextAnimation() {
    $("#letter_e1").animate({
        marginLeft: "0px",
        marginTop: "0px"
    }, 1000);
    $("#letter_v1").animate({
        marginLeft: "0px",
        marginTop: "0px"
    }, 1000);
    $("#letter_o1").animate({
        marginLeft: "0px",
        marginTop: "0px"
    }, 1000);
    $("#letter_l1").animate({
        marginLeft: "0px",
        marginTop: "0px"
    }, 1000);
    $("#letter_v2").animate({
        marginLeft: "0px",
        marginTop: "0px"
    }, 1000);
    $("#letter_e2").animate({
        marginLeft: "0px",
        marginTop: "0px"
    }, 1000, function () {
        StartAnimation();
    });
}