var presentation = ["<word>Sierra Madre Occidental<\/word>","<word>Sierra Madre Oriental<\/word>","<phrase>Two major mountain ranges extend north and south along Mexico's coastlines and are actually extensions of southwestern US ranges. The <strong data-readahead=\"Sierra Madre Occidental\" class=\"presentation_word\">Sierra Madre Occidental<\/strong> and the <strong data-readahead=\"Sierra Madre Oriental\" class=\"presentation_word\">Sierra Madre Oriental<\/strong> run roughly parallel to each other. The <strong data-readahead=\"Sierra Madre Occidental\">Sierra Madre Occidental<\/strong>, an extension of the Sierra Nevada range, runs about 3,107 miles along the west coast, with peaks higher than 9,843 feet. The <strong data-readahead=\"Sierra Madre Oriental\">Sierra Madre Oriental<\/strong> is an extension of the Rocky Mountains and runs 808 miles along the east coast.<\/phrase>","<word>Mexican Altiplano<\/word>","<word>fertile farms<\/word>","<word>productive ranch land<\/word>","<word>Chihuahuan Desert<\/word>","<phrase>Between these two mountain ranges lies a group of broad plateaus, including the Mexican Plateau, or <strong data-readahead=\"Mexican Altiplano\" class=\"presentation_word\">Mexican Altiplano<\/strong> (a wide valley between mountain ranges). The central portions, with their rolling hills and broad valleys, include <strong data-readahead=\"fertile farms\" class=\"presentation_word\">fertile farms<\/strong> and <strong data-readahead=\"productive ranch land\" class=\"presentation_word\">productive ranch land<\/strong>. The <strong data-readahead=\"Mexican Altiplano\">Mexican Altiplano<\/strong> is divided into northern and southern sections, with the northern section dominated by Mexico's most expansive desert, the <strong data-readahead=\"Chihuahuan Desert\" class=\"presentation_word\">Chihuahuan Desert<\/strong>.<\/phrase>","<word>Cordillera Neovolc\u00e1nica range<\/word>","<word>range of volcanoes<\/word>","<word>dividing line<\/word>","<phrase>Another prominent mountain range is the <strong data-readahead=\"Cordillera Neovolc\u00e1nica range\" class=\"presentation_word\">Cordillera Neovolc\u00e1nica range<\/strong>, which as its name suggests, is a <strong data-readahead=\"range of volcanoes\" class=\"presentation_word\">range of volcanoes<\/strong> that runs nearly 620 miles east to west across the central and southern portion of the country. Geologically speaking, this range represents the <strong data-readahead=\"dividing line\" class=\"presentation_word\">dividing line<\/strong> between North and Central America. The peaks of the Cordillera Neovolc\u00e1nica can reach higher than 16,404 feet in height and are snow-covered year-round.<\/phrase>","<word>Copper Canyon<\/word>","<phrase><strong data-readahead=\"Copper Canyon\" class=\"presentation_word\">Copper Canyon<\/strong>, in the northern Mexican state of Chihuahua, is about seven times larger than the Grand Canyon. <strong data-readahead=\"Copper Canyon\">Copper Canyon<\/strong> was formed by six rivers flowing through a series of twenty different canyons. Besides covering a larger area than the Grand Canyon, at its deepest point, <strong data-readahead=\"Copper Canyon\">Copper Canyon<\/strong> is 1,462 feet deeper than the Grand Canyon.<\/phrase>","<word>timber is an important natural resource<\/word>","<word>biodiversity<\/word>","<phrase>Though sandy beaches often come to mind when thinking about Mexico, the mountainous regions are home to pine-oak forests. More than a quarter of Mexico's landmass is covered in forests; as a result, <strong data-readahead=\"timber is an important natural resource\" class=\"presentation_word\">timber is an important natural resource<\/strong>. Mexico ranks fourth in the world for <strong data-readahead=\"biodiversity\" class=\"presentation_word\">biodiversity<\/strong>; it has the world's largest number of reptile species, ranks second for mammals, and ranks fourth for the number of amphibian and plant species.<\/phrase>","<word>Forest depletion<\/word>","<phrase>It is estimated that more than 10 percent of the world's species live here. <strong data-readahead=\"Forest depletion\" class=\"presentation_word\">Forest depletion<\/strong> is a key environmental concern, but timber remains an important natural resource. The loss of natural habitat coincides with depletion of natural resources and an increase in population.<\/phrase>","<word>range of volcanoes<\/word>","<word>Popocat\u00e9petl<\/word>","<word>Ixtacc\u00edhuatl<\/word>","<word>N\u00e1huatl language<\/word>","<word>most active volcanoes in Mexico<\/word>","<phrase>Mexico is home to a <strong data-readahead=\"range of volcanoes\" class=\"presentation_word\">range of volcanoes<\/strong>, some of which are active. <strong data-readahead=\"Popocat\u00e9petl\" class=\"presentation_word\">Popocat\u00e9petl<\/strong> and <strong data-readahead=\"Ixtacc\u00edhuatl\" class=\"presentation_word\">Ixtacc\u00edhuatl<\/strong> (\"Smoking Warrior\" and \"White Lady,\" respectively, in the <strong data-readahead=\"N\u00e1huatl language\" class=\"presentation_word\">N\u00e1huatl language<\/strong>-a primary language of the indigenous peoples in central Mexico) occasionally send out puffs of smoke clearly visible in Mexico City, reminding the city's inhabitants that eruption is a possibility. <strong data-readahead=\"Popocat\u00e9petl\">Popocat\u00e9petl<\/strong> is one of the <strong data-readahead=\"most active volcanoes in Mexico\" class=\"presentation_word\">most active volcanoes in Mexico<\/strong>, erupting fifteen times since the arrival of the Spanish in 1519 CE. This volcano is close enough to populations to threaten millions of people.<\/phrase>","<word>Three tectonic plates<\/word>","<word>seismically active regions<\/word>","<phrase><strong data-readahead=\"Three tectonic plates\" class=\"presentation_word\">Three tectonic plates<\/strong> underlie Mexico, making it one of the most <strong data-readahead=\"seismically active regions\" class=\"presentation_word\">seismically active regions<\/strong> on earth. In 1985, an earthquake centered off Mexico's Pacific coast killed more than ten thousand people in Mexico City and did significant damage to the city's infrastructure.<\/phrase>","<word>natural resources lie beneath the surface<\/word>","<phrase>Many of Mexico's <strong data-readahead=\"natural resources lie beneath the surface\" class=\"presentation_word\">natural resources lie beneath the surface<\/strong>. Mexico is rich in natural resources and has robust mining industries that tap large deposits of silver, copper, gold, lead, and zinc. Mexico also has a sizable supply of salt, fluorite, iron, manganese, sulfur, phosphate, tungsten, molybdenum, and gypsum. Natural gas and petroleum also make the list of Mexico's natural resources and are important export products to the United States. There has been some concern about declining petroleum resources; however, new reserves are being found offshore in the Gulf of Mexico.<\/phrase>","<word>13 percent of Mexico's land area is cultivated<\/word>","<phrase>Though only about <strong data-readahead=\"13 percent of Mexico's land area is cultivated\" class=\"presentation_word\">13 percent of Mexico's land area is cultivated<\/strong>, favorable climatic conditions mean that food products are also an important natural resource both for export and for the feeding the country's sizable population. Tomatoes, maize (corn), vanilla, avocado, beans, cotton, coffee, sugarcane, and fruit are harvested in sizable quantities. Of these, coffee, cotton, sugarcane, tomatoes, and fruit are primarily grown for export, with most products bound for the United States.<\/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':2869,
					'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':2869,
					'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':2869,
					'userId':0,
					'playerAction':action,
					'playerArea':area,
					'details':details,
					'timestamp': t
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}