$(document).ready(function() {
    // When the document is ready
    // Do something  
    var myVideo = document.getElementById("videologo");
    if(myVideo) {
    	myVideo.addEventListener('canplaythrough', function() {myVideo.play()}, false);
    	var videoPlaying = false;
		myVideo.addEventListener('timeupdate', function() {
            if (this.currentTime > 0.02 && videoPlaying==false) {
            	videoPlaying=true;
                typeEffect();
            }
		}, false);
	}
	else {
		typeEffectDontPlay();
    }

    function typeEffect() {
        document.cookie="VideoCookie=0";
        // What you want to do after the event
        document.getElementById("UATypeEffectId").style.display = "block";
        $('.UATypeEffect').each(function() {

            var el = $(this);
            var content = el.html();
            el.html("");
            var tmp = "";
            var isAnimated = false;

            function type(element, text) {
                if (text.length >= content.length + 1) {
                    audio.pause();
                    return;
                }
                el.html(text);
                text += content[text.length];
                setTimeout(function() {
                    type(el, text)
                }, 20);
            }

            // audio
            var audio = new Audio('https://www.umbrella-army.com/wp-content/themes/umbrella-portal/audio/temp.mp3');
            audio.addEventListener('timeupdate', function() {
                if (this.currentTime > 0.01 && isAnimated == false) {
                    isAnimated = true;
                    type(el, tmp);
                }
                var buffer = 1
                if (this.currentTime > this.duration - buffer) {
                    this.currentTime = 1
                    this.play()
                }
            }, false);
            audio.addEventListener('canplaythrough', function() {audio.play()}, false);

        });
    }
    function typeEffectDontPlay() {
        document.getElementById("UATypeEffectId").style.display = "block";
    }
});