function move(a, pid) {
	
	s = document.getElementById("stage");
	so = document.getElementById("startover");
	
	uls = document.getElementsByTagName("li");
	for(i=0;i<uls.length;i++) {
		uls[i].style.color = "#000";
		uls[i].style.cursor = "pointer";
		uls[i].style.border = "1px dotted #ccc";
		

		
	}
	
	
	if(a == "intro") {
		so.style.display="none";
		s.innerHTML = " <h1>Introductory Video</h1><p>There would be some contols here to play, pause, stop, etc.</p>";
	} else {
		pid.style.color="#eaeaea";
		pid.style.cursor = "default";
		pid.style.border = "1px dotted #eaeaea";
		myTooltip.hide();
	
	
	so.style.display="inline";
	s.innerHTML = "<h1>"+a+"</h1> <p>(We would have done some kind of animated effect to show the change in the video window)</p><p>Pretend you are now watching the "+a+" video.</p>";
	}
	
	
}