var presentation = ["<word>stylish yet painful<\/word>","<word>expectation<\/word>","<phrase>Today, many women are no stranger to <strong data-readahead=\"stylish yet painful\" class=\"presentation_word\">stylish yet painful<\/strong> shoes. Stiletto pumps, strappy sandals, and 6-inch heels have graced fashion runways for decades. But what if you were expected to stuff your feet into high-heeled, pointy-toed shoes that were only 4 inches long? For centuries, this was the <strong data-readahead=\"expectation\" class=\"presentation_word\">expectation<\/strong> for millions of women across China, and they achieved it through a practice called \"foot binding.\"<\/phrase>","<word>stunt<\/word>","<word>symbol of status<\/word>","<word>millennium<\/word>","<phrase>Foot binding is the custom of wrapping a young girl's feet tightly and painfully in strips of cloth to <strong data-readahead=\"stunt\" class=\"presentation_word\">stunt<\/strong> future growth of the foot. The practice was a popular in China for many centuries and may have started as early as the 9th or 10th century BCE. Originally a <strong data-readahead=\"symbol of status\" class=\"presentation_word\">symbol of status<\/strong> among elites, the trend soon spread to all social classes and affected millions of women and girls over the next <strong data-readahead=\"millennium\" class=\"presentation_word\">millennium<\/strong>.<\/phrase>","<word>Shang dynasty<\/word>","<word>concubine<\/word>","<word>Emperor Li Yu<\/word>","<phrase>There are many suggestions for the origin of foot binding. One story relates that during the <strong data-readahead=\"Shang dynasty\" class=\"presentation_word\">Shang dynasty<\/strong>, the <strong data-readahead=\"concubine\" class=\"presentation_word\">concubine<\/strong> Daji, who was said to have clubfoot, asked the Emperor to make foot binding mandatory for all girls in court so that her own feet would be the standard of beauty and elegance. However, the most common legend surrounding the origin of foot binding is the story of <strong data-readahead=\"Emperor Li Yu\" class=\"presentation_word\">Emperor Li Yu<\/strong> around 970 BCE. The emperor asked his <strong data-readahead=\"concubine\">concubine<\/strong>, Yao Niang, to bind her feet into the shape of crescent moons and dance for him on the points of her toes.<\/phrase>","<word>emulate<\/word>","<word>Song Dynasty<\/word>","<phrase>Her dance was so beautiful that word of it spread throughout the country, and elite women everywhere wanted to <strong data-readahead=\"emulate\" class=\"presentation_word\">emulate<\/strong> her gracefulness. Foot binding became increasingly popular during the <strong data-readahead=\"Song Dynasty\" class=\"presentation_word\">Song Dynasty<\/strong> (960 \u2013 1279), first in the upper classes and then trickling down to the general population by the end of the 12th century.<\/phrase>","<word>Manchu<\/word>","<word>three Chinese inches<\/word>","<word>Golden Lotus<\/word>","<word>Hakka<\/word>","<phrase>In the 1630s <strong data-readahead=\"Manchu\" class=\"presentation_word\">Manchu<\/strong> leaders tried to end the practice through a series of laws, but the ban was hard to enforce, and no one paid it much attention. The government officially gave up in the late 1660s, and foot binding continued to grow in popularity. During this time, it became generally accepted that <strong data-readahead=\"three Chinese inches\" class=\"presentation_word\">three Chinese inches<\/strong> (four western inches) was the ideal length for a woman's foot \u2013 such an achievement was called the \"<strong data-readahead=\"Golden Lotus\" class=\"presentation_word\">Golden Lotus<\/strong>.\" By the 19th century, more than half of all Chinese women had their feet bound. The number was much higher in northern areas of China, although some groups, particularly the <strong data-readahead=\"Manchu\">Manchu<\/strong> and the <strong data-readahead=\"Hakka\" class=\"presentation_word\">Hakka<\/strong>, never engaged in the practice at all.<\/phrase>","<word>wealth and social status<\/word>","<word>symbolize a dependence<\/word>","<word>strong appeal<\/word>","<word>Lotus shoes<\/word>","<phrase>Women had many reasons for binding their feet despite the pain. First, small feet were a sign of <strong data-readahead=\"wealth and social status\" class=\"presentation_word\">wealth and social status<\/strong>. Small feet made a statement that a woman did not have to do any physical work to support herself. Second, it could <strong data-readahead=\"symbolize a dependence\" class=\"presentation_word\">symbolize a dependence<\/strong> on her husband and family, which were both valued in Chinese society. Third, small feet had quite a <strong data-readahead=\"strong appeal\" class=\"presentation_word\">strong appeal<\/strong> for many men. The shape of bound feet and the pain they caused made women walk with a swaying gait, and men found this very attractive. <strong data-readahead=\"Lotus shoes\" class=\"presentation_word\">Lotus shoes<\/strong> \u2013 special shoes designed to highlight the small size and unique shape of a bound foot \u2013 became a prized fashion accessory. Finally, in poor families, the oldest daughter would have her feet bound from a young age so she could marry into money, while her younger sisters trained to be maids in her future household.<\/phrase>","<word>extremely painful<\/word>","<phrase>The physical realities of foot binding were <strong data-readahead=\"extremely painful\" class=\"presentation_word\">extremely painful<\/strong> and sometimes dangerous for young women. Binding usually began between the ages of 4 and 9, before the bones in the arch of the foot fully developed. To begin binding, the foot was soaked in a mixture of herbs and animal blood to soften the skin and bones, and the toenails were trimmed down as far as possible. Next, the toes were curled under the foot so that all the toe bones broke. The foot continued to be bent under until the arch of the foot also broke. Cotton bandages were wound around the foot to keep the broken bones tightly in position. The bandages had to be unwound at least every other day to clean the foot and check for infection, then re-wound even more tightly.<\/phrase>","<word>agonizing<\/word>","<word>consequences<\/word>","<word>lethal<\/word>","<word>inconvenient shape<\/word>","<phrase>After enough months and years of this <strong data-readahead=\"agonizing\" class=\"presentation_word\">agonizing<\/strong> process, the foot eventually went numb. This did not protect the girl from long-term <strong data-readahead=\"consequences\" class=\"presentation_word\">consequences<\/strong>, however. The broken bones would usually not heal for several years, and when they finally did, they were prone to breaking again later in life. Despite careful maintenance of the toenails, sometimes a toenail could become ingrown and lead to a serious infection, which, if improperly treated, could spread through the blood or bones and in some cases become <strong data-readahead=\"lethal\" class=\"presentation_word\">lethal<\/strong>. As the woman aged and her balance became impaired, the <strong data-readahead=\"inconvenient shape\" class=\"presentation_word\">inconvenient shape<\/strong> of bound feet could cause her to fall often and lead to broken arms or hips.\nThe earliest opposition to foot binding came in the 18th century, picking up more steam in the 19th century.<\/phrase>","<word>Manchu<\/word>","<word>Hakka<\/word>","<word>Anti-Foot Binding Society<\/word>","<word>abolishing<\/word>","<word>mistreatment of women<\/word>","<phrase>The minority groups who had always stood against foot binding, the <strong data-readahead=\"Manchu\" class=\"presentation_word\">Manchu<\/strong> and the <strong data-readahead=\"Hakka\" class=\"presentation_word\">Hakka<\/strong>, became more vocal about their opposition. Christian missionaries joined forces with these groups and began lobbying in the courts to outlaw the practice. In 1883, the first <strong data-readahead=\"Anti-Foot Binding Society\" class=\"presentation_word\">Anti-Foot Binding Society<\/strong> formed. Chapters popped up all over the country, and the organization soon boasted nearly 300,000 members. The people involved in these groups argued that <strong data-readahead=\"abolishing\" class=\"presentation_word\">abolishing<\/strong> the practice would lead to better health and more efficient labor. At the beginning of the 20th century, feminists also joined in, calling for an end to the <strong data-readahead=\"mistreatment of women\" class=\"presentation_word\">mistreatment of women<\/strong>.<\/phrase>","<word>communist regime<\/word>","<word>criticized the custom<\/word>","<phrase>Public and private campaign efforts were largely successful, and of young girls born in the early 20th century, only a very small percentage still had bound feet. By 1912, many regional governments were sending inspectors out to fine women with wrapped feet. The 1949 <strong data-readahead=\"communist regime\" class=\"presentation_word\">communist regime<\/strong> harshly <strong data-readahead=\"criticized the custom\" class=\"presentation_word\">criticized the custom<\/strong>, and the last reported case of foot binding was in 1957.<\/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':2730,
					'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':2730,
					'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':2730,
					'userId':0,
					'playerAction':action,
					'playerArea':area,
					'details':details,
					'timestamp': t
				}
		})
		.done(function(results){
		})
		.fail(function( jqXHR, textStatus ) {
			alert( "Request failed: " + textStatus );
		});

	}