// What is Diver? rollover text goes in this section below:

		function orig_whatis() {
		document.swap_ill2.src="images/ill2roll_whatis.gif";
		bottomQuote.innerHTML = "<span class='quotes'><B>DIVER<sup><span style='font-size: 8px'>TM</span></sup></B> is a tool for capturing, annotating and sharing " +
								" <B><I>DIVES</B></I> on video records. " +
								"A DIVE is a unique annotated perspective on a video recording of human activity. " +
								"The key concept behind DIVER is <B><I>GUIDED NOTICING<sup><span style='font-size: 8px'>TM</span></sup></B></I>.</span>";	
		}
		function new_whatis() {
		document.swap_ill2.src="images/ill2.gif";
		bottomQuote.innerHTML = "&nbsp;<br><span class='yogiquote'>&quot;You can observe a lot just by watching&quot;<br></span>" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"<span class='yogi'>Yogi&nbsp;Berra</span>";	
		}

// How does Diver work? rollover text goes in this section below:	
	
		function orig_howworks() {
		document.swap_ill1.src="images/ill1roll_howworks.gif";
		document.swap_quote2.src="images/t_howworks1.gif";
		bottomQuote.innerHTML = "<span class='quotes'><B>DIVER</B> allows the user to perform <B><I>GUIDED NOTICING</B></I> on any audio or video source" +
								" in either panoramic or non-panoramic format. A user simply imports " +
								"a live or recorded source into DIVER. The DIVER interface provides the user" +
								" a virtual camera for panning and zooming in on an overview of the video scene," +
								" recording events of interest and sharing them on <B>WebDIVER<sup><span style='font-size: 8px'>TM</span></sup></B>. </span>";	
		}
		function new_howworks() {
		document.swap_ill1.src="images/ill1.gif";
		document.swap_quote2.src="images/px.gif";
		bottomQuote.innerHTML = "&nbsp;<br><span class='yogiquote'>&quot;You can observe a lot just by watching&quot;<br></span>" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"<span class='yogi'>Yogi&nbsp;Berra</span>";	
		}
		
// Who will use Diver? rollover text goes in this section below:		

		function orig_who() {
		document.swap_ill1.src="images/ill1roll_who.gif";
		document.swap_ill3.src="images/ill3roll_who.gif";
		document.swap_ill4.src="images/ill4roll_who.gif";
		document.swap_ill5.src="images/ill5roll_who.gif";
		bottomQuote.innerHTML = "<span class='quotes'><B>DIVER</B> was initially created for researchers in the social sciences " +
								"for analysis of human activity in real-world spaces, but it's <I>easy-to-use</I> interface " +
								"makes it accessible to any user (even a kid) who wants to perform <B><I>GUIDED NOTICING</B></I> on " +
								"any video record -- for example, a home movie of a birthday party or a clip from the Harry Potter movie.</span>";	
		}
		function new_who() {
		document.swap_ill1.src="images/ill1.gif";
		document.swap_ill3.src="images/ill3.gif";
		document.swap_ill4.src="images/ill4.gif";
		document.swap_ill5.src="images/ill5.gif";
		bottomQuote.innerHTML = "&nbsp;<br><span class='yogiquote'>&quot;You can observe a lot just by watching&quot;<br></span>" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"<span class='yogi'>Yogi&nbsp;Berra</span>";	
		}
	
// What makes Diver different? rollover text goes in this section


		function orig_diff() {
		document.swap_ill3.src="images/ill3roll_diff.gif";
		document.swap_quote1.src="images/t_diff1.gif";
		document.swap_quote2.src="images/t_diff2.gif";		
		bottomQuote.innerHTML = "<span class='quotes'><B>DIVER</B> is NOT another video editing tool for media experts.  " +
								"Rather DIVER is a tool for people who may be domain experts (learning, law, medicine, " +
								"architecture), or even a kid who wants to dive on a video. The key idea is that DIVER provides " +
								"an easy-to-use, intuitive tool for focusing attention on relevant parts of a video record.</span>";
		}
		function new_diff() {
		document.swap_ill3.src="images/ill3.gif";
		document.swap_quote1.src="images/px.gif";
		document.swap_quote2.src="images/px.gif";			
		bottomQuote.innerHTML = "&nbsp;<br><span class='yogiquote'>&quot;You can observe a lot just by watching&quot;<br></span>" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"<span class='yogi'>Yogi&nbsp;Berra</span>";
					
		// team text here
		}
		function orig_team() {
		//document.swap_ill5.src="images/team.jpg";
		document.swap_ill5.src="images/ill5roll_team.gif";
		document.swap_quote2.src="images/team.jpg";
		//document.swap_quote2.src="images/t_diff2.gif";		
		bottomQuote.innerHTML = "<span class='quotes'><UL><LI><B>Roy Pea</B> (project lead), <LI><B>Michael Mills</B> (co-lead and UI design), <LI><B>Joe Rosen</B> " +
								" (senior engineer), <LI><B> Ken Dauber</B> (engineering and project management), " +
								"<LI><B>Eric Hoffert </B>(digital video consultant),<LI> <B>Wolfgang Effelsberg</B> (visiting scholar), " +
								"<LI><B>Dirk Farin</B> (visiting engineer).</UL></span>";
		}
		function new_team() {
		document.swap_ill5.src="images/ill5.gif";
		document.swap_quote1.src="images/px.gif";
		document.swap_quote2.src="images/px.gif";			
		bottomQuote.innerHTML = "&nbsp;<br><span class='yogiquote'>&quot;You can observe a lot just by watching&quot;<br></span>" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"<span class='yogi'>Yogi&nbsp;Berra</span>";
		}
		function orig_contact() {
		document.swap_ill5.src="images/ill5roll_contact.gif";
		bottomQuote.innerHTML = "<span class='contactroypea'><B>roypea@stanford.edu</B> 650-724-3720<br> " +
								"Stanford Center for Innovations in Learning<br>" +
								"Wallenberg Hall<br> " +
								"Serra Mall, Building 160<br> " +
								"Stanford, CA 94305 </span>";
								
		}
		function new_contact() {
		document.swap_ill5.src="images/ill5.gif";
		bottomQuote.innerHTML = "&nbsp;<br><span class='yogiquote'>&quot;You can observe a lot just by watching&quot;<br></span>" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
				"<span class='yogi'>Yogi&nbsp;Berra</span>";
		}