document.addEventListener("DOMContentLoaded", function() {
	var promise = document.getElementById("autoplay").play();

	if (promise !== undefined) {
		promise.then(function() {}).catch(function(error) {
			var autoplayCover = document.createElement("div");
			autoplayCover.id = "autoplay-cover";
			autoplayCover.innerHTML = `<img src="index_files/greyfriend.gif" height="450"><p style="color:#c1b492;">Ｓｏｍｅｔｈｉｎｇ  ｈａｓ  ｏｂｆｕｓｃａｔｅｄ  ｔｈｅｉｒ  ｖｏｉｃｅｓ  ｏｎｃｅ  ｍｏｒｅ．．．
<br><br>
Ｙｏｕ　ｍａｙ　ｃｌｉｃｋ　ｔｏ   <a style="color:#d2738a;"> ＬＩＳＴＥＮ</a>．</p>`;
			document.body.appendChild(autoplayCover);
			autoplayCover.addEventListener("click", function() {
				autoplayCover.className = "hide";
				setTimeout(function() {
					document.body.removeChild(autoplayCover);
				}, 500);
				document.getElementById("autoplay").play();
			});
		});
	}
});

window.addEventListener("load", function() {


	var cursorContainer = document.createElement("div");
	cursorContainer.id = "cursor-container";

	var cursor = document.createElement("div");
	cursor.id = "cursor";
	cursorContainer.appendChild(cursor);

	document.body.appendChild(cursorContainer);

	window.addEventListener("mousemove", function(event) {
		cursor.style.transform = "translate(" + (event.pageX - 13) + "px," + (event.pageY - 13) + "px)";
	});
	window.addEventListener("mouseover", function(event) {
		var isHover = false;
		for (var i=0; i<event.path.length; i++) {
			if (event.path[i].nodeName == "A") {
				isHover = true;
				break;
			}
		}
		cursor.className = isHover ? "hover" : "";
	});
});