// JavaScript Document

function fillItUp(newId, newH1, newSub, newInput, newName)
{
	var newerInput = "'playitem','"+newInput+"'"
	var newerId = "'"+newId+"'"
	
	
	document.getElementById(newId).style.display='block';
	document.getElementById(newId).innerHTML='<input type="hidden" name="'+newName+'" value="'+newInput+'"><h1>'+newH1+'</h1><h2>'+newSub+'</h2><p><a href="#itinerary" onclick="javascript:sendEvent('+newerInput+');">Play</a> | <a href="#itinerary" onclick="javascript:hideDiv('+newerId+');">Remove</a></p>';
	
}



function whichPlace(newH1, newSub, newInput, newName)
{

		var Input1 = document.getElementById('Itinerary1');
		var Input2 = document.getElementById('Itinerary2');
		var Input3 = document.getElementById('Itinerary3');
		var Input4 = document.getElementById('Itinerary4');
		var Input5 = document.getElementById('Itinerary5');
		var Input6 = document.getElementById('Itinerary6');
		var Input7 = document.getElementById('Itinerary7');
		var Input8 = document.getElementById('Itinerary8');
		
		

	if (newName == "v1"||Input1.childNodes[0].value==newInput){
		It1="Itinerary1";
		fillItUp(It1, newH1, newSub, newInput, newName);	
		}else{	if (newName == "v2"||Input2.childNodes[0].value==newInput){
			It2="Itinerary2";
			fillItUp(It2, newH1, newSub, newInput, newName);
			}else{	if (newName == "v3"||Input3.childNodes[0].value==newInput){
				It3="Itinerary3";
				fillItUp(It3, newH1, newSub, newInput, newName);	
				}else{	if (newName == "v4"||Input4.childNodes[0].value==newInput){
					It4="Itinerary4";
					fillItUp(It4, newH1, newSub, newInput, newName);	
					}else{	if (newName == "v5"||Input5.childNodes[0].value==newInput){
						It5="Itinerary5";
						fillItUp(It5, newH1, newSub, newInput, newName);	
						}else{	if (newName == "v6"||Input6.childNodes[0].value==newInput){
							It6="Itinerary6";
							fillItUp(It6, newH1, newSub, newInput, newName);	
							}else{	if (newName == "v7"||Input7.childNodes[0].value==newInput){
								It7="Itinerary7";
								fillItUp(It7, newH1, newSub, newInput, newName);	
								}else{ if (newName == "v8"||Input8.childNodes[0].value==newInput){
									It8="Itinerary8";
									fillItUp(It8, newH1, newSub, newInput, newName);	
									}else{	if (newName == "v9"){
										alert("Your Video Itinerary is full. Come visit Tennessee!");	
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

// some variables to save
	var currentPosition;
	var currentVolume;
	var currentItem;

	// these functions are caught by the JavascriptView object of the player.
	function sendEvent(typ,prm) { thisMovie("mpl").sendEvent(typ,prm); };
	function getUpdate(typ,pr1,pr2,pid) {
		if(typ == "time") { currentPosition = pr1; }
		else if(typ == "volume") { currentVolume = pr1; }
		else if(typ == "item") { currentItem = pr1; setTimeout("getItemData(currentItem)",100); }
		var id = document.getElementById(typ);
		id.innerHTML = typ+ ": "+Math.round(pr1);
		pr2 == undefined ? null: id.innerHTML += ", "+Math.round(pr2);
		if(pid != "null") {
			document.getElementById("pid").innerHTML = "(received from the player with id <i>"+pid+"</i>)";
		}
	};

	// These functions are caught by the feeder object of the player.
	function loadFile(obj) { thisMovie("mpl").loadFile(obj); };
	function addItem(obj,idx) { thisMovie("mpl").addItem(obj,idx); }
	function removeItem(idx) { thisMovie("mpl").removeItem(idx); }
	function getItemData(idx) {
		var obj = thisMovie("mpl").itemData(idx);
		var nodes = "";
		var imagevar = "Image";
		var titlevar = "Title";
		var authorvar = "Number";
		var linkvar = "Description";
	
	
		var It1 = document.getElementById('Itinerary1').innerHTML;
		var It2 = document.getElementById('Itinerary2').innerHTML;
		var It3 = document.getElementById('Itinerary3').innerHTML;
		var It4 = document.getElementById('Itinerary4').innerHTML;
		var It5 = document.getElementById('Itinerary5').innerHTML;
		var It6 = document.getElementById('Itinerary6').innerHTML;
		var It7 = document.getElementById('Itinerary7').innerHTML;
		var It8 = document.getElementById('Itinerary8').innerHTML;
		
		if (It1 == ""){videoNumber="v1";}
		else {if (It2 == ""){videoNumber="v2";}
			else {if (It3 == ""){videoNumber="v3";}
				else {if (It4 == ""){videoNumber="v4";}
					else {if (It5 == ""){videoNumber="v5";}
						else {if (It6 == ""){videoNumber="v6";}
							else {if (It7 == ""){videoNumber="v7";}
								else {if (It8 == ""){videoNumber="v8";}
									else {videoNumber="v9"}
								}
							}
						}
					}
				}
			}
		}
	
		for(var i in obj) {
	 		
		if (i == "title") { nodes += "<h1>"+obj[i]+"</h1>"; } 
		if (i == "image") { nodes += "<p>"+obj[i]+"</p>"; }
		if (i == "author") { nodes += "<input type='hidden' name='"+videoNumber+"' value='"+obj[i]+"' />"; } 
		if (i == "link") { nodes += "<h2>"+obj[i]+"</h2>"; } 

		
	};
		document.getElementById("data").innerHTML = nodes;
	};

	// This is a javascript handler for the player and is always needed.
	function thisMovie(movieName) {
	    if(navigator.appName.indexOf("Microsoft") != -1) {
			return window[movieName];
		} else {
			return document[movieName];
		}
	};


function hideDiv(id) {
document.getElementById(id).style.display='none';
document.getElementById(id).innerHTML="";
};
function showForm(){
	document.getElementById('formative').style.display='block';
}
function hideForm(){
	document.getElementById('formative').style.display='none';
}
function helpMe(){
	document.getElementById('help').style.display='block';
}
function dontHelpMe(){
	document.getElementById('help').style.display='none';
}