
global $boardurl, $context;
// use video, audio or audio2
list($type, $path, $width, $height) = array(
	'video',
	'EhMedia',
	'200px',
	'200px'
);

if ($type == 'video' && $context['user']['unread_messages'] >= 1) {
	echo '
<div style="display: none;margin: 0 auto;width: 100%;" class="centertext newPMessageCheckOnce" id="newPMessageCheck"></div>
	<video style="position: relative;left: 50%;transform: translateX(-50%);" width="' . $width . '" height="' . $height . '" id="eh_video_player" poster="">
		<source id="ehvideo_mp4" src="" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' />
	</video>
</div>
<script>
	if ($("#newPMessageCheck").hasClass("newPMessageCheckOnce")) {
		$(document).one("mousemove", function(event){
			ehPlayVideo(\'' . $boardurl . '/' . $path . '/alert_bell.mp4\');
			ehPlayAudio(\'' . $boardurl . '/' . $path . '/alert.mp3\');
			ehPlayAudio(\'' . $boardurl . '/' . $path . '/message.mp3\');
			$("#newPMessageCheck").css("display", "flex");
		});
	}
	function ehPlayVideo(url) {
		var ehvideo = $("#eh_video_player");
		ehvideo[0].autoplay = true;
		ehvideo[0].src = url;
		ehvideo[0].load();
		ehvideo[0].play();
	}
	function ehPlayAudio(url) {
		const audio = new Audio(url);
		audio.play();
	}
</script>';
}
else {
	echo '
<div style="display: none;" class="newPMessageCheckOnce" id="newPMessageCheck"></div>
<script>
	function ehPlayAudio(url) {
		const audio = new Audio(url);
		audio.play();
	}
</script>';

	if ($context['user']['unread_messages'] >= 1) {
		echo '
	<script>
		$(document).one("mousemove", function(event){' . ($type == 'audio' ? '
			ehPlayAudio(\'' . $boardurl . '/' . $path . '/whistle_alert.wav\');' : '
			ehPlayAudio(\'' . $boardurl . '/' . $path . '/alert.mp3\');
			ehPlayAudio(\'' . $boardurl . '/' . $path . '/message.mp3\');') . '
			$("#newPMessageCheck").attr("class", "newPMessageCheckOnce");
		});
	</script>';
	}
}