var presentation = ["<word>Netherlands in Europe<\/word>","<word>the western hemisphere<\/word>","<word>Holland<\/word>","<phrase>In 1624, the Dutch who were from the country of <strong data-readahead=\"Netherlands in Europe\" class=\"presentation_word\">Netherlands in Europe<\/strong> joined the English in the colonization of <strong data-readahead=\"the western hemisphere\" class=\"presentation_word\">the western hemisphere<\/strong>. The Netherlands is also referred to as <strong data-readahead=\"Holland\" class=\"presentation_word\">Holland<\/strong>. This country is located just across the North Sea from England and the British Isles. In North America, their colony came to be called New Netherlands. The area included Long Island, Manhattan Island, land along the Delaware River, and the Hudson River Valley. Today this region is part of the state of New York.<\/phrase>","<word>Peter Minuit<\/word>","<word>Native Americans<\/word>","<word>New Amsterdam<\/word>","<phrase>A man named <strong data-readahead=\"Peter Minuit\" class=\"presentation_word\">Peter Minuit<\/strong> is credited with founding New Netherland. He purchased Manhattan Island in 1626 from the local <strong data-readahead=\"Native Americans\" class=\"presentation_word\">Native Americans<\/strong>. This purchase cost him 60 guilders which is valued today at about $24, although many historians feel the real value of this trade is nearly impossible to accurately calculate. Construction of a fort, as well as a town, began. The town was named <strong data-readahead=\"New Amsterdam\" class=\"presentation_word\">New Amsterdam<\/strong> after a city in the European country of the Netherlands, and would eventually become the capital of New Netherland.<\/phrase>","<word>settlers from many countries<\/word>","<word>religiously and ethnically diverse<\/word>","<word>the first Jewish settlers<\/word>","<phrase>Dutch settlers were needed in New Netherland. There was little to motivate people to leave the Netherlands and move across the Atlantic Ocean. So, the Dutch opened their colony up to <strong data-readahead=\"settlers from many countries\" class=\"presentation_word\">settlers from many countries<\/strong> throughout Europe. It was a <strong data-readahead=\"religiously and ethnically diverse\" class=\"presentation_word\">religiously and ethnically diverse<\/strong> settlement and included <strong data-readahead=\"the first Jewish settlers\" class=\"presentation_word\">the first Jewish settlers<\/strong> in North America. Large farms developed in the Hudson River Valley's rich soil, and enslaved Africans began to arrive in the colony to work these farms.<\/phrase>","<word>Peter Stuyvesant<\/word>","<word>New Amsterdam<\/word>","<word>New Sweden<\/word>","<phrase>The Hudson River empties into a large deep water harbor. Dutch trade developed in the region. Ships from throughout the world began arriving in the region, adding to the diversity.\n<strong data-readahead=\"Peter Stuyvesant\" class=\"presentation_word\">Peter Stuyvesant<\/strong> became the director general of all Dutch possessions in North America and the Caribbean in 1645. He created the first municipal government for <strong data-readahead=\"New Amsterdam\" class=\"presentation_word\">New Amsterdam<\/strong>. It was under his leadership that the colony expanded. He took over a small colony called <strong data-readahead=\"New Sweden\" class=\"presentation_word\">New Sweden<\/strong> and parts of what would later become New Jersey and Delaware. Difficulties began to grow within the colony. Growing controversy over Stuyvesant's leadership began to create dissent amongst the people.<\/phrase>","<word>King Charles II declared war on the Dutch<\/word>","<word>New Amsterdam<\/word>","<phrase>Meanwhile, the king of England, Charles II, began feeling threatened by the growth and development of New Netherland. Fear grew over the expansion. In response to the growth, <strong data-readahead=\"King Charles II declared war on the Dutch\" class=\"presentation_word\">King Charles II declared war on the Dutch<\/strong>. He then \"gifted\" New Netherland to his brother, James, the Duke of York in 1664. A letter was sent to Stuyvesant that asked for the surrender of <strong data-readahead=\"New Amsterdam\" class=\"presentation_word\">New Amsterdam<\/strong>. As James arrived in the harbor with four war ships, it was reported that Stuyvesant tore up the letter and then refused. Unfortunately for him, the residents were so angry with him that they did not support his refusal, and begged him to give up. The Duke of York took over <strong data-readahead=\"New Amsterdam\">New Amsterdam<\/strong> without firing a shot.<\/phrase>","<word>East Jersey<\/word>","<word>West Jersey<\/word>","<word>independent colony<\/word>","<phrase>James renamed the settlement New \"York\". He further gave two friends, Sir George Carteret and Lord Berkeley, a grant for a proprietary colony in an area between the Delaware River and the Hudson River Valley. They renamed it New Jersey after the island of Jersey in England, and divided it into east and west. Religious freedom, land, and a representative government were offered to new settlers moving into the colony. <strong data-readahead=\"East Jersey\" class=\"presentation_word\">East Jersey<\/strong> and <strong data-readahead=\"West Jersey\" class=\"presentation_word\">West Jersey<\/strong> began to grow rapidly. By 1702 the colonies were reunited as a royal colony that was being governed by New York. By 1738 it had become its own <strong data-readahead=\"independent colony\" class=\"presentation_word\">independent colony<\/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':2009,
					'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':2009,
					'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':2009,
					'userId':0,
					'playerAction':action,
					'playerArea':area,
					'details':details,
					'timestamp': t
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}