пре 11 година · eeaff7c005
--- a/doc/src/tut/basics.do.txt
+++ b/doc/src/tut/basics.do.txt
@@ -42,7 +42,7 @@ that illustrates the physics of the problem.
 
				 Programming as a superior alternative to interactive drawing is
			
 
				 the mantra of this section.
			
 
				 
			
 
				-FIGURE: [fig-tut/wheel_on_inclined_plane, width=600] Sketch of a physics problem. label{sketcher:fig:inclinedplane}
			
 
				+FIGURE: [fig-tut/wheel_on_inclined_plane, width=400 frac=0.5] Sketch of a physics problem. label{sketcher:fig:inclinedplane}
			
 
				 
			
 
				 # #ifdef PRIMER_BOOK
			
 
				 Classes are very suitable for implementing the various components that
			
@@ -417,40 +417,40 @@ as Ubuntu). Videos in the Flash and WebM formats can be created
 
				 by
			
 
				 
			
 
				 !bc sys
			
 
				-Terminal> ffmpeg -r 12 -i tmp_frame_%04d.png -c:v flv anim.flv
			
 
				-Terminal> ffmpeg -r 12 -i tmp_frame_%04d.png -c:v libvpx anim.webm
			
 
				+Terminal> ffmpeg -r 12 -i tmp_frame_%04d.png -vcodec flv mov.flv
			
 
				+Terminal> ffmpeg -r 12 -i tmp_frame_%04d.png -vcodec libvpx mov.webm
			
 
				 !ec
			
 
				 An animated GIF movie can also be made using the `convert` program
			
 
				 from the ImageMagick software suite:
			
 
				 
			
 
				 !bc sys
			
 
				-Terminal> convert -delay 20 tmp_frame*.png anim.gif
			
 
				-Terminal> animate anim.gif  # play movie
			
 
				+Terminal> convert -delay 20 tmp_frame*.png mov.gif
			
 
				+Terminal> animate mov.gif  # play movie
			
 
				 !ec
			
 
				 The delay between frames, in units of 1/100 s,
			
 
				 governs the speed of the movie.
			
 
				 To play the animated GIF file in a web page, simply insert
			
 
				-`<img src="anim.gif">` in the HTML code.
			
 
				+`<img src="mov.gif">` in the HTML code.
			
 
				 
			
 
				 The individual PNG frames can be directly played in a web
			
 
				 browser by running
			
 
				 
			
 
				 !bc sys
			
 
				-Terminal> scitools movie output_file=anim.html fps=5 tmp_frame*
			
 
				+Terminal> scitools movie output_file=mov.html fps=5 tmp_frame*
			
 
				 !ec
			
 
				 or calling
			
 
				 
			
 
				 !bc pycod
			
 
				 from scitools.std import movie
			
 
				-movie(files, encoder='html', output_file='anim.html')
			
 
				+movie(files, encoder='html', output_file='mov.html')
			
 
				 !ec
			
 
				-in Python. Load the resulting file `anim.html` into a web browser
			
 
				+in Python. Load the resulting file `mov.html` into a web browser
			
 
				 to play the movie.
			
 
				 
			
 
				 Try to run "`vehicle0.py`": "${src_path_pysketcher}/vehicle0.py" and
			
 
				-then load `anim.html` into a browser, or play one of the `anim.*`
			
 
				+then load `mov.html` into a browser, or play one of the `mov.*`
			
 
				 video files.  Alternatively, you can view a ready-made "movie":
			
 
				-"${src_path_tut}/mov-tut/anim.html_vehicle0/anim.html".
			
 
				+"${src_path_tut}/mov-tut/vehicle0.html".
			
 
				 
			
 
				 === Animation: Rolling the Wheels ===
			
 
				 label{sketcher:vehicle1:anim}
			
@@ -517,7 +517,7 @@ def move(t, fig):
 
				     w2.rotate(degrees(angle), center=(w_1 + L, R))
			
 
				 !ec
			
 
				 The complete example is found in the file
			
 
				-"`vehicle1.py`": "${src_path_pysketcher}/vehicle1.py". You may run this file or watch a "ready-made movie": "${src_path_tut}/mov-tut/anim.html_vehicle1/anim.html".
			
 
				+"`vehicle1.py`": "${src_path_pysketcher}/vehicle1.py". You may run this file or watch a "ready-made movie": "${src_path_tut}/mov-tut/vehicle1.html".
			
 
				 
			
 
				 
			
 
				 The advantages with making figures this way, through programming
			
--- a/doc/src/tut/fig-tut/vehicle1.pdf
+++ b/doc/src/tut/fig-tut/vehicle1.pdf
--- a/doc/src/tut/fig-tut/vehicle1.png
+++ b/doc/src/tut/fig-tut/vehicle1.png
--- a/doc/src/tut/fig-tut/wheel_on_inclined_plane.pdf
+++ b/doc/src/tut/fig-tut/wheel_on_inclined_plane.pdf
--- a/doc/src/tut/fig-tut/wheel_on_inclined_plane.png
+++ b/doc/src/tut/fig-tut/wheel_on_inclined_plane.png
--- a/doc/src/tut/mov-tut/anim.avi
+++ b/doc/src/tut/mov-tut/anim.avi
--- a/doc/src/tut/mov-tut/anim.gif
+++ b/doc/src/tut/mov-tut/anim.gif
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/anim.html
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/anim.html
@@ -1,167 +0,0 @@
 
				-<html>
			
 
				-<head>
			
 
				-</head>
			
 
				-<body>
			
 
				-
			
 
				-<script language="Javascript">
			
 
				-<!---
			
 
				-var num_images_anim = 25;
			
 
				-var img_width = 800;
			
 
				-var img_height = 600;
			
 
				-var interval = 40;    
			
 
				-var images_anim = new Array();
			
 
				-
			
 
				-function preload_images_anim()
			
 
				-{
			
 
				-   t = document.getElementById("progress");
			
 
				-
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[0] = new Image(img_width, img_height);
			
 
				-   images_anim[0].src = "frame_0000.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[1] = new Image(img_width, img_height);
			
 
				-   images_anim[1].src = "frame_0001.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[2] = new Image(img_width, img_height);
			
 
				-   images_anim[2].src = "frame_0002.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[3] = new Image(img_width, img_height);
			
 
				-   images_anim[3].src = "frame_0003.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[4] = new Image(img_width, img_height);
			
 
				-   images_anim[4].src = "frame_0004.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[5] = new Image(img_width, img_height);
			
 
				-   images_anim[5].src = "frame_0005.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[6] = new Image(img_width, img_height);
			
 
				-   images_anim[6].src = "frame_0006.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[7] = new Image(img_width, img_height);
			
 
				-   images_anim[7].src = "frame_0007.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[8] = new Image(img_width, img_height);
			
 
				-   images_anim[8].src = "frame_0008.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[9] = new Image(img_width, img_height);
			
 
				-   images_anim[9].src = "frame_0009.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[10] = new Image(img_width, img_height);
			
 
				-   images_anim[10].src = "frame_0010.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[11] = new Image(img_width, img_height);
			
 
				-   images_anim[11].src = "frame_0011.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[12] = new Image(img_width, img_height);
			
 
				-   images_anim[12].src = "frame_0012.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[13] = new Image(img_width, img_height);
			
 
				-   images_anim[13].src = "frame_0013.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[14] = new Image(img_width, img_height);
			
 
				-   images_anim[14].src = "frame_0014.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[15] = new Image(img_width, img_height);
			
 
				-   images_anim[15].src = "frame_0015.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[16] = new Image(img_width, img_height);
			
 
				-   images_anim[16].src = "frame_0016.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[17] = new Image(img_width, img_height);
			
 
				-   images_anim[17].src = "frame_0017.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[18] = new Image(img_width, img_height);
			
 
				-   images_anim[18].src = "frame_0018.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[19] = new Image(img_width, img_height);
			
 
				-   images_anim[19].src = "frame_0019.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[20] = new Image(img_width, img_height);
			
 
				-   images_anim[20].src = "frame_0020.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[21] = new Image(img_width, img_height);
			
 
				-   images_anim[21].src = "frame_0021.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[22] = new Image(img_width, img_height);
			
 
				-   images_anim[22].src = "frame_0022.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[23] = new Image(img_width, img_height);
			
 
				-   images_anim[23].src = "frame_0023.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[24] = new Image(img_width, img_height);
			
 
				-   images_anim[24].src = "frame_0024.png";
			
 
				-        
			
 
				-   t.innerHTML = "";
			
 
				-}
			
 
				-
			
 
				-function tick_anim()
			
 
				-{
			
 
				-   if (frame_anim > num_images_anim - 1)
			
 
				-       frame_anim = 0;
			
 
				-
			
 
				-   document.movie.src = images_anim[frame_anim].src;
			
 
				-   frame_anim += 1;
			
 
				-   tt = setTimeout("tick_anim()", interval);
			
 
				-}
			
 
				-
			
 
				-function startup_anim()
			
 
				-{
			
 
				-   preload_images_anim();
			
 
				-   frame_anim = 0;
			
 
				-   setTimeout("tick_anim()", interval);
			
 
				-}
			
 
				-
			
 
				-function stopit()
			
 
				-{ clearTimeout(tt); }
			
 
				-
			
 
				-function restart_anim()
			
 
				-{ tt = setTimeout("tick_anim()", interval); }
			
 
				-
			
 
				-function slower()
			
 
				-{ interval = interval/0.7; }
			
 
				-
			
 
				-function faster()
			
 
				-{ interval = interval*0.7; }
			
 
				-
			
 
				-// --->
			
 
				-</script>
			
 
				-
			
 
				-<form>
			
 
				-&nbsp;
			
 
				-<input type="button" value="Start movie" onClick="startup_anim()">
			
 
				-<input type="button" value="Pause movie" onClick="stopit()">
			
 
				-<input type="button" value="Restart movie" onClick="restart_anim()">
			
 
				-&nbsp;
			
 
				-<input type="button" value="Slower" onClick="slower()">
			
 
				-<input type="button" value="Faster" onClick="faster()">
			
 
				-</form>
			
 
				-
			
 
				-<p><div ID="progress"></div></p>
			
 
				-<img src="frame_0000.png" name="movie" border=2/>
			
 
				-
			
 
				-</body>
			
 
				-</html>
			
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0000.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0000.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0001.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0001.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0002.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0002.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0003.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0003.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0004.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0004.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0005.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0005.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0006.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0006.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0007.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0007.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0008.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0008.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0009.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0009.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0010.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0010.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0011.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0011.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0012.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0012.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0013.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0013.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0014.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0014.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0015.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0015.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0016.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0016.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0017.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0017.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0018.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0018.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0019.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0019.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0020.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0020.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0021.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0021.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0022.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0022.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0023.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0023.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0024.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle0/frame_0024.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/anim.html
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/anim.html
@@ -1,167 +0,0 @@
 
				-<html>
			
 
				-<head>
			
 
				-</head>
			
 
				-<body>
			
 
				-
			
 
				-<script language="Javascript">
			
 
				-<!---
			
 
				-var num_images_anim = 25;
			
 
				-var img_width = 800;
			
 
				-var img_height = 600;
			
 
				-var interval = 40;    
			
 
				-var images_anim = new Array();
			
 
				-
			
 
				-function preload_images_anim()
			
 
				-{
			
 
				-   t = document.getElementById("progress");
			
 
				-
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[0] = new Image(img_width, img_height);
			
 
				-   images_anim[0].src = "frame_0000.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[1] = new Image(img_width, img_height);
			
 
				-   images_anim[1].src = "frame_0001.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[2] = new Image(img_width, img_height);
			
 
				-   images_anim[2].src = "frame_0002.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[3] = new Image(img_width, img_height);
			
 
				-   images_anim[3].src = "frame_0003.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[4] = new Image(img_width, img_height);
			
 
				-   images_anim[4].src = "frame_0004.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[5] = new Image(img_width, img_height);
			
 
				-   images_anim[5].src = "frame_0005.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[6] = new Image(img_width, img_height);
			
 
				-   images_anim[6].src = "frame_0006.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[7] = new Image(img_width, img_height);
			
 
				-   images_anim[7].src = "frame_0007.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[8] = new Image(img_width, img_height);
			
 
				-   images_anim[8].src = "frame_0008.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[9] = new Image(img_width, img_height);
			
 
				-   images_anim[9].src = "frame_0009.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[10] = new Image(img_width, img_height);
			
 
				-   images_anim[10].src = "frame_0010.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[11] = new Image(img_width, img_height);
			
 
				-   images_anim[11].src = "frame_0011.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[12] = new Image(img_width, img_height);
			
 
				-   images_anim[12].src = "frame_0012.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[13] = new Image(img_width, img_height);
			
 
				-   images_anim[13].src = "frame_0013.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[14] = new Image(img_width, img_height);
			
 
				-   images_anim[14].src = "frame_0014.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[15] = new Image(img_width, img_height);
			
 
				-   images_anim[15].src = "frame_0015.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[16] = new Image(img_width, img_height);
			
 
				-   images_anim[16].src = "frame_0016.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[17] = new Image(img_width, img_height);
			
 
				-   images_anim[17].src = "frame_0017.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[18] = new Image(img_width, img_height);
			
 
				-   images_anim[18].src = "frame_0018.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[19] = new Image(img_width, img_height);
			
 
				-   images_anim[19].src = "frame_0019.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[20] = new Image(img_width, img_height);
			
 
				-   images_anim[20].src = "frame_0020.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[21] = new Image(img_width, img_height);
			
 
				-   images_anim[21].src = "frame_0021.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[22] = new Image(img_width, img_height);
			
 
				-   images_anim[22].src = "frame_0022.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[23] = new Image(img_width, img_height);
			
 
				-   images_anim[23].src = "frame_0023.png";
			
 
				-        
			
 
				-   t.innerHTML = "Preloading image ";
			
 
				-   images_anim[24] = new Image(img_width, img_height);
			
 
				-   images_anim[24].src = "frame_0024.png";
			
 
				-        
			
 
				-   t.innerHTML = "";
			
 
				-}
			
 
				-
			
 
				-function tick_anim()
			
 
				-{
			
 
				-   if (frame_anim > num_images_anim - 1)
			
 
				-       frame_anim = 0;
			
 
				-
			
 
				-   document.movie.src = images_anim[frame_anim].src;
			
 
				-   frame_anim += 1;
			
 
				-   tt = setTimeout("tick_anim()", interval);
			
 
				-}
			
 
				-
			
 
				-function startup_anim()
			
 
				-{
			
 
				-   preload_images_anim();
			
 
				-   frame_anim = 0;
			
 
				-   setTimeout("tick_anim()", interval);
			
 
				-}
			
 
				-
			
 
				-function stopit()
			
 
				-{ clearTimeout(tt); }
			
 
				-
			
 
				-function restart_anim()
			
 
				-{ tt = setTimeout("tick_anim()", interval); }
			
 
				-
			
 
				-function slower()
			
 
				-{ interval = interval/0.7; }
			
 
				-
			
 
				-function faster()
			
 
				-{ interval = interval*0.7; }
			
 
				-
			
 
				-// --->
			
 
				-</script>
			
 
				-
			
 
				-<form>
			
 
				-&nbsp;
			
 
				-<input type="button" value="Start movie" onClick="startup_anim()">
			
 
				-<input type="button" value="Pause movie" onClick="stopit()">
			
 
				-<input type="button" value="Restart movie" onClick="restart_anim()">
			
 
				-&nbsp;
			
 
				-<input type="button" value="Slower" onClick="slower()">
			
 
				-<input type="button" value="Faster" onClick="faster()">
			
 
				-</form>
			
 
				-
			
 
				-<p><div ID="progress"></div></p>
			
 
				-<img src="frame_0000.png" name="movie" border=2/>
			
 
				-
			
 
				-</body>
			
 
				-</html>
			
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0000.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0000.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0001.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0001.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0002.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0002.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0003.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0003.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0004.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0004.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0005.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0005.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0006.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0006.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0007.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0007.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0008.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0008.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0009.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0009.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0010.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0010.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0011.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0011.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0012.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0012.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0013.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0013.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0014.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0014.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0015.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0015.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0016.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0016.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0017.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0017.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0018.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0018.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0019.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0019.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0020.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0020.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0021.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0021.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0022.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0022.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0023.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0023.png
--- a/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0024.png
+++ b/doc/src/tut/mov-tut/anim.html_vehicle1/frame_0024.png
--- a/doc/src/tut/mov-tut/anim.mpeg
+++ b/doc/src/tut/mov-tut/anim.mpeg
--- a/doc/src/tut/mov-tut/vehicle0.flv
+++ b/doc/src/tut/mov-tut/vehicle0.flv
--- a/doc/src/tut/mov-tut/vehicle0.gif
+++ b/doc/src/tut/mov-tut/vehicle0.gif
--- a/doc/src/tut/mov-tut/vehicle0.html
+++ b/doc/src/tut/mov-tut/vehicle0.html
@@ -0,0 +1,167 @@
 
				+<html>
			
 
				+<head>
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+<script language="Javascript">
			
 
				+<!---
			
 
				+var num_images_vehicle0 = 25;
			
 
				+var img_width_vehicle0 = 800;
			
 
				+var img_height_vehicle0 = 600;
			
 
				+var interval_vehicle0 = 250;
			
 
				+var images_vehicle0 = new Array();
			
 
				+
			
 
				+function preload_images_vehicle0()
			
 
				+{
			
 
				+   t = document.getElementById("progress");
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[0] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[0].src = "vehicle0_frames/frame_0000.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[1] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[1].src = "vehicle0_frames/frame_0001.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[2] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[2].src = "vehicle0_frames/frame_0002.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[3] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[3].src = "vehicle0_frames/frame_0003.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[4] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[4].src = "vehicle0_frames/frame_0004.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[5] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[5].src = "vehicle0_frames/frame_0005.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[6] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[6].src = "vehicle0_frames/frame_0006.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[7] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[7].src = "vehicle0_frames/frame_0007.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[8] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[8].src = "vehicle0_frames/frame_0008.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[9] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[9].src = "vehicle0_frames/frame_0009.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[10] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[10].src = "vehicle0_frames/frame_0010.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[11] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[11].src = "vehicle0_frames/frame_0011.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[12] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[12].src = "vehicle0_frames/frame_0012.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[13] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[13].src = "vehicle0_frames/frame_0013.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[14] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[14].src = "vehicle0_frames/frame_0014.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[15] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[15].src = "vehicle0_frames/frame_0015.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[16] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[16].src = "vehicle0_frames/frame_0016.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[17] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[17].src = "vehicle0_frames/frame_0017.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[18] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[18].src = "vehicle0_frames/frame_0018.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[19] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[19].src = "vehicle0_frames/frame_0019.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[20] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[20].src = "vehicle0_frames/frame_0020.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[21] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[21].src = "vehicle0_frames/frame_0021.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[22] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[22].src = "vehicle0_frames/frame_0022.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[23] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[23].src = "vehicle0_frames/frame_0023.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle0[24] = new Image(img_width_vehicle0, img_height_vehicle0);
			
 
				+   images_vehicle0[24].src = "vehicle0_frames/frame_0024.png";
			
 
				+
			
 
				+   t.innerHTML = "";
			
 
				+}
			
 
				+
			
 
				+function tick_vehicle0()
			
 
				+{
			
 
				+   if (frame_vehicle0 > num_images_vehicle0 - 1)
			
 
				+       frame_vehicle0 = 0;
			
 
				+
			
 
				+   document.name_vehicle0.src = images_vehicle0[frame_vehicle0].src;
			
 
				+   frame_vehicle0 += 1;
			
 
				+   tt = setTimeout("tick_vehicle0()", interval_vehicle0);
			
 
				+}
			
 
				+
			
 
				+function startup_vehicle0()
			
 
				+{
			
 
				+   preload_images_vehicle0();
			
 
				+   frame_vehicle0 = 0;
			
 
				+   setTimeout("tick_vehicle0()", interval_vehicle0);
			
 
				+}
			
 
				+
			
 
				+function stopit_vehicle0()
			
 
				+{ clearTimeout(tt); }
			
 
				+
			
 
				+function restart_vehicle0()
			
 
				+{ tt = setTimeout("tick_vehicle0()", interval_vehicle0); }
			
 
				+
			
 
				+function slower_vehicle0()
			
 
				+{ interval_vehicle0 = interval_vehicle0/0.7; }
			
 
				+
			
 
				+function faster_vehicle0()
			
 
				+{ interval_vehicle0 = interval_vehicle0*0.7; }
			
 
				+
			
 
				+// --->
			
 
				+</script>
			
 
				+
			
 
				+<form>
			
 
				+&nbsp;
			
 
				+<input type="button" value="Start movie" onClick="startup_vehicle0()">
			
 
				+<input type="button" value="Pause movie" onClick="stopit_vehicle0()">
			
 
				+<input type="button" value="Restart movie" onClick="restart_vehicle0()">
			
 
				+&nbsp;
			
 
				+<input type="button" value="Slower" onClick="slower_vehicle0()">
			
 
				+<input type="button" value="Faster" onClick="faster_vehicle0()">
			
 
				+</form>
			
 
				+
			
 
				+<p><div ID="progress"></div></p>
			
 
				+<img src="vehicle0_frames/frame_0000.png" name="name_vehicle0" border=2/>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/doc/src/tut/mov-tut/vehicle0.mp4
+++ b/doc/src/tut/mov-tut/vehicle0.mp4
--- a/doc/src/tut/mov-tut/vehicle0.ogg
+++ b/doc/src/tut/mov-tut/vehicle0.ogg
--- a/doc/src/tut/mov-tut/vehicle0.webm
+++ b/doc/src/tut/mov-tut/vehicle0.webm
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0000.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0000.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0001.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0001.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0002.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0002.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0003.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0003.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0004.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0004.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0005.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0005.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0006.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0006.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0007.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0007.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0008.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0008.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0009.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0009.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0010.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0010.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0011.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0011.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0012.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0012.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0013.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0013.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0014.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0014.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0015.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0015.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0016.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0016.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0017.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0017.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0018.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0018.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0019.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0019.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0020.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0020.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0021.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0021.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0022.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0022.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0023.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0023.png
--- a/doc/src/tut/mov-tut/vehicle0_frames/frame_0024.png
+++ b/doc/src/tut/mov-tut/vehicle0_frames/frame_0024.png
--- a/doc/src/tut/mov-tut/vehicle1.flv
+++ b/doc/src/tut/mov-tut/vehicle1.flv
--- a/doc/src/tut/mov-tut/vehicle1.gif
+++ b/doc/src/tut/mov-tut/vehicle1.gif
--- a/doc/src/tut/mov-tut/vehicle1.html
+++ b/doc/src/tut/mov-tut/vehicle1.html
@@ -0,0 +1,167 @@
 
				+<html>
			
 
				+<head>
			
 
				+</head>
			
 
				+<body>
			
 
				+
			
 
				+<script language="Javascript">
			
 
				+<!---
			
 
				+var num_images_vehicle1 = 25;
			
 
				+var img_width_vehicle1 = 800;
			
 
				+var img_height_vehicle1 = 600;
			
 
				+var interval_vehicle1 = 40;
			
 
				+var images_vehicle1 = new Array();
			
 
				+
			
 
				+function preload_images_vehicle1()
			
 
				+{
			
 
				+   t = document.getElementById("progress");
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[0] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[0].src = "vehicle1_frames/frame_0000.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[1] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[1].src = "vehicle1_frames/frame_0001.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[2] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[2].src = "vehicle1_frames/frame_0002.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[3] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[3].src = "vehicle1_frames/frame_0003.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[4] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[4].src = "vehicle1_frames/frame_0004.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[5] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[5].src = "vehicle1_frames/frame_0005.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[6] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[6].src = "vehicle1_frames/frame_0006.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[7] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[7].src = "vehicle1_frames/frame_0007.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[8] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[8].src = "vehicle1_frames/frame_0008.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[9] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[9].src = "vehicle1_frames/frame_0009.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[10] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[10].src = "vehicle1_frames/frame_0010.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[11] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[11].src = "vehicle1_frames/frame_0011.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[12] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[12].src = "vehicle1_frames/frame_0012.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[13] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[13].src = "vehicle1_frames/frame_0013.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[14] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[14].src = "vehicle1_frames/frame_0014.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[15] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[15].src = "vehicle1_frames/frame_0015.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[16] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[16].src = "vehicle1_frames/frame_0016.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[17] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[17].src = "vehicle1_frames/frame_0017.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[18] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[18].src = "vehicle1_frames/frame_0018.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[19] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[19].src = "vehicle1_frames/frame_0019.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[20] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[20].src = "vehicle1_frames/frame_0020.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[21] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[21].src = "vehicle1_frames/frame_0021.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[22] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[22].src = "vehicle1_frames/frame_0022.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[23] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[23].src = "vehicle1_frames/frame_0023.png";
			
 
				+
			
 
				+   t.innerHTML = "Preloading image ";
			
 
				+   images_vehicle1[24] = new Image(img_width_vehicle1, img_height_vehicle1);
			
 
				+   images_vehicle1[24].src = "vehicle1_frames/frame_0024.png";
			
 
				+
			
 
				+   t.innerHTML = "";
			
 
				+}
			
 
				+
			
 
				+function tick_vehicle1()
			
 
				+{
			
 
				+   if (frame_vehicle1 > num_images_vehicle1 - 1)
			
 
				+       frame_vehicle1 = 0;
			
 
				+
			
 
				+   document.name_vehicle1.src = images_vehicle1[frame_vehicle1].src;
			
 
				+   frame_vehicle1 += 1;
			
 
				+   tt = setTimeout("tick_vehicle1()", interval_vehicle1);
			
 
				+}
			
 
				+
			
 
				+function startup_vehicle1()
			
 
				+{
			
 
				+   preload_images_vehicle1();
			
 
				+   frame_vehicle1 = 0;
			
 
				+   setTimeout("tick_vehicle1()", interval_vehicle1);
			
 
				+}
			
 
				+
			
 
				+function stopit_vehicle1()
			
 
				+{ clearTimeout(tt); }
			
 
				+
			
 
				+function restart_vehicle1()
			
 
				+{ tt = setTimeout("tick_vehicle1()", interval_vehicle1); }
			
 
				+
			
 
				+function slower_vehicle1()
			
 
				+{ interval_vehicle1 = interval_vehicle1/0.7; }
			
 
				+
			
 
				+function faster_vehicle1()
			
 
				+{ interval_vehicle1 = interval_vehicle1*0.7; }
			
 
				+
			
 
				+// --->
			
 
				+</script>
			
 
				+
			
 
				+<form>
			
 
				+&nbsp;
			
 
				+<input type="button" value="Start movie" onClick="startup_vehicle1()">
			
 
				+<input type="button" value="Pause movie" onClick="stopit_vehicle1()">
			
 
				+<input type="button" value="Restart movie" onClick="restart_vehicle1()">
			
 
				+&nbsp;
			
 
				+<input type="button" value="Slower" onClick="slower_vehicle1()">
			
 
				+<input type="button" value="Faster" onClick="faster_vehicle1()">
			
 
				+</form>
			
 
				+
			
 
				+<p><div ID="progress"></div></p>
			
 
				+<img src="vehicle1_frames/frame_0000.png" name="name_vehicle1" border=2/>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/doc/src/tut/mov-tut/vehicle1.mp4
+++ b/doc/src/tut/mov-tut/vehicle1.mp4
--- a/doc/src/tut/mov-tut/vehicle1.ogg
+++ b/doc/src/tut/mov-tut/vehicle1.ogg
--- a/doc/src/tut/mov-tut/vehicle1.webm
+++ b/doc/src/tut/mov-tut/vehicle1.webm
--- a/doc/src/tut/mov-tut/vehicle1_frames/frame_0000.png
+++ b/doc/src/tut/mov-tut/vehicle1_frames/frame_0000.png
--- a/doc/src/tut/mov-tut/vehicle1_frames/frame_0001.png
+++ b/doc/src/tut/mov-tut/vehicle1_frames/frame_0001.png
--- a/doc/src/tut/mov-tut/vehicle1_frames/frame_0002.png
+++ b/doc/src/tut/mov-tut/vehicle1_frames/frame_0002.png