function streamStart(id) {
  id = document.getElementById(id);

  if (id && id.play) {
    id.play();

  } else if (id) {

    var x = false;
    for (var i = 0; i < id.childNodes.length; i++) {
      if ( (id.childNodes[i].nodeName).toLowerCase() == "object" ) {
        x = id.childNodes[i];
        break;
      }
    }

    if (x) {
      x = x;
    } else {
      x = id;
      do {
        x = x.nextSibling;
      } while (x.nodeName.toLowerCase() != "object");
    }

    var y = false;
    for (var i = 0; i < x.childNodes.length; i++) {
      if ( (x.childNodes[i].nodeName).toLowerCase() == "object" ) {
        y = x.childNodes[i];
        break;
      }
    }
    if (y && y.filmAbspielen)
      y.filmAbspielen();
    else if (x.filmAbspielen)
      x.filmAbspielen();
  }
}


function streamPause(id) {
  id = document.getElementById(id);

  if (id && id.pause) {
    id.pause();

  } else if (id) {

    var x = false;
    for (var i = 0; i < id.childNodes.length; i++) {
      if ( (id.childNodes[i].nodeName).toLowerCase() == "object" ) {
        x = id.childNodes[i];
        break;
      }
    }

    if (x) {
      x = x;
    } else {
      x = id;
      do {
        x = x.nextSibling;
      } while (x.nodeName.toLowerCase() != "object");
    }

    var y = false;
    for (var i = 0; i < x.childNodes.length; i++) {
      if ( (x.childNodes[i].nodeName).toLowerCase() == "object" ) {
        y = x.childNodes[i];
        break;
      }
    }
    if (y && y.filmPausieren)
      y.filmPausieren();
    else if (x.filmPausieren)
      x.filmPausieren();
  }
}





var kurz_anzeigen_merker = "visible";
var kurz_anzeigen_intervall;
var stream_fenster_hoehe_original;
var stream_fenster_breite_original;
var bewegung_fenster_hoehe_original;
var bewegung_fenster_breite_original;

function kurz_anzeigen_fuer_internet_exporer() {
  if (kurz_anzeigen_merker == "visible") {
    stream_fenster_breite_original = document.getElementById("stream").style.width;
    stream_fenster_hoehe_original  = document.getElementById("stream").style.height;
    bewegung_fenster_breite_original = document.getElementById("stream_bewegung").style.width;
    bewegung_fenster_hoehe_original  = document.getElementById("stream_bewegung").style.height;

    document.getElementById("stream").style.width = "0px";
    document.getElementById("stream").style.height = "0px";
    document.getElementById("stream_bewegung").style.width = "0px";
    document.getElementById("stream_bewegung").style.height = "0px";

    document.getElementById("stream").style.visibility = "visible";
    document.getElementById("stream_bewegung").style.visibility = "visible";

    kurz_anzeigen_merker = "hidden";

  } else {
    document.getElementById("stream").style.visibility = "hidden";
    document.getElementById("stream_bewegung").style.visibility = "hidden";
    document.getElementById("stream").style.width = stream_fenster_breite_original;
    document.getElementById("stream").style.height = stream_fenster_hoehe_original;
    document.getElementById("stream_bewegung").style.width = bewegung_fenster_breite_original;
    document.getElementById("stream_bewegung").style.height = bewegung_fenster_hoehe_original;
    window.clearInterval(kurz_anzeigen_intervall);
  }
}







var anzeige_intervall;
var anzeige_intervall_geschwindigkeit = 10;
var anzeige_intervall_zwischenschritte = 5;
var anzeige_intervall_schritt;

var bewegung_breite_anfang = 110;
var bewegung_hoehe_anfang = 84;
var bewegung_oben_anfang = 2;
var bewegung_links_anfang = 4;

var bewegung_breite_ende = 516;
var bewegung_hoehe_ende = 396;
var bewegung_oben_ende = -280;
var bewegung_links_ende = -377;

var bewegung_breite;
var bewegung_hoehe;
var bewegung_oben;
var bewegung_links;

var aenderung_breite = (bewegung_breite_ende - bewegung_breite_anfang) / anzeige_intervall_zwischenschritte;
var aenderung_hoehe = (bewegung_hoehe_ende - bewegung_hoehe_anfang) / anzeige_intervall_zwischenschritte;
var aenderung_oben = (bewegung_oben_ende - bewegung_oben_anfang) / anzeige_intervall_zwischenschritte;
var aenderung_links = (bewegung_links_ende - bewegung_links_anfang) / anzeige_intervall_zwischenschritte;

var bewegungs_rahmen_style;
var bewegungs_bild_style;

function stream_einblenden() {
  bewegungs_rahmen_style = document.getElementById("stream_bewegung").style;
  bewegungs_bild_style = document.getElementById("bewegungs_bild").style;

  bewegung_breite = bewegung_breite_anfang;
  bewegung_hoehe = bewegung_hoehe_anfang;
  bewegung_oben = bewegung_oben_anfang;
  bewegung_links = bewegung_links_anfang;

  bewegungs_rahmen_style.width = bewegungs_bild_style.width = bewegung_breite + "px";
  bewegungs_rahmen_style.height = bewegungs_bild_style.height = bewegung_hoehe + "px";
  bewegungs_rahmen_style.top = bewegung_oben + "px";
  bewegungs_rahmen_style.left = bewegung_links + "px";
  bewegungs_rahmen_style.visibility = "visible";

  anzeige_intervall_schritt = 1;

  anzeige_intervall = window.setInterval("einblende_intervall()", anzeige_intervall_geschwindigkeit);
}
function einblende_intervall() {

  bewegung_breite += aenderung_breite;
  bewegung_hoehe += aenderung_hoehe;
  bewegung_oben += aenderung_oben;
  bewegung_links += aenderung_links;

  bewegungs_rahmen_style.width = bewegungs_bild_style.width = Math.round(bewegung_breite) + "px";
  bewegungs_rahmen_style.height = bewegungs_bild_style.height = Math.round(bewegung_hoehe) + "px";
  bewegungs_rahmen_style.top = Math.round(bewegung_oben) + "px";
  bewegungs_rahmen_style.left = Math.round(bewegung_links) + "px";

  if (++anzeige_intervall_schritt > anzeige_intervall_zwischenschritte+1) {
    document.getElementById("stream").style.visibility = "visible";
    bewegungs_rahmen_style.visibility = "hidden";
    streamStart("webcam_stream");
    window.clearInterval(anzeige_intervall);
  }
}










function stream_ausblenden() {
  streamPause("webcam_stream");

  document.getElementById("stream").style.visibility = "hidden";

  bewegungs_rahmen_style = document.getElementById("stream_bewegung").style;
  bewegungs_bild_style = document.getElementById("bewegungs_bild").style;

  bewegung_breite = bewegung_breite_ende;
  bewegung_hoehe = bewegung_hoehe_ende;
  bewegung_oben = bewegung_oben_ende;
  bewegung_links = bewegung_links_ende;

  bewegungs_rahmen_style.width = bewegungs_bild_style.width = bewegung_breite + "px";
  bewegungs_rahmen_style.height = bewegungs_bild_style.height = bewegung_hoehe + "px";
  bewegungs_rahmen_style.top = bewegung_oben + "px";
  bewegungs_rahmen_style.left = bewegung_links + "px";
  bewegungs_rahmen_style.visibility = "visible";

  anzeige_intervall_schritt = 1;

  anzeige_intervall = window.setInterval("ausblende_intervall()", anzeige_intervall_geschwindigkeit);
}
function ausblende_intervall() {
  bewegung_breite -= aenderung_breite;
  bewegung_hoehe -= aenderung_hoehe;
  bewegung_oben -= aenderung_oben;
  bewegung_links -= aenderung_links;

  bewegungs_rahmen_style.width = bewegungs_bild_style.width = Math.round(bewegung_breite) + "px";
  bewegungs_rahmen_style.height = bewegungs_bild_style.height = Math.round(bewegung_hoehe) + "px";
  bewegungs_rahmen_style.top = Math.round(bewegung_oben) + "px";
  bewegungs_rahmen_style.left = Math.round(bewegung_links) + "px";

  if (++anzeige_intervall_schritt > anzeige_intervall_zwischenschritte+1) {
    bewegungs_rahmen_style.visibility = "hidden";
    window.clearInterval(anzeige_intervall);
  }
}