//variables and arrays
var currChapterVideoNum = 1;
chapterVideoArray = new Array();
chapterVideoTitleArray = new Array();

//////////////////////////////////////////////////////////////////////////
////////////     ENTER VIDEO INFORMATION HERE         ////////////////////
//////////////////////////////////////////////////////////////////////////
chapterVideoArray.push("empty","media/Snack6043ae_05_video02.wmv","media/crse01_05_video_02.wmv","media/Snack6043ae_05_video02.wmv","media/crse01_05_video_03.wmv");
chapterVideoTitleArray.push("empty","012345678901234567890123456789", "Max Char Length", "20 Characters", "012345678901234567890");
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////

//functions
function init_chapterVideo(sender, eventArgs){
	//hide all tabs
	for (i=1; i<=4; i++){
		//first display button
		var currButton = "chapterVideo_button0"+i;
		sender.findName(currButton).Visibility = "Collapsed";
	}
	//highlight as selected
	sender.findName("selected01").Visibility = "Visible";
	//load video
	sender.findName("media").Source=chapterVideoArray[1];
	sender.findName("media")["Canvas.Left"]=30;
	sender.findName("media")["Canvas.Top"]=53;
	sender.findName("media").Width = 800;
	//unblock volume controls
	sender.findName("volume_buttonBlock").Visibility="Collapsed";
	//define text
	for (i=1; i<chapterVideoArray.length; i++){
		//first display button
		var currButton = "chapterVideo_button0"+i;
		sender.findName(currButton).Visibility = "Visible";
		//then populate text
		var currText = "chapterVideo_text0"+i;
		var currTitleString = chapterVideoTitleArray[i];
		//cut off at 17 characters and add ...
		if (currTitleString.length>17){
			sender.findName(currText).Text = currTitleString.slice(0,21)+"...";
		}else{
			sender.findName(currText).Text = currTitleString;
		}
	}
}
function chapterVideo_button_pressed (sender, eventArgs){
	//identify current button
	var currButtonName = sender.Name;
	var currButtonNumber = currButtonName.replace("chapterVideo_button","");
	currChapterVideoNum = parseFloat(currButtonNumber);
	//turn off other highlighted selections
	for (i=1; i<chapterVideoArray.length; i++){
		var buttonSelected = "selected0"+i;
		sender.findName(buttonSelected).Visibility = "Collapsed";
	}
	//highlight as selected
	var currSelectedName = "selected"+currButtonNumber;
	sender.findName(currSelectedName).Visibility = "Visible";
	//load video
	sender.findName("media").Source=chapterVideoArray[parseFloat(currButtonNumber)];//topicAudioVideoArray[currPage].firstChild.nodeValue;
	sender.findName("media")["Canvas.Left"]=30;
	sender.findName("media")["Canvas.Top"]=53;
	sender.findName("media").Width = 800;
	//unblock volume controls
	sender.findName("volume_buttonBlock").Visibility="Collapsed";
}
function chapterVideo_button_rollOver(sender, eventArgs){
	var currButtonName = sender.Name;
	var currButtonNumber = currButtonName.replace("chapterVideo_button","");
	var currTintName = "tint"+currButtonNumber;
	sender.findName(currTintName).Visibility = "Visible";
	//show tooltip
	chapterVideo_tooltip_display(sender, eventArgs, currButtonNumber-0);
}
function chapterVideo_button_rollOut(sender){
	var currButtonName = sender.Name;
	var currButtonNumber = currButtonName.replace("chapterVideo_button","");
	var currTintName = "tint"+currButtonNumber;
	sender.findName(currTintName).Visibility = "Collapsed";
	tooltip_hide(sender);
}
function updateProgressUI_chapterVideo(sender, mouseEventArgs){
	var currTopicType = topicTypeArray[currPage].firstChild.nodeValue;
	if (currTopicType == "activity_chapterVideo"){
	sender.findName("chapterVideo_timer").stop();
	var currSecondsDisplay;
	var currMinutesDisplay;
	var natDurSecondsDisplay;
	if (mediaTransportDragging == false){
		var currAudio = sender.findName("media");
		var chapterVideoMeterScale = sender.findName("chapterVideoScale");
		//cleans up seconds and minute display:
		var currSeconds = (Math.ceil(currAudio.position.seconds)-(Math.floor(currAudio.position.seconds/60)*60));
		var currMinutes = Math.floor(currAudio.position.seconds/60);
		var natSeconds = (Math.ceil(currAudio.NaturalDuration.seconds)-(Math.floor(currAudio.NaturalDuration.seconds/60)*60));
		if (currSeconds<10){
			currSecondsDisplay = "0"+currSeconds.toString();
			currMinutesDisplay = currMinutesDisplay = currMinutes.toString();
		}else if (currSeconds == 60){
			currSecondsDisplay = "00";
			currMinutesDisplay = (currMinutes+1).toString();
		}else{
			currSecondsDisplay = currSeconds.toString();
			currMinutesDisplay = currMinutes.toString();
		}
		if (natSeconds<10){
			natDurSecondsDisplay = "0"+natSeconds.toString();
		}else if (natSeconds == 60){
			natDurSecondsDisplay = "00";
		}else{
			natDurSecondsDisplay = natSeconds.toString();
		}
		var percentComplete = currAudio.position.seconds/(currAudio.NaturalDuration.seconds-.8);
		if (currAudio.position.seconds>=.01){
			chapterVideoMeterScale.scaleX = percentComplete;
			//checks and stops animation if complete
			if ((currAudio.position.seconds)>=(currAudio.NaturalDuration.seconds-.8)){
				//check if there are any more videos
				if (currChapterVideoNum<=chapterVideoArray.length-2){
					sender.findName("media").Source = chapterVideoArray[currChapterVideoNum+1];
					currChapterVideoNum++;
					//update UI
					for (i=1; i<chapterVideoArray.length; i++){
						var buttonSelected = "selected0"+i;
						sender.findName(buttonSelected).Visibility = "Collapsed";
					}
					var currSelectedName = "selected0"+currChapterVideoNum;
					sender.findName(currSelectedName).Visibility = "Visible";
				}else{
					//stop final video
					transportStop_clicked(sender);
					//reset position of meter
					chapterVideoMeterScale.scaleX = 0;
				}
			}
		}
	}
	sender.findName("chapterVideo_timer").begin();
	}
}

//////////////////////////////////////////////////////////////////////////////
// TOOLTIPS
//////////////////////////////////////////////////////////////////////////////
function chapterVideo_tooltip_display(sender, eventArgs, whichNum){
	//mouse position:
	var xMouse = eventArgs.getPosition(null).x;
	var yMouse = eventArgs.getPosition(null).y;
	sender.findName("tTip")["Canvas.Left"]= xMouse+10;
	sender.findName("tTip")["Canvas.Top"]= yMouse;
	sender.findName("tTip").Visibility="Visible";
	sender.findName("toolTip_display").begin();
	//define text
	sender.findName("tTip_text").Text = chapterVideoTitleArray[whichNum];
	//define width of and
	//text actual width
	var tipActualWidth = sender.findName("tTip_text").ActualWidth;
	sender.findName("tTip_background").width = tipActualWidth+20;
	sender.findName("tTip_shadow").width = tipActualWidth+20;
}