var arr
var obj
function text(parameter) {
    var typewriter = {
        str: parameter.str || $(parameter).text(),
        effect: parameter.effect || "upBig",
        speed: parameter.speed || 40,
    }
    arr = [];
    for (var i = 0; i < typewriter.str.length; i++) {
        arr[i] = typewriter.str[i];
    }
    // console.log(arr);
    var num = 0;
    obj = setInterval(function () {
        var randomN = Math.floor(Math.random() * 4) + 1;
        var eff = null;
        if (randomN === 1) {
            eff = "fadeInRightBig";
        }
        if (randomN === 2) {
            eff = "fadeInLeftBig";
        }
        if (randomN === 3) {
            eff = "fadeInUpBig";
        }
        if (randomN === 4) {
            eff = "fadeInDownBig";
        }
        if (typewriter.effect === "normal") {
            $("#text").append('<span style="display: inline-block;" class="tip">' + arr[num] + '</span>');
        } else if (typewriter.effect === "rightBig") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInRightBig">' + arr[num] + '</span>');
        } else if (typewriter.effect === "right") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInRight">' + arr[num] + '</span>');
        } else if (typewriter.effect === "leftBig") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInLeftBig">' + arr[num] + '</span>');
        } else if (typewriter.effect === "left") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInLeft">' + arr[num] + '</span>');
        } else if (typewriter.effect === "downBig") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInDownBig">' + arr[num] + '</span>');
        } else if (typewriter.effect === "down") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInDown">' + arr[num] + '</span>');
        } else if (typewriter.effect === "upBig") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInUpBig">' + arr[num] + '</span>');
        } else if (typewriter.effect === "up") {
            $("#text").append('<span style="display: inline-block;" class="tip animated fadeInUp">' + arr[num] + '</span>');
        } else if (typewriter.effect === "random") {
            $("#text").append('<span style="display: inline-block;" class="tip animated ' + eff + '">' + arr[num] + '</span>');
        }
        num++
        if (num === arr.length) {
            clearInterval(obj);
        }
    }, typewriter.speed);
}