function toggleBoxView(tab) {


	if (tab.id == "tabShowTransNoteBox")
		{
		document.getElementById("imgViewer").style.visibility="hidden";
		document.getElementById("swfHolder").style.visibility="hidden";
		document.getElementById("swfHolder").style.height="0px";
		document.getElementById("imgViewer").style.height="100%";


			
		document.getElementById("transNoteContainer").style.display="block";
		document.getElementById("transNoteContainer").style.height="auto";
		document.getElementById("transcriptArea").style.height="550px";
		document.getElementById("transNoteContainer").style.visibility="visible";
		document.getElementById("transcriptArea").style.visibility="visible";		
		document.getElementById("transcriptArea").style.display="block";

		document.getElementById("noteContainer").style.height="auto";
		document.getElementById("noteTitle").style.height="auto";

		document.getElementById("noteContainer").style.visibility="visible";
		
		
		document.getElementById("noteTitle").style.visibility="visible";
		
		if (composing) 
			{
			// confirm that the help area is hidden
			document.getElementById("composeHelpArea").style.display="none";
			document.getElementById("composeHelpArea").style.visibility="hidden";
			document.getElementById("composeHelpArea").style.height="0px";
			
			document.getElementById("tabShowTransNoteBoxHelp").style.background=tabShowHelpNotesOff;
			document.getElementById("tabShowTransNoteBoxHelp").style.borderBottom="1px solid #E32235"
			
			document.getElementById("composeNote").style.display="block";
			document.getElementById("composeNote").style.visibility="visible";
			document.getElementById("composeNote").style.height="150px";
			}
		else
			{
			document.getElementById("composeNote").style.display="none";
			document.getElementById("composeNote").style.height="0px";
			document.getElementById("composeNote").style.visibility="hidden";
			document.getElementById("noteArea").style.display="block";
			document.getElementById("noteArea").style.height="150px";	
			document.getElementById("noteArea").style.visibility="visible";				
			}
		
		document.getElementById("tabShowTransNoteBox").style.background=tabShowTransNotesOn;
		document.getElementById("tabShowTransNoteBox").style.borderBottom="1px solid #7C6164";
		
		document.getElementById("tabShowPlayerBox").style.background=tabShowPlayerOff;
		document.getElementById("tabShowPlayerBox").style.borderBottom="1px solid #E32235";
		}



	if (tab.id == "tabShowTransNoteBoxHelp")
		{
		document.getElementById("imgViewer").style.visibility="hidden";
		document.getElementById("swfHolder").style.visibility="hidden";
		document.getElementById("swfHolder").style.height="0px";
		document.getElementById("imgViewer").style.height="100%";
		
		document.getElementById("transNoteContainer").style.display="block";
		document.getElementById("transNoteContainer").style.height="auto";
		document.getElementById("transNoteContainer").style.visibility="visible";
		
		
		// hide the transcription
		document.getElementById("transcriptArea").style.height="0px";
		document.getElementById("transcriptArea").style.visibility="hidden";
		document.getElementById("transcriptArea").style.display="none";

		document.getElementById("noteContainer").style.visibility="hidden";
		document.getElementById("composeNote").style.visibility="hidden";
		document.getElementById("noteTitle").style.visibility="hidden";		
		// show help area
		document.getElementById("composeHelpArea").style.display="block";
		document.getElementById("composeHelpArea").style.visibility="visible";
		document.getElementById("composeHelpArea").style.height="550px";


		document.getElementById("tabShowTransNoteBoxHelp").style.background=tabShowHelpNotesOn;
		document.getElementById("tabShowTransNoteBoxHelp").style.borderBottomColor="#7C6164";
		
		document.getElementById("tabShowTransNoteBox").style.background=tabShowTransNotesOff;
		document.getElementById("tabShowTransNoteBox").style.borderBottom="1px solid #E32235";
		
		document.getElementById("tabShowPlayerBox").style.background=tabShowPlayerOff;
		document.getElementById("tabShowPlayerBox").style.borderBottom="1px solid #E32235";
		
		}
		
  	  	
  	
	if (tab.id == "tabShowPlayerBox")
		{
		document.getElementById("transNoteContainer").style.height="auto";
		document.getElementById("transcriptArea").style.height="0px";
		document.getElementById("noteContainer").style.height="auto";
		document.getElementById("noteTitle").style.height="0px";
		document.getElementById("noteArea").style.height="0px";	
		document.getElementById("transNoteContainer").style.display="none";

		document.getElementById("composeHelpArea").style.height="0px";
				
		document.getElementById("transNoteContainer").style.visibility="hidden";
		document.getElementById("transcriptArea").style.visibility="hidden";
		document.getElementById("composeHelpArea").style.visibility="hidden";
		document.getElementById("noteContainer").style.visibility="hidden";
		document.getElementById("noteTitle").style.visibility="hidden";
		document.getElementById("noteArea").style.visibility="hidden";
		
		document.getElementById("swfHolder").style.visibility="visible";
		document.getElementById("imgViewer").style.visibility="visible";
		document.getElementById("swfHolder").style.height="800px";
		document.getElementById("imgViewer").style.height="100%";
		
		document.getElementById("tabShowTransNoteBox").style.background=tabShowTransNotesOff;
		document.getElementById("tabShowTransNoteBox").style.borderBottom="1px solid #E32235";
		
		document.getElementById("tabShowPlayerBox").style.background=tabShowPlayerOn;
		document.getElementById("tabShowPlayerBox").style.borderBottom="1px solid #7C6164";
		
		if (composing) 
			{
			document.getElementById("composeHelpArea").style.visibility="hidden";
			document.getElementById("composeHelpArea").style.height="0px";
			
			document.getElementById("tabShowTransNoteBoxHelp").style.background=tabShowHelpNotesOff;
			document.getElementById("tabShowTransNoteBoxHelp").style.borderBottom="1px solid #E32235";
			}
		}
	
	
}

function doImageLoad() {
	var imageUrl = transcriptIndex[curIndex].value;
			
	viewer.loadImage(imageUrl);
}


/**
 * Fire off initFlashProxy when the page finishes loading.
 */
window.onload = function() {
	ajaxRequestToc(pid, segId, contentModel, coid); // populate the anchors & notes array
	ajaxRequestTranscript(pid, segId, contentModel); // populate the transcripts array
//	timeout = setTimeout("doInitialImageLoad();", 1500);
	timeout = setTimeout("initFlashProxy();", 2000);
	document.getElementById("tabShowTransNoteBox").style.background=tabShowTransNotesOff;
	document.getElementById("tabShowTransNoteBox").style.borderBottom="1px solid #E32235";

	document.getElementById("tabShowPlayerBox").style.background=tabShowPlayerOn;
	document.getElementById("tabShowPlayerBox").style.borderBottom="1px solid #7C6164";

    searchInit();
};

function showTranscript() {
	var transcriptCleared = false;
	for (var i = 0; i < transcripts.length; i++) {
		fixTranscript(transcripts[i].text)

		if (transcripts[i].type == "TRANSCRIPT") {
			if (transcriptCleared) { // if already cleared, just add more
				addTranscript("transcriptArea", "transcriptItem", transcripts[i].text );
			} else {
				replaceTranscript("transcriptArea", "transcriptItem", transcripts[i].text );
				transcriptCleared = true;
			}
		}
	}
}

function showNote(item){
	if (notes[item].type == "NOTE") {
		replaceText("noteArea", "noteItem", notes[item].text);
		transcriptCleared = true;
	}
}
/**
 * Video controls for ExternalInterfaces
 */

function switchToSegment(seg) {
	curIndex = parseInt(seg);
	segId = transcriptIndex[curIndex].key;
    
    replaceText("transcriptArea", "transcriptText", "");
	replaceText("noteArea","noteText", "");

	tocDone = false;
	transcriptDone = false;
	notesDone = false;
	

	clearAnchors();
	ajaxRequestToc(pid, segId, contentModel, coid); // populate the anchors & notes array
	ajaxRequestTranscript(pid, segId, contentModel); // populate the transcripts  array
	changeImageUrl(transcriptIndex[curIndex].value);
}