first_image = erstbild;
last_image = maxbild;
current_image = 0;
animation_width  = 400;
animation_height = 306;

theImages = new Array();

delay = 400;
delay_step = 10;
delay_min = 20; 
delay_max = 1000;
timeID = null;
play_dir = 1;			// -1=reverse  0=stopped  1=forward
play_mode = 1;			//  0=oneShot  1=loop     2=swing
pause_factor = 4;
pause_delay = pause_factor * delay;

HiLiteButton = "";
theImages[0] = new Image();
theImages[0].src = "images/webcamfehler.png"
theImages[1] = new Image();
theImages[1].src = webcamordner+"webcamklein-0500.jpg"
theImages[2] = new Image();
theImages[2].src = webcamordner+"webcamklein-0515.jpg"
theImages[3] = new Image();
theImages[3].src = webcamordner+"webcamklein-0530.jpg"
theImages[4] = new Image();
theImages[4].src = webcamordner+"webcamklein-0545.jpg"
theImages[5] = new Image();
theImages[5].src = webcamordner+"webcamklein-0600.jpg"
theImages[6] = new Image();
theImages[6].src = webcamordner+"webcamklein-0615.jpg"
theImages[7] = new Image();
theImages[7].src = webcamordner+"webcamklein-0630.jpg"
theImages[8] = new Image();
theImages[8].src = webcamordner+"webcamklein-0645.jpg"
theImages[9] = new Image();
theImages[9].src = webcamordner+"webcamklein-0700.jpg"
theImages[10] = new Image();
theImages[10].src = webcamordner+"webcamklein-0715.jpg"
theImages[11] = new Image();
theImages[11].src = webcamordner+"webcamklein-0730.jpg"
theImages[12] = new Image();
theImages[12].src = webcamordner+"webcamklein-0745.jpg"
theImages[13] = new Image();
theImages[13].src = webcamordner+"webcamklein-0800.jpg"
theImages[14] = new Image();
theImages[14].src = webcamordner+"webcamklein-0815.jpg"
theImages[15] = new Image();
theImages[15].src = webcamordner+"webcamklein-0830.jpg"
theImages[16] = new Image();
theImages[16].src = webcamordner+"webcamklein-0845.jpg"
theImages[17] = new Image();
theImages[17].src = webcamordner+"webcamklein-0900.jpg"
theImages[18] = new Image();
theImages[18].src = webcamordner+"webcamklein-0915.jpg"
theImages[19] = new Image();
theImages[19].src = webcamordner+"webcamklein-0930.jpg"
theImages[20] = new Image();
theImages[20].src = webcamordner+"webcamklein-0945.jpg"
theImages[21] = new Image();
theImages[21].src = webcamordner+"webcamklein-1000.jpg"
theImages[22] = new Image();
theImages[22].src = webcamordner+"webcamklein-1015.jpg"
theImages[23] = new Image();
theImages[23].src = webcamordner+"webcamklein-1030.jpg"
theImages[24] = new Image();
theImages[24].src = webcamordner+"webcamklein-1045.jpg"
theImages[25] = new Image();
theImages[25].src = webcamordner+"webcamklein-1100.jpg"
theImages[26] = new Image();
theImages[26].src = webcamordner+"webcamklein-1115.jpg"
theImages[27] = new Image();
theImages[27].src = webcamordner+"webcamklein-1130.jpg"
theImages[28] = new Image();
theImages[28].src = webcamordner+"webcamklein-1145.jpg"
theImages[29] = new Image();
theImages[29].src = webcamordner+"webcamklein-1200.jpg"
theImages[30] = new Image();
theImages[30].src = webcamordner+"webcamklein-1215.jpg"
theImages[31] = new Image();
theImages[31].src = webcamordner+"webcamklein-1230.jpg"
theImages[32] = new Image();
theImages[32].src = webcamordner+"webcamklein-1245.jpg"
theImages[33] = new Image();
theImages[33].src = webcamordner+"webcamklein-1300.jpg"
theImages[34] = new Image();
theImages[34].src = webcamordner+"webcamklein-1315.jpg"
theImages[35] = new Image();
theImages[35].src = webcamordner+"webcamklein-1330.jpg"
theImages[36] = new Image();
theImages[36].src = webcamordner+"webcamklein-1345.jpg"
theImages[37] = new Image();
theImages[37].src = webcamordner+"webcamklein-1400.jpg"
theImages[38] = new Image();
theImages[38].src = webcamordner+"webcamklein-1415.jpg"
theImages[39] = new Image();
theImages[39].src = webcamordner+"webcamklein-1430.jpg"
theImages[40] = new Image();
theImages[40].src = webcamordner+"webcamklein-1445.jpg"
theImages[41] = new Image();
theImages[41].src = webcamordner+"webcamklein-1500.jpg"
theImages[42] = new Image();
theImages[42].src = webcamordner+"webcamklein-1515.jpg"
theImages[43] = new Image();
theImages[43].src = webcamordner+"webcamklein-1530.jpg"
theImages[44] = new Image();
theImages[44].src = webcamordner+"webcamklein-1545.jpg"
theImages[45] = new Image();
theImages[45].src = webcamordner+"webcamklein-1600.jpg"
theImages[46] = new Image();
theImages[46].src = webcamordner+"webcamklein-1615.jpg"
theImages[47] = new Image();
theImages[47].src = webcamordner+"webcamklein-1630.jpg"
theImages[48] = new Image();
theImages[48].src = webcamordner+"webcamklein-1645.jpg"
theImages[49] = new Image();
theImages[49].src = webcamordner+"webcamklein-1700.jpg"
theImages[50] = new Image();
theImages[50].src = webcamordner+"webcamklein-1715.jpg"
theImages[51] = new Image();
theImages[51].src = webcamordner+"webcamklein-1730.jpg"
theImages[52] = new Image();
theImages[52].src = webcamordner+"webcamklein-1745.jpg"
theImages[53] = new Image();
theImages[53].src = webcamordner+"webcamklein-1800.jpg"
theImages[54] = new Image();
theImages[54].src = webcamordner+"webcamklein-1815.jpg"
theImages[55] = new Image();
theImages[55].src = webcamordner+"webcamklein-1830.jpg"
theImages[56] = new Image();
theImages[56].src = webcamordner+"webcamklein-1845.jpg"
theImages[57] = new Image();
theImages[57].src = webcamordner+"webcamklein-1900.jpg"
theImages[58] = new Image();
theImages[58].src = webcamordner+"webcamklein-1915.jpg"
theImages[59] = new Image();
theImages[59].src = webcamordner+"webcamklein-1930.jpg"
theImages[60] = new Image();
theImages[60].src = webcamordner+"webcamklein-1945.jpg"
theImages[61] = new Image();
theImages[61].src = webcamordner+"webcamklein-2000.jpg"
theImages[62] = new Image();
theImages[62].src = webcamordner+"webcamklein-2015.jpg"
theImages[63] = new Image();
theImages[63].src = webcamordner+"webcamklein-2030.jpg"
theImages[64] = new Image();
theImages[64].src = webcamordner+"webcamklein-2045.jpg"
theImages[65] = new Image();
theImages[65].src = webcamordner+"webcamklein-2100.jpg"
theImages[66] = new Image();
theImages[66].src = webcamordner+"webcamklein-2115.jpg"
theImages[67] = new Image();
theImages[67].src = webcamordner+"webcamklein-2130.jpg"
theImages[68] = new Image();
theImages[68].src = webcamordner+"webcamklein-2145.jpg"
theImages[69] = new Image();
theImages[69].src = webcamordner+"webcamklein-2200.jpg"

img_rrstop0 = new Image();
img_rrstop0.src = "images/img_rrstop0.png";
img_rrstop1 = new Image();
img_rrstop1.src = "images/img_rrstop1.png";
img_rrstop2 = new Image();
img_rrstop2.src = "images/img_rrstop2.png";
img_rstop0 = new Image();
img_rstop0.src = "images/img_rstop0.png";
img_rstop1 = new Image();
img_rstop1.src = "images/img_rstop1.png";
img_rstop2 = new Image();
img_rstop2.src = "images/img_rstop2.png";
img_r0 = new Image();
img_r0.src = "images/img_r0.png";
img_r1 = new Image();
img_r1.src = "images/img_r1.png";
img_r2 = new Image();
img_r2.src = "images/img_r2.png";
img_stop0 = new Image();
img_stop0.src = "images/img_stop0.png";
img_stop1 = new Image();
img_stop1.src = "images/img_stop1.png";
img_stop2 = new Image();
img_stop2.src = "images/img_stop2.png";
img_f0 = new Image();
img_f0.src = "images/img_f0.png";
img_f1 = new Image();
img_f1.src = "images/img_f1.png";
img_f2 = new Image();
img_f2.src = "images/img_f2.png";
img_fstop0 = new Image();
img_fstop0.src = "images/img_fstop0.png";
img_fstop1 = new Image();
img_fstop1.src = "images/img_fstop1.png";
img_fstop2 = new Image();
img_fstop2.src = "images/img_fstop2.png";
img_ffstop0 = new Image();
img_ffstop0.src = "images/img_ffstop0.png";
img_ffstop1 = new Image();
img_ffstop1.src = "images/img_ffstop1.png";
img_ffstop2 = new Image();
img_ffstop2.src = "images/img_ffstop2.png";
img_minus0 = new Image();
img_minus0.src = "images/img_minus0.png";
img_minus1 = new Image();
img_minus1.src = "images/img_minus1.png";
img_plus0 = new Image();
img_plus0.src = "images/img_plus0.png";
img_plus1 = new Image();
img_plus1.src = "images/img_plus1.png";

//===> Flip Button HiLite function
function FBHiLite(name, mode, comment) {
	if (name != "") {
	    if (mode == 0)
		HiLiteButton = "";
	    else
		HiLiteButton = name;
	}

	// set play/stop button
	switch (play_dir) {
	    case -1: aname = "img_r"; break;
	    case  0: aname = "img_stop"; break;
	    case  1: aname = "img_f"; break;
	}
	if (aname == HiLiteButton)
	    amode = 1;
	else if  (mode == 2)
	    amode = 0;
	else
	    amode = 1;
	document[aname].src = eval(aname + amode + ".src");

	// set indicated button (if not the same button as above)
	if (name != "" && (name != aname || mode == 2)) {
	    document[name].src = eval(name + mode + ".src");
	    window.status = comment;
	}
	return true;
}


//===> display image depending on play mode in forward direction
function animate_fwd() {
   current_image++;
   if (current_image > last_image) { 
      if (play_mode == 0) {			// ONE SHOT
         current_image = last_image; 
         change_play_dir(0);
      } else if (play_mode == 1) {		// LOOP
         current_image = first_image - 1;
         timeID = setTimeout("animate_fwd()", pause_delay);
      } else if (play_mode == 2) {		// SWING
         current_image = last_image;
         timeID = setTimeout("reverte_swing()", pause_delay);
      };
      return; 
   };                             
   document.animation.src = theImages[current_image].src;
   document.control_form.frame_nr.value = ts[current_image];
   timeID = setTimeout("animate_fwd()", delay);
}

//===> display image depending on play mode in reverse direction
function animate_rev() {
   current_image--;
   if (current_image < first_image) { 
      if (play_mode == 0) {			// ONE SHOT
         current_image = first_image; 
         change_play_dir(0);
      } else if (play_mode == 1) {		// LOOP
         current_image = last_image + 1;
         timeID = setTimeout("animate_rev()", pause_delay);
      } else if (play_mode == 2) {		// SWING
         current_image = first_image;
         timeID = setTimeout("reverte_swing()", pause_delay);
      };
      return; 
   };                             
   document.animation.src = theImages[current_image].src;
   document.control_form.frame_nr.value = ts[current_image];
   timeID = setTimeout("animate_rev()", delay);
}

//===> reverte play direction of swing
function reverte_swing() {
   dir = play_dir * (-1);
   change_play_dir(dir);
   if (dir == 1)
      animate_fwd();
   else
      animate_rev();
}

//===> stop the movie
function stop() {
   if (play_dir != 0) { 
      clearTimeout (timeID);
      change_play_dir(0);
   }
}

//===> play forward
function fwd() {
   stop();
   change_play_dir(1);
   if (play_mode == 0 && current_image == last_image)
      current_image = first_image - 1;
   animate_fwd();
}

//===> play reverse
function rev() {
   stop();
   change_play_dir(-1);
   if (play_mode == 0 && current_image == first_image)
      current_image = last_image + 1;
   animate_rev();
}

//===> jump to a given image number
function go2image(number) {
   stop();
   if (number > last_image) number = last_image;
   if (number < first_image) number = first_image;
   current_image = number;
   document.animation.src = theImages[current_image].src;
   document.control_form.frame_nr.value = ts[current_image];
}

//===> change play mode (normal, loop, swing)
function change_mode(mode) {
   play_mode = mode;
}

//===> change playing speed
function change_speed(dv) {
   if (dv > delay_max) dv = delay_max;
   if (dv < delay_min) dv = delay_min;
   delay=dv;
   pause_delay = pause_factor * delay;
   document.control_form.loop_delay.value = delay;
   document.control_form.frames_per_sec.value = (Math.ceil(10000 / delay)) / 10;
}

//===> change play direction
function change_play_dir(dir) {
   FBHiLite("", 2, "");
   play_dir = dir;
   FBHiLite("", 3, "");
   document.control_form.loop_dir.value = play_dir;
}

//===> reload the frame as (possibly) a new image is available
function reload_frame() {
   document.control_form.submit();
}

//===> sets everything once the whole page and the images are loaded 
//     (onLoad handler in <body>)
function launch() {
   go2image(aktuellesbild);
   change_play_dir(1);
   setTimeout("reload_frame()", 2100 * 1000);

   document.animation.src = theImages[current_image].src;
   document.control_form.frame_nr.value = ts[current_image];
   // this needs to be done to set the right mode when the page is manualy 
   // reloaded
   change_mode (document.control_form.loop_mode.selectedIndex);
   document.control_form.frames_per_sec.value = (Math.ceil(10000 / delay)) / 10;
   // fwd();
   stop();
};


ts = new Array();
ts[0] = "0-5 Uhr";
ts["1"] = "05:00 Uhr";
ts["2"] = "05:15 Uhr";
ts["3"] = "05:30 Uhr";
ts["4"] = "05:45 Uhr";
ts["5"] = "06:00 Uhr";
ts["6"] = "06:15 Uhr";
ts["7"] = "06:30 Uhr";
ts["8"] = "06:45 Uhr";
ts["9"] = "07:00 Uhr";
ts["10"] = "07:15 Uhr";
ts["11"] = "07:30 Uhr";
ts["12"] = "07:45 Uhr";
ts["13"] = "08:00 Uhr";
ts["14"] = "08:15 Uhr";
ts["15"] = "08:30 Uhr";
ts["16"] = "08:45 Uhr";
ts["17"] = "09:00 Uhr";
ts["18"] = "09:15 Uhr";
ts["19"] = "09:30 Uhr";
ts["20"] = "09:45 Uhr";
ts["21"] = "10:00 Uhr";
ts["22"] = "10:15 Uhr";
ts["23"] = "10:30 Uhr";
ts["24"] = "10:45 Uhr";
ts["25"] = "11:00 Uhr";
ts["26"] = "11:15 Uhr";
ts["27"] = "11:30 Uhr";
ts["28"] = "11:45 Uhr";
ts["29"] = "12:00 Uhr";
ts["30"] = "12:15 Uhr";
ts["31"] = "12:30 Uhr";
ts["32"] = "12:45 Uhr";
ts["33"] = "13:00 Uhr";
ts["34"] = "13:15 Uhr";
ts["35"] = "13:30 Uhr";
ts["36"] = "13:45 Uhr";
ts["37"] = "14:00 Uhr";
ts["38"] = "14:15 Uhr";
ts["39"] = "14:30 Uhr";
ts["40"] = "14:45 Uhr";
ts["41"] = "15:00 Uhr";
ts["42"] = "15:15 Uhr";
ts["43"] = "15:30 Uhr";
ts["44"] = "15:45 Uhr";
ts["45"] = "16:00 Uhr";
ts["46"] = "16:15 Uhr";
ts["47"] = "16:30 Uhr";
ts["48"] = "16:45 Uhr";
ts["49"] = "17:00 Uhr";
ts["50"] = "17:15 Uhr";
ts["51"] = "17:30 Uhr";
ts["52"] = "17:45 Uhr";
ts["53"] = "18:00 Uhr";
ts["54"] = "18:15 Uhr";
ts["55"] = "18:30 Uhr";
ts["56"] = "18:45 Uhr";
ts["57"] = "19:00 Uhr";
ts["58"] = "19:15 Uhr";
ts["59"] = "19:30 Uhr";
ts["60"] = "19:45 Uhr";
ts["61"] = "20:00 Uhr";
ts["62"] = "20:15 Uhr";
ts["63"] = "20:30 Uhr";
ts["64"] = "20:45 Uhr";
ts["65"] = "21:00 Uhr";
ts["66"] = "21:15 Uhr";
ts["67"] = "21:30 Uhr";
ts["68"] = "21:45 Uhr";
ts["69"] = "22:00 Uhr";