var presentation = ["<word>major supporting character<\/word>","<word>Water Hashira<\/word>","<phrase>Giyu Tomioka (\u51a8\u3068\u307f\u5ca1\u304a\u304b \u7fa9\u304e\u52c7\u3086\u3046 Tomioka Giy\u016b?) is a <strong data-readahead=\"major supporting character\" class=\"presentation_word\">major supporting character<\/strong> of Demon Slayer: Kimetsu no Yaiba. He is a Demon Slayer of the Demon Slayer Corps and the current <strong data-readahead=\"Water Hashira\" class=\"presentation_word\">Water Hashira<\/strong> (\u6c34\u307f\u305a\u67f1\u3070\u3057\u3089 Mizu Bashira?)<\/phrase>","<word>muscular stature<\/word>","<word>unimpressed<\/word>","<word>unruly black hair<\/word>","<word>deep sapphire<\/word>","<word>lighter blue<\/word>","<phrase>Giyu is a tall young man of a <strong data-readahead=\"muscular stature\" class=\"presentation_word\">muscular stature<\/strong> and pale complexion, who is almost always seen wearing an <strong data-readahead=\"unimpressed\" class=\"presentation_word\">unimpressed<\/strong> or emotionless expression. He has <strong data-readahead=\"unruly black hair\" class=\"presentation_word\">unruly black hair<\/strong> of uneven lengths that sticks up in tufts around his head, which he wears tied back in a low messy ponytail at the base of his neck. His bangs fall over his eyes in an uneven fringe. His eyes are sharp and moderately large, their irises a <strong data-readahead=\"deep sapphire\" class=\"presentation_word\">deep sapphire<\/strong> that fades to a <strong data-readahead=\"lighter blue\" class=\"presentation_word\">lighter blue<\/strong> and their pupils a bluish-black, and are framed by thin eyebrows.<\/phrase>","<word>z\u014dri<\/word>","<word>haori<\/word>","<word>late older sister<\/word>","<word>deceased friend<\/word>","<phrase>Giyu wears a dark cyan-tinted version of the standard Demon Slayer uniform with buttoned white leg-wraps and a pair of white <strong data-readahead=\"z\u014dri\" class=\"presentation_word\">z\u014dri<\/strong> with dark blue straps, the socks underneath the same cyan color as his uniform. Over this, Giyu wears a <strong data-readahead=\"haori\" class=\"presentation_word\">haori<\/strong> that's split down the middle into two different patterns: the right one a solid red, and the left one geometrically patterned with squares of green, orange, and yellow. These haoris were later noted to have belonged to his <strong data-readahead=\"late older sister\" class=\"presentation_word\">late older sister<\/strong>, Tsutako Tomioka, and his <strong data-readahead=\"deceased friend\" class=\"presentation_word\">deceased friend<\/strong> Sabito.<\/phrase>","<word>Muzan<\/word>","<word>loses his right arm<\/word>","<phrase>During his battle with <strong data-readahead=\"Muzan\" class=\"presentation_word\">Muzan<\/strong> Kibutsuji, he <strong data-readahead=\"loses his right arm\" class=\"presentation_word\">loses his right arm<\/strong>. After the fight, Giyu cuts his hair down to shoulder length, now wearing it loose rather than tied into a ponytail.<\/phrase>","<word>serious expression<\/word>","<word>reserved personality<\/word>","<word>sense of justice<\/word>","<word>own limitations<\/word>","<word>zero hesitation<\/word>","<word>code of conduct<\/word>","<word>doesn't completely despise Demons<\/word>","<word>more pragmatic<\/word>","<word>out of hatred<\/word>","<phrase>Giyu always wears a <strong data-readahead=\"serious expression\" class=\"presentation_word\">serious expression<\/strong> on his face. He has a <strong data-readahead=\"reserved personality\" class=\"presentation_word\">reserved personality<\/strong> and a strong <strong data-readahead=\"sense of justice\" class=\"presentation_word\">sense of justice<\/strong> with no tolerance towards those who don't know their <strong data-readahead=\"own limitations\" class=\"presentation_word\">own limitations<\/strong> and throw away their lives. Despite letting Nezuko Kamado live due to Tanjiro Kamado's persistence, he shows <strong data-readahead=\"zero hesitation\" class=\"presentation_word\">zero hesitation<\/strong> when killing other Demons and has no respect towards them like most Demon Slayers. Even so, Giyu violated the Demon Slayer Corps' <strong data-readahead=\"code of conduct\" class=\"presentation_word\">code of conduct<\/strong> when he protected Nezuko during Shinobu's attempt to kill her. This implies that he <strong data-readahead=\"doesn't completely despise Demons\" class=\"presentation_word\">doesn't completely despise Demons<\/strong> as some other Hashira do, and is willing to make an exception for a Demon by letting them live if they don't kill and eat humans. This shows that he is <strong data-readahead=\"more pragmatic\" class=\"presentation_word\">more pragmatic<\/strong> in dealing with Demons rather than <strong data-readahead=\"out of hatred\" class=\"presentation_word\">out of hatred<\/strong> for Demons like some other Hashira do.<\/phrase>","<word>hated by many<\/word>","<word>decent friends<\/word>","<phrase>Giyu appears to have a complex with what others think of him and is shocked when Shinobu Kocho claims he is <strong data-readahead=\"hated by many\" class=\"presentation_word\">hated by many<\/strong>. Besides that however, he doesn't seem to be hurt by Shinobu's other pokes, even ignoring her. Despite that, they are in fact <strong data-readahead=\"decent friends\" class=\"presentation_word\">decent friends<\/strong> with a good amount of history together.<\/phrase>","<word>very few words<\/word>","<word>he hates talking<\/word>","<word>names are not meant to be shared.<\/word>","<phrase>He is a man of <strong data-readahead=\"very few words\" class=\"presentation_word\">very few words<\/strong> and has trouble interacting with others, so he usually keeps himself at a distance. He even goes out of his way to tell Akaza that <strong data-readahead=\"he hates talking\" class=\"presentation_word\">he hates talking<\/strong>, and wants to keep his name to himself, as he thinks <strong data-readahead=\"names are not meant to be shared.\" class=\"presentation_word\">names are not meant to be shared.<\/strong><\/phrase>","<word>inferiority complex<\/word>","<word>Water Hashira<\/word>","<word>survivor's guilt<\/word>","<word>Muzan<\/word>","<phrase>It is revealed later on that Giyu suffers from an <strong data-readahead=\"inferiority complex\" class=\"presentation_word\">inferiority complex<\/strong> which he developed since his participation in the Final Selection. It gets severe to the point where he contemplates abandoning his position as the <strong data-readahead=\"Water Hashira\" class=\"presentation_word\">Water Hashira<\/strong> until Tanjiro helps him realize that instead of acting on his <strong data-readahead=\"survivor's guilt\" class=\"presentation_word\">survivor's guilt<\/strong>, he should cherish his life and live on for the people who sacrificed their lives for him. This feeling of <strong data-readahead=\"survivor's guilt\">survivor's guilt<\/strong> strikes again when he believes Tanjiro has died after the fight against <strong data-readahead=\"Muzan\" class=\"presentation_word\">Muzan<\/strong>. Giyu, while he sheds tears, admits how he is always the one who is saved.<\/phrase>","<word>protective<\/word>","<word>life on the line<\/word>","<word>seppuku<\/word>","<word>lose his composure<\/word>","<word>stoic demeanor<\/word>","<word>kill Tanjiro<\/word>","<word>haori<\/word>","<word>memento of them<\/word>","<word>passing of Genya Shinazugawa<\/word>","<phrase>Despite his aloof and stoic nature, Giyu is shown to be <strong data-readahead=\"protective\" class=\"presentation_word\">protective<\/strong> and caring towards those he is close to and considers his friends. This is first shown when he puts his <strong data-readahead=\"life on the line\" class=\"presentation_word\">life on the line<\/strong> for Tanjiro and Nezuko by vowing to commit <strong data-readahead=\"seppuku\" class=\"presentation_word\">seppuku<\/strong> if the latter were ever to eat a human. Giyu has been shown to <strong data-readahead=\"lose his composure\" class=\"presentation_word\">lose his composure<\/strong> and usual <strong data-readahead=\"stoic demeanor\" class=\"presentation_word\">stoic demeanor<\/strong> when those he cares about are in danger, as seen when he is greatly angered by Akaza's attempt to <strong data-readahead=\"kill Tanjiro\" class=\"presentation_word\">kill Tanjiro<\/strong> and visibly shocked when he hears the news of Shinobu's death. This is further shown in the fact that he still wears half of Sabito, his late best friend's, and his older sister's <strong data-readahead=\"haori\" class=\"presentation_word\">haori<\/strong> as a <strong data-readahead=\"memento of them\" class=\"presentation_word\">memento of them<\/strong>. However, Giyu appears to be particular in who he shows emotions for, as he doesn't appear to react at all when informed of the <strong data-readahead=\"passing of Genya Shinazugawa\" class=\"presentation_word\">passing of Genya Shinazugawa<\/strong>, Muichiro Tokito and Kyojuro Rengoku.<\/phrase>","<word>assault as a demon<\/word>","<word>smiles<\/word>","<word>combative relationship<\/word>","<word>mutual respect.<\/word>","<phrase>However, Giyu will not let his personal relationships get in the way of his duty. When Tanjiro begins his <strong data-readahead=\"assault as a demon\" class=\"presentation_word\">assault as a demon<\/strong>, Giyu is the first to announce that they need to take him down, despite his brotherly-type relationship with Tanjiro. Following this whole conflict, its clear that Giyu has been able to embrace his happier side, shown by his <strong data-readahead=\"smiles\" class=\"presentation_word\">smiles<\/strong> towards the Kamado siblings and even Sanemi, which shows how much their <strong data-readahead=\"combative relationship\" class=\"presentation_word\">combative relationship<\/strong> has slowly developed into one of <strong data-readahead=\"mutual respect.\" class=\"presentation_word\">mutual respect.<\/strong><\/phrase>"];
	var currentPosition = 0;
	var totalPositions = 0;
	var timePerWord = 1500;
	var timePerPhraseWord = 120
	var readAheadPlayerTimer;
	var autoPlay = true;
	var setMinimized = false;

	var wordSpeedOptions = {'Slower':2000,'Moderate':1200,'Fast':800};
	var phraseSpeedOptions = {'Slower':280,'Moderate':200,'Fast':80};
	var defaultWordSpeedOption = 'Moderate';
	var defaultPhraseSpeedOption = 'Moderate';
	var logToLTI = false;

	$(window).load(function(){
		totalPositions = presentation.length;
		if (totalPositions > 0){
			$('body').prepend('<div id="read_ahead_player_back"></div>');
			$('body').prepend('<div id="read_ahead_player"></div>');
			$('#read_ahead_player').prepend('<div id="read_ahead_player_field" class="read_ahead_word_section"></div>');
			initializeReadAheadControls();
			initializeReadAheadSlider();
			initializeReadAheadSpeedOptions();
			currentReadAheadControls();
			resumeReadAheadPlayback();
		}
	});

	$(document).keyup(function(e){
		switch(e.which) {
			case 37: 
				pauseReadAheadPresentation();
				priorReadAheadPresentationItem();
				break;
			case 39:
				pauseReadAheadPresentation();
				nextReadAheadPresentationItem();
				break;
			default:
				break;
		}

	});

	function initializeReadAheadControls(){
		var s = '';
		s += '<a href="javascript:void(0)" onclick="read_ahead_switch_min_max(true);" id="read_ahead_player_max_min" class="player-icons" aria-label="minimize/maximize player">';
		s += '<span class="fa-stack fa-lg " aria-hidden><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-minus fa-stack-1x fa-inverse"></i></span>';
		s += '</a>';
		s += '<div id="read_ahead_controls">';
		s += '<a href="javascript:void(0)" onclick="priorReadAheadPresentationItem()" id="read_ahead_player_previous_word" class="player-icons" aria-label="previous keyword">';
		s += '<span class="fa-stack fa-lg " aria-hidden><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-backward fa-stack-1x fa-inverse"></i></span>';
		s += '</a>';
		s += '<a href="javascript:void(0)" onclick="pauseReadAheadPresentation()" id="read_ahead_player_pause_play" class="player-icons" aria-label="play/pause">';
		s += '<span class="fa-stack fa-lg " aria-hidden><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-pause fa-stack-1x fa-inverse"></i></span>';
		s += '</a>';
		s += '<a href="javascript:void(0)" onclick="nextReadAheadPresentationItem()" id="read_ahead_player_next_word" class="player-icons" aria-label="next keyword">';
		s += '<span class="fa-stack fa-lg " aria-hidden><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-forward fa-stack-1x fa-inverse"></i></span>';
		s += '</a>';
		s += '</div>';
		$('#read_ahead_player').append(s);
	}

	function initializeReadAheadSlider(){
		var s = '';
		s += '<div class="read_ahead_slider" id="readAheadSlider">';
		s += '<div class="read_ahead_slider_bar" id="readAheadSliderBar"></div>';
		s += '</div>';
		$('#read_ahead_controls').prepend(s);
		updateReadAheadSliderPosition();
	}

	function initializeReadAheadSpeedOptions(){
		var s = '<div id="read_ahead_player_options">';
		s += '<div class="slider_control" id="slider_control_word_speed">';
		s += ' Word Speed<br/>';
		s += '<div class="slider_bar">';
		optionCount = 0;
		for (index in wordSpeedOptions) { optionCount++; }
		optionWidth = 100 / optionCount;
		for (index in wordSpeedOptions) {
			var option = wordSpeedOptions[index];
			if (index == defaultWordSpeedOption) {
				s += '<a href="javascript:void(0)" id="slider_control_word_speed_'+option+'" onclick="updateReadAheadWordSpeed('+option+',this)" style="width:'+optionWidth+'%;" title="'+index+'" data-speed="'+option+'" class="current_speed" aria-label="'+index+'"></a>';
				updateReadAheadWordSpeed(option);
			} else {
				s += '<a href="javascript:void(0)" id="slider_control_word_speed_'+option+'" onclick="updateReadAheadWordSpeed('+option+',this)" style="width:'+optionWidth+'%;" title="'+index+'" data-speed="'+option+'" aria-label="'+index+'"></a>';
			}
		}
		s += '</div>';
		s += '</div>';
		s += '<div class="slider_control" id="slider_control_phrase_speed">';
		s += ' Phrase Speed<br/>';
		s += '<div class="slider_bar">';
		optionCount = 0;
		for (index in phraseSpeedOptions) { optionCount++; }
		optionWidth = 100 / optionCount;
		for (index in phraseSpeedOptions) {
			var option = phraseSpeedOptions[index];
			if (index == defaultWordSpeedOption) {
				s += '<a href="javascript:void(0)" id="slider_control_phrase_speed_'+option+'" onclick="updateReadAheadPhraseSpeed('+option+',this)" style="width:'+optionWidth+'%;" title="'+index+'" data-speed="'+option+'" class="current_speed" aria-label="'+index+'"></a>';
				updateReadAheadPhraseSpeed(option);
			} else {
				s += '<a href="javascript:void(0)" id="slider_control_phrase_speed_'+option+'" onclick="updateReadAheadPhraseSpeed('+option+',this)" style="width:'+optionWidth+'%;" title="'+index+'" data-speed="'+option+'" aria-label="'+index+'"></a>';
			}
		}
		s += '</div>';
		s += '</div>';
		s += '</div>';
		$('#read_ahead_controls').append(s);
	}

	function updateReadAheadWordSpeed(microseconds,sender) {
		microseconds = microseconds != undefined && microseconds > 0 ? microseconds : 0;
		if (microseconds > 0) { timePerWord = microseconds; }
		if (sender!=undefined) { 
			$('#slider_control_word_speed').find('a').removeClass('current_speed');
			$(sender).addClass('current_speed');
		}
		logReadAheadPlayerAction('updateReadAheadWordSpeed','Presentation',microseconds);
	}

	function updateReadAheadPhraseSpeed(microseconds,sender) {
		microseconds = microseconds != undefined && microseconds > 0 ? microseconds : 0;
		if (microseconds > 0 ) { timePerPhraseWord = microseconds; }
		if (sender!=undefined) { 
			$('#slider_control_phrase_speed').find('a').removeClass('current_speed');
			$(sender).addClass('current_speed');
		}
		logReadAheadPlayerAction('updateReadAheadPhraseSpeed','Presentation',microseconds);
	}

	function updateReadAheadSliderPosition(){
		var currentSliderBarWidth = 100 - (100 / totalPositions * (currentPosition + 1));
		$('#readAheadSliderBar').css('width',currentSliderBarWidth+'%');
	}

	function currentReadAheadControls(){
		$('#read_ahead_player_pause_play').show();
		if (currentPosition < totalPositions - 1)	{
			$('#read_ahead_player_next_word').removeClass('disabled');
		} else {
			$('#read_ahead_player_next_word').addClass('disabled');
		}
		if (currentPosition > 0) {
			$('#read_ahead_player_previous_word').removeClass('disabled');
		} else {
			$('#read_ahead_player_previous_word').addClass('disabled');
		}
	}

	function restartReadAheadPresentation(){
		currentPosition = 0;
		logReadAheadPlayerAction('restartReadAheadPresentation','Presentation','');
		resumeReadAheadPlayback();
	}

	function resumeReadAheadPlayback(){
		$('.fa-repeat').removeClass('fa-repeat').addClass('fa-play');
		$('#read_ahead_player_pause_play').each(function(){
			$(this).find('.fa-play').removeClass('fa-play').addClass('fa-pause');
			$(this).off('click');
			$(this).attr('onclick','pauseReadAheadPresentation()');
		});
		logReadAheadPlayerAction('resumeReadAheadPlayback','Presentation','');
		playReadAheadPresentation();
	}

	function pauseReadAheadPresentation(){
		$('#read_ahead_player_pause_play').each(function(){
			$(this).find('.fa-pause').removeClass('fa-pause').addClass('fa-play');
			$(this).off('click');
			$(this).attr('onclick','resumeReadAheadPlayback()');
		});
		logReadAheadPlayerAction('pauseReadAheadPresentation','Presentation','');
		read_ahead_pause();
	}

	function endReadAheadPresentation(){
		$('.fa-play').removeClass('fa-play').addClass('fa-repeat');
		$('.fa-pause').removeClass('fa-pause').addClass('fa-repeat');
		$('#read_ahead_player_pause_play').each(function(){
			$(this).off('click');
			$(this).attr('onclick','restartReadAheadPresentation()');
		});
		logReadAheadPlayerAction('endReadAheadPresentation','Presentation','');
		logLTIEndPresentation();
	}

	function playReadAheadPresentation(){
		autoPlay=true;
		currentPosition--;
		logReadAheadPlayerAction('playReadAheadPresentation','Presentation','');
		nextReadAheadPresentationItem(); 
	}

	function startReadAheadStepper(timeDisplayWord){
		clearInterval(readAheadPlayerTimer);
		readAheadPlayerTimer = setTimeout(function() { read_ahead_step(); },timeDisplayWord);
	}

	function stopReadAheadStepper(){
		clearInterval(readAheadPlayerTimer);
	}

	function read_ahead_step(){
		if (autoPlay) {
			nextReadAheadPresentationItem();
		}
	}

	function read_ahead_pause(){
		autoPlay=false;
		stopReadAheadStepper();
	}

	function showReadAheadPresentationItem(index){
		currentPosition = index;
		currentPresentationItem = presentation[currentPosition] != undefined ? presentation[currentPosition].trim() : "";
		if (currentPresentationItem != "") {
			currentItemWordCount = presentation[currentPosition].replace("\n","").split(" ").length;
			if (currentPresentationItem.startsWith("<word>")){
				startReadAheadStepper(currentItemWordCount*timePerWord);
				$('#read_ahead_player_field').html('<div class="read_ahead_word" style="display:block;">'+currentPresentationItem+'</div>');
				logReadAheadPlayerAction('showReadAheadPresentationItem','Word',currentPresentationItem);
		
			} else {
				startReadAheadStepper(currentItemWordCount*timePerPhraseWord);
				$('#read_ahead_player_field').html('<div class="read_ahead_text_box" style="display:block;"><div class="read_ahead_text">'+currentPresentationItem.replace("\n","<br />")+'</div></div>');
				logReadAheadPlayerAction('showReadAheadPresentationItem','Phrase','');
		
			}
		} else {
			if (currentPosition < totalPositions) {
				nextReadAheadPresentationItem();
			} else {
				endReadAheadPresentation();
				read_ahead_minimize();
			}
		}
		currentReadAheadControls();
		updateReadAheadSliderPosition();
		saveReadAheadPosition();
	}

	function priorReadAheadPresentationItem(){
		stopReadAheadStepper();
		logReadAheadPlayerAction('priorReadAheadPresentationItem','Controls','');
		showReadAheadPresentationItem(currentPosition-1);
	}


	function nextReadAheadPresentationItem(){
		stopReadAheadStepper();
		logReadAheadPlayerAction('nextReadAheadPresentationItem','Controls','');
		showReadAheadPresentationItem(currentPosition+1);
	}

	function read_ahead_playAgain(){
		currentWordIndex = 0;
		logReadAheadPlayerAction('read_ahead_playAgain','Controls','');
		playReadAheadPresentation();
	}


	function read_ahead_minimize(){
		setMinimized = true;
		logReadAheadPlayerAction('read_ahead_minimize','Controls','');
		read_ahead_switch_min_max();
	}

	function read_ahead_maximize(){
		setMinimized = false;
		logReadAheadPlayerAction('read_ahead_maximize','Controls','');
		read_ahead_switch_min_max();
	}

	function read_ahead_switch_min_max(forceSwitch){
		forceSwitch = forceSwitch != undefined ? forceSwitch : false;
		if (forceSwitch) { setMinimized = !setMinimized; }

		if (setMinimized) {
			$('#read_ahead_player_back').fadeOut();
			$('#read_ahead_player').addClass('minimize');
			$('.player-icons .fa-stack').removeClass('fa-lg').addClass('fa-sm');
			$('.player-icons .fa-minus').removeClass('fa-minus').addClass('fa-expand');
			logReadAheadPlayerAction('read_ahead_switch_min_max','Min','');
			//$('#read_ahead_player_max_min').each(function(){
			//	$(this).off('click');
			//	$(this).attr('onclick','read_ahead_maximize()');
			//});
		} else {
			$('#read_ahead_player_back').fadeIn();
			$('#read_ahead_player').removeClass('minimize');
			$('.player-icons .fa-stack').removeClass('fa-sm').addClass('fa-lg');
			$('.player-icons .fa-expand').removeClass('fa-expand').addClass('fa-minus');
			logReadAheadPlayerAction('read_ahead_switch_min_max','Max','');
			//$('#read_ahead_player_max_min').each(function(){
			//	$(this).off('click');
			//	$(this).attr('onclick','read_ahead_minimize()');
			//});
		}

	}

	function saveReadAheadPosition(){
		$.ajax({
			type:'POST',
			url:'/ajax/save_user_presentation_position.php',
			data: { 'id':2882,
					'position': currentPosition
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}

	function logLTIEndPresentation(action) {
		if (!logToLTI) {
			return;
		}

		$.ajax({
			type:'POST',
			url:'/lti/presentationEnded.php',
			data: { 'documentId':2882,
					'userId':0,
				}
		})
	}

	function logReadAheadPlayerAction(action,area,details){
		var d = new Date();
		var t = d.getTime();
		action = action != undefined ? action.trim() : 'UNKNOWN';
		area = area != undefined ? area.trim() : '';
		details = details != undefined ? details : '';

		// If we are about to show a new word, increase the number of keywords
		// reinforced so we can log that for the Dashboard page.
		if (area == 'Word') {
			window.keywordCount++;
		}

		$.ajax({
			type:'POST',
			url:'/logging/logPlayerAction.php',
			data: { 'documentId':2882,
					'userId':0,
					'playerAction':action,
					'playerArea':area,
					'details':details,
					'timestamp': t
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}