var presentation = ["<word>permafrost<\/word>","<word>climate change transplants<\/word>","<phrase>\"Many folks are not happy to be leaving the place they've known their whole lives.\" After 20 years of melting <strong data-readahead=\"permafrost\" class=\"presentation_word\">permafrost<\/strong>, residents of Newtok now must move.\nThey've boxed their clothes and piled into boats and said goodbye to neighbors - for now.\nThis month, a group of residents from the Alaska village of Newtok finally began settling into a brand new town. In the process, they have become some of North America's earliest <strong data-readahead=\"climate change transplants\" class=\"presentation_word\">climate change transplants<\/strong>.<\/phrase>","<word>Yup'ik<\/word>","<word>Ninglick River<\/word>","<word>permafrost<\/word>","<phrase>The <strong data-readahead=\"Yup'ik\" class=\"presentation_word\">Yup'ik<\/strong> village of about 380 people on the <strong data-readahead=\"Ninglick River\" class=\"presentation_word\">Ninglick River<\/strong> near the Bering Sea has spent more than two decades preparing to move. Thawing <strong data-readahead=\"permafrost\" class=\"presentation_word\">permafrost<\/strong> and erosion has increased flooding risks and caused the land around their homes to crumble and sink. The community landfill has washed away, fuel storage tanks are damaged, and some houses have already been torn down because they were in danger of collapsing.<\/phrase>","<word>energy-efficient homes<\/word>","<word>the calm between storms<\/word>","<phrase>So, after years of planning and construction, families two weeks ago began arriving in the new village of Mertarvik, about 10 miles southeast on Nelson Island. During breaks in the high winds and heavy rains that lashed the area last week, 18 families began unpacking belongings in their newly built <strong data-readahead=\"energy-efficient homes\" class=\"presentation_word\">energy-efficient homes<\/strong>.\n\"We're moving, literally, in <strong data-readahead=\"the calm between storms\" class=\"presentation_word\">the calm between storms<\/strong>,\" says Andrew John, Newtok Village tribal administrator.<\/phrase>","<word>Mertarvik-Newtok village<\/word>","<word>Gavin Dixon<\/word>","<phrase>More families are expected to make the move. However, it will probably take until at least 2023 before enough homes are built for everyone. Until then the <strong data-readahead=\"Mertarvik-Newtok village\" class=\"presentation_word\">Mertarvik-Newtok village<\/strong> will operate from two locations separated by water.\n\"It will be challenging, but this is a very strong community,\" says <strong data-readahead=\"Gavin Dixon\" class=\"presentation_word\">Gavin Dixon<\/strong>, a manager of a community organization. He is assisting Newtok residents with the move.<\/phrase>","<word>Yup'ik<\/word>","<word>hunters<\/word>","<word>hunter-gatherer lifestyle<\/word>","<phrase>For thousands of years, until the early 20th century, the <strong data-readahead=\"Yup'ik\" class=\"presentation_word\">Yup'ik<\/strong> people were <strong data-readahead=\"hunters\" class=\"presentation_word\">hunters<\/strong> who moved between camps as they hunted seals, moose, and musk oxen and gathered berries and wild greens. While this community still maintains a <strong data-readahead=\"hunter-gatherer lifestyle\" class=\"presentation_word\">hunter-gatherer lifestyle<\/strong>, residents were forced in 1949 to settle in Newtok after the government chose the site for the village school without first seeking residents' input.<\/phrase>","<word>permafrost<\/word>","<word>greenhouse gases<\/word>","<phrase>Since then, climate change has warmed the planet and started thawing the frozen ground that sits below the surface across the far north. Melting <strong data-readahead=\"permafrost\" class=\"presentation_word\">permafrost<\/strong> is causing roads, pipelines, and building foundations to crack while also releasing more <strong data-readahead=\"greenhouse gases\" class=\"presentation_word\">greenhouse gases<\/strong>. This drives global temperature increases even higher. Meanwhile, as sea ice melts and moves offshore, storm surges cause rivers to rise, destroying river banks and splashing into communities. Rising seas accelerate this erosion.<\/phrase>","<word>enormous<\/word>","<word>isolated<\/word>","<phrase>As a result, Newtok residents for years have watched <strong data-readahead=\"enormous\" class=\"presentation_word\">enormous<\/strong> chunks of once-stable soil crumble into the Ninglick, bringing the waters ever closer to homes, sometimes as much as 83 feet per year. Floods frequently leave households <strong data-readahead=\"isolated\" class=\"presentation_word\">isolated<\/strong>. One study in the early 2000s showed vast sections of the town could become part of the river as early as 2027.<\/phrase>","<word>isolated<\/word>","<word>alternative home<\/word>","<word>sanitation<\/word>","<phrase>But as with many other <strong data-readahead=\"isolated\" class=\"presentation_word\">isolated<\/strong> Alaskan communities facing similar problems, securing an <strong data-readahead=\"alternative home\" class=\"presentation_word\">alternative home<\/strong> and finding money to move has been a long process. The government hasn't been willing to invest in services in the meantime. So for decades residents have lived without plumbing, instead gathering drinking water in jugs. The lack of proper <strong data-readahead=\"sanitation\" class=\"presentation_word\">sanitation<\/strong> has led to health problems, especially among infants.<\/phrase>","<word>water treatment plant<\/word>","<word>landing strip<\/word>","<phrase>In 2003 Congress finally agreed to create the new village of Mertarvik on higher ground.\nSince then, money slowly has come from state and federal agencies to build roads, a community center, a landfill and a power station. A <strong data-readahead=\"water treatment plant\" class=\"presentation_word\">water treatment plant<\/strong> will be finished in a few weeks and a new school will be up and running in November. A <strong data-readahead=\"landing strip\" class=\"presentation_word\">landing strip<\/strong> for airplanes is coming soon.<\/phrase>","<word>public water<\/word>","<word>sewer systems<\/word>","<phrase>But only about a third of the 60 or so new homes that are needed have been built. They have electricity but don't yet have access to <strong data-readahead=\"public water\" class=\"presentation_word\">public water<\/strong> or <strong data-readahead=\"sewer systems\" class=\"presentation_word\">sewer systems<\/strong>. The community first wanted to get as many homes built and occupied as possible. Getting money to install running water and sewer could take many more years.<\/phrase>","<word>transforming Mertarvik<\/word>","<word>maintaining<\/word>","<phrase>So for now, residents get to begin <strong data-readahead=\"transforming Mertarvik\" class=\"presentation_word\">transforming Mertarvik<\/strong> into a new community - all while <strong data-readahead=\"maintaining\" class=\"presentation_word\">maintaining<\/strong> their old one several miles away.\nIt won't be simple. For now, some tribal officials will live in Mertarvik while others will remain in Newtok. There will be school teachers in each village, as well as a principal on each site. Some educating will be done via video.<\/phrase>","<word>Emotions<\/word>","<word>demolished<\/word>","<phrase>But with 40 students in one community and 60 in the other, \"half of their friends will be 10 miles away,\" Dixon says.\n<strong data-readahead=\"Emotions\" class=\"presentation_word\">Emotions<\/strong> about all of this change are mixed. Newtok resident Martha Kasaiuli, 19, already has had her Newtok home <strong data-readahead=\"demolished\" class=\"presentation_word\">demolished<\/strong>. Her family moved to Mertarvik last week, but she plans to remain on the other side of the water with friends for a few months. She expressed her thoughts in a poem, which reads in part:<\/phrase>","<word>unwanted feelings<\/word>","<word>unfamiliar place<\/word>","<word>grow vacant<\/word>","<phrase>The <strong data-readahead=\"unwanted feelings\" class=\"presentation_word\">unwanted feelings<\/strong> about moving grow stronger.\nHowever, staying here isn't fun though.\nWe will be moving to an <strong data-readahead=\"unfamiliar place\" class=\"presentation_word\">unfamiliar place<\/strong>.\nBut this place will <strong data-readahead=\"grow vacant\" class=\"presentation_word\">grow vacant<\/strong> as the years go by.<\/phrase>","<word>relieved<\/word>","<word>feel anxious<\/word>","<word>separation anxiety<\/word>","<phrase>Dixon puts it this way: \"Many folks are not happy to be leaving the place they've known their whole lives.\"\nJohn says some residents are <strong data-readahead=\"relieved\" class=\"presentation_word\">relieved<\/strong> while others <strong data-readahead=\"feel anxious\" class=\"presentation_word\">feel anxious<\/strong>, and a few already experience <strong data-readahead=\"separation anxiety\" class=\"presentation_word\">separation anxiety<\/strong>. Some are too busy gathering food for winter to give it much thought.<\/phrase>","<word>traditional hunting grounds<\/word>","<word>attribute<\/word>","<word>ability to adapt<\/word>","<phrase>The move might leave some residents a bit farther from <strong data-readahead=\"traditional hunting grounds\" class=\"presentation_word\">traditional hunting grounds<\/strong>, \"but frankly that's a small price to pay for the safety and security they will now have,\" John says.\n\"I think as a people, our greatest <strong data-readahead=\"attribute\" class=\"presentation_word\">attribute<\/strong> has been our <strong data-readahead=\"ability to adapt\" class=\"presentation_word\">ability to adapt<\/strong>,\" John says. \"Our people have been flexible. We've found a way.\"\nOr, as Kasaiuli sees it, \"Our story is unfolding to a better ending, even if we don't want to leave this place.\"<\/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':2708,
					'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':2708,
					'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':2708,
					'userId':0,
					'playerAction':action,
					'playerArea':area,
					'details':details,
					'timestamp': t
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}