tutorial.php

<div class="arrows">
	<!-- help -->
	<div style="position:fixed; left:185px; top:70px;">
		<img class="help_arrow" src="images/tutorial/help.png" onload="javascript: $(this).pixastic('desaturate');"/>
	</div>
	
	<!-- visualize -->
	<div style="position:fixed; left:0px; top:70px;">
		<img class="visualize_arrow" src="images/tutorial/visualize.png" />
	</div>
	
	<!-- animate -->
	<div style="position:fixed; left:0px; bottom:8px;">
		<img class="animate_arrow" src="images/tutorial/animate.png" />
	</div>
</div>

<ul class="instructions">
<li onmouseover="javascript: tutorialHighlightArrow('visualize');" onmouseout="javascript: tutorialUnhighlightArrow('visualize');"><h1>Visualizing data</h1>
Use the menu at the top left to configure the WholeCellViz layout and selected plots.</li>

<li onmouseover="javascript: tutorialHighlightArrow('animate');" onmouseout="javascript: tutorialUnhighlightArrow('animate');"><h1>Animating data</h1>
Use the animation controls at the bottom of the screen to play, pause, and scroll animations.</li>

<li onmouseover="javascript: tutorialHighlightArrow('help');" onmouseout="javascript: tutorialUnhighlightArrow('help');"><h1>Need help?</h1>
Please read the about section or contact us at <a href="mailto:wholecell@lists.stanford.edu">wholecell@lists.stanford.edu</a>.</li>
</ul>