var presentation = ["<word>daughter<\/word>","<word>Hiram and Hermione Lodge<\/word>","<word>girlfriend<\/word>","<word>ex-girlfriend<\/word>","<word>Veronica Lodge<\/word>","<word>Archie Andrews<\/word>","<word>Reggie Mantle<\/word>","<phrase><strong data-readahead=\"Veronica Lodge\" class=\"presentation_word\">Veronica Lodge<\/strong> is the <strong data-readahead=\"daughter\" class=\"presentation_word\">daughter<\/strong> of <strong data-readahead=\"Hiram and Hermione Lodge\" class=\"presentation_word\">Hiram and Hermione Lodge<\/strong>. She is the <strong data-readahead=\"girlfriend\" class=\"presentation_word\">girlfriend<\/strong> of <strong data-readahead=\"Archie Andrews\" class=\"presentation_word\">Archie Andrews<\/strong> and the <strong data-readahead=\"ex-girlfriend\" class=\"presentation_word\">ex-girlfriend<\/strong> of <strong data-readahead=\"Reggie Mantle\" class=\"presentation_word\">Reggie Mantle<\/strong>.<\/phrase>","<word>Riverdale High School<\/word>","<word>member<\/word>","<word>Josie and the pussycats<\/word>","<word>New York<\/word>","<word>her mother's hometown<\/word>","<word>Riverdale<\/word>","<word>her father's arrest<\/word>","<word>start over<\/word>","<word>leave her troubled past behind<\/word>","<word>River Vixens<\/word>","<word>subsequent incarceration<\/word>","<phrase>Veronica is a student at <strong data-readahead=\"Riverdale High School\" class=\"presentation_word\">Riverdale High School<\/strong>. In addition, she is a <strong data-readahead=\"member\" class=\"presentation_word\">member<\/strong> of the <strong data-readahead=\"River Vixens\" class=\"presentation_word\">River Vixens<\/strong> and <strong data-readahead=\"Josie and the pussycats\" class=\"presentation_word\">Josie and the pussycats<\/strong>. She moved from <strong data-readahead=\"New York\" class=\"presentation_word\">New York<\/strong> to <strong data-readahead=\"her mother's hometown\" class=\"presentation_word\">her mother's hometown<\/strong> of <strong data-readahead=\"Riverdale\" class=\"presentation_word\">Riverdale<\/strong> due to <strong data-readahead=\"her father's arrest\" class=\"presentation_word\">her father's arrest<\/strong> and <strong data-readahead=\"subsequent incarceration\" class=\"presentation_word\">subsequent incarceration<\/strong>. She arrives in <strong data-readahead=\"Riverdale\">Riverdale<\/strong> in order to <strong data-readahead=\"start over\" class=\"presentation_word\">start over<\/strong> and <strong data-readahead=\"leave her troubled past behind\" class=\"presentation_word\">leave her troubled past behind<\/strong>.<\/phrase>","<word>New York<\/word>","<word>filthy rich<\/word>","<word>popular<\/word>","<word>fashionable<\/word>","<word>bully<\/word>","<word>her father is arrested<\/word>","<word>she and her mother<\/word>","<word>Hermione<\/word>","<word>forced to flee New York City<\/word>","<word>relocate to Riverdale<\/word>","<word>struggles to find the truth<\/word>","<word>her father's loyalties<\/word>","<word>fears<\/word>","<word>he is released from prison<\/word>","<word>trying to reform herself<\/word>","<word>mean girl<\/word>","<phrase>While living in <strong data-readahead=\"New York\" class=\"presentation_word\">New York<\/strong>, Veronica was <strong data-readahead=\"filthy rich\" class=\"presentation_word\">filthy rich<\/strong>, <strong data-readahead=\"popular\" class=\"presentation_word\">popular<\/strong>, and <strong data-readahead=\"fashionable\" class=\"presentation_word\">fashionable<\/strong>. She was also a <strong data-readahead=\"bully\" class=\"presentation_word\">bully<\/strong> and a <strong data-readahead=\"mean girl\" class=\"presentation_word\">mean girl<\/strong>. After <strong data-readahead=\"her father is arrested\" class=\"presentation_word\">her father is arrested<\/strong>, <strong data-readahead=\"she and her mother\" class=\"presentation_word\">she and her mother<\/strong> <strong data-readahead=\"Hermione\" class=\"presentation_word\">Hermione<\/strong> are <strong data-readahead=\"forced to flee New York City\" class=\"presentation_word\">forced to flee New York City<\/strong> and <strong data-readahead=\"relocate to Riverdale\" class=\"presentation_word\">relocate to Riverdale<\/strong>. She <strong data-readahead=\"struggles to find the truth\" class=\"presentation_word\">struggles to find the truth<\/strong> behind <strong data-readahead=\"her father's loyalties\" class=\"presentation_word\">her father's loyalties<\/strong> and intentions, as she <strong data-readahead=\"fears\" class=\"presentation_word\">fears<\/strong> what will happen once <strong data-readahead=\"he is released from prison\" class=\"presentation_word\">he is released from prison<\/strong> and back home with them. Meanwhile, she is also <strong data-readahead=\"trying to reform herself\" class=\"presentation_word\">trying to reform herself<\/strong> into a better person.<\/phrase>","<word>develops friendships<\/word>","<word>Archie Andrews' girlfriend<\/word>","<word>later on<\/word>","<word>Reggie Mantle's girlfriend<\/word>","<word>Betty Cooper<\/word>","<word>Jughead Jones<\/word>","<word>Josie McCoy<\/word>","<word>Cheryl Blossom<\/word>","<word>Kevin Keller<\/word>","<phrase>She eventually <strong data-readahead=\"develops friendships\" class=\"presentation_word\">develops friendships<\/strong> with all of the main characters including <strong data-readahead=\"Betty Cooper\" class=\"presentation_word\">Betty Cooper<\/strong>, <strong data-readahead=\"Jughead Jones\" class=\"presentation_word\">Jughead Jones<\/strong>, <strong data-readahead=\"Josie McCoy\" class=\"presentation_word\">Josie McCoy<\/strong>, <strong data-readahead=\"Cheryl Blossom\" class=\"presentation_word\">Cheryl Blossom<\/strong> and <strong data-readahead=\"Kevin Keller\" class=\"presentation_word\">Kevin Keller<\/strong>. She becomes <strong data-readahead=\"Archie Andrews' girlfriend\" class=\"presentation_word\">Archie Andrews' girlfriend<\/strong> and <strong data-readahead=\"later on\" class=\"presentation_word\">later on<\/strong>, <strong data-readahead=\"Reggie Mantle's girlfriend\" class=\"presentation_word\">Reggie Mantle's girlfriend<\/strong>.<\/phrase>","<word>season 2<\/word>","<word>Veronica's father<\/word>","<word>released from jail<\/word>","<word>Riverdale<\/word>","<word>join Hermione and Veronica<\/word>","<word>involved in the Lodge family business<\/word>","<word>turns against her father<\/word>","<word>realizes what a horrible person he is<\/word>","<word>blind faith in him<\/word>","<word>adversary to her father<\/word>","<word>spent the majority of the third season<\/word>","<word>taking her father down<\/word>","<word>put in prison<\/word>","<word>crimes he has committed<\/word>","<word>Hiram<\/word>","<word>time<\/word>","<phrase>In <strong data-readahead=\"season 2\" class=\"presentation_word\">season 2<\/strong>, <strong data-readahead=\"Veronica's father\" class=\"presentation_word\">Veronica's father<\/strong> <strong data-readahead=\"Hiram\" class=\"presentation_word\">Hiram<\/strong> is <strong data-readahead=\"released from jail\" class=\"presentation_word\">released from jail<\/strong> and moves back to <strong data-readahead=\"Riverdale\" class=\"presentation_word\">Riverdale<\/strong> to <strong data-readahead=\"join Hermione and Veronica\" class=\"presentation_word\">join Hermione and Veronica<\/strong> as a family. After <strong data-readahead=\"Hiram\">Hiram<\/strong> is released, Veronica gets <strong data-readahead=\"involved in the Lodge family business\" class=\"presentation_word\">involved in the Lodge family business<\/strong>. However, with <strong data-readahead=\"time\" class=\"presentation_word\">time<\/strong>, she <strong data-readahead=\"turns against her father\" class=\"presentation_word\">turns against her father<\/strong> and finally <strong data-readahead=\"realizes what a horrible person he is\" class=\"presentation_word\">realizes what a horrible person he is<\/strong> despite constantly having <strong data-readahead=\"blind faith in him\" class=\"presentation_word\">blind faith in him<\/strong> the entire <strong data-readahead=\"time\">time<\/strong>. She is now an <strong data-readahead=\"adversary to her father\" class=\"presentation_word\">adversary to her father<\/strong> and <strong data-readahead=\"spent the majority of the third season\" class=\"presentation_word\">spent the majority of the third season<\/strong> <strong data-readahead=\"taking her father down\" class=\"presentation_word\">taking her father down<\/strong> and successfully having him <strong data-readahead=\"put in prison\" class=\"presentation_word\">put in prison<\/strong> for all of the <strong data-readahead=\"crimes he has committed\" class=\"presentation_word\">crimes he has committed<\/strong> in <strong data-readahead=\"Riverdale\">Riverdale<\/strong>.<\/phrase>","<word>believed<\/word>","<word>been the only child of her father<\/word>","<word>later on revealed<\/word>","<word>older paternal half-sister<\/word>","<word>Hiram<\/word>","<word>Hermosa Lodge<\/word>","<phrase>Though she <strong data-readahead=\"believed\" class=\"presentation_word\">believed<\/strong> to have <strong data-readahead=\"been the only child of her father\" class=\"presentation_word\">been the only child of her father<\/strong> <strong data-readahead=\"Hiram\" class=\"presentation_word\">Hiram<\/strong>, it's <strong data-readahead=\"later on revealed\" class=\"presentation_word\">later on revealed<\/strong> that she has an <strong data-readahead=\"older paternal half-sister\" class=\"presentation_word\">older paternal half-sister<\/strong> named <strong data-readahead=\"Hermosa Lodge\" class=\"presentation_word\">Hermosa Lodge<\/strong>, who made her first appearance in the fourth season.<\/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':2489,
					'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':2489,
					'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':2489,
					'userId':0,
					'playerAction':action,
					'playerArea':area,
					'details':details,
					'timestamp': t
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}