function write_effect_ninny(x) {
	var txt = x.querySelectorAll(".write-txt");
	var span = document.createElement('span');
	var speed = getComputedStyle(x).transitionDuration;
	
	if(speed == '0s') {
		speed = '0.1';
	} else {
		speed = speed.replace("s", "");
	}

	speed = speed * 1000;
	
	txt.forEach( function(el) {
		var sibling = el.previousElementSibling;
		var innertext = el.innerText;
		var delay = 300; 
		var typingstart = false; 
		var i = 0;

		el.setAttribute("data-write", innertext);

		var text = el.dataset.write;

		el.setAttribute("data-length", text.length); 
		el.innerHTML = "";

		if(sibling && sibling.classList.contains('write-txt') == true){
			var prevtext = el.previousElementSibling.dataset.length; 
			delay += (prevtext * speed) + speed; 

			el.setAttribute("data-length", Number(prevtext) + Number(text.length));
		}



		function typing() {

			function typing_once() {
				for (n=0; n<text.length; n++) {
					var write = text[n];

					span.style.transitionDelay = speed*n+"ms";

					if(write != ' ') {
						span.innerHTML = write;
						el.innerHTML += span.outerHTML;
					} else {
						el.innerHTML += write;
					}
				} 
			}

			function typing_several() {
				if (i < text.length) {
					var write = text[i];
					setTimeout(function(){
						el.innerHTML += write;
					}, delay);
					i++;
				} else {
					setTimeout(function(){
						el.classList.add('end');
					}, delay);
				}
				
			}

			if(x.classList.contains('txt-effect') == true) {
				typing_once();
			} else {
				setInterval(typing_several, speed);
			}

		}


		const scrWrite = document.querySelectorAll('.scr-write');

		if(scrWrite.length > 0) {
			window.addEventListener('scroll', function() { 
				const winTop = window.pageYOffset + window.innerHeight * 0.85;
				const eTop = window.scrollY + el.getBoundingClientRect().top;

				if(winTop >= eTop && typingstart==false){ 
					typingstart=true; 
					typing();
				}
			});
		} else { 
			if(typingstart==false){ 
				typingstart=true; 
				typing();
			}
		}

	});
}


window.addEventListener('DOMContentLoaded', function() {
    const writeEffect = document.querySelectorAll(".write-effect");
    
	writeEffect.forEach( function(el) {
        write_effect_ninny(el);
    });
});