var film_orig_breite;
var film_orig_hoehe;

function filmGross(ziel_breite, ziel_hoehe, mit_kommentar) {

  if (
       (erkenneBrowserName() == "Internet Explorer" && erkenneBrowserVersion() < 8) ||
       (erkenneBrowserName() == "Firefox" && erkenneBrowserVersion() < 3.6) ||
       (erkenneBrowserName() == "Opera" && erkenneBrowserVersion() < 10.5) ||
       (erkenneBrowserName() == "Chrome" && erkenneBrowserVersion() < 3) ||
       (erkenneBrowserName() == "Safari" && erkenneBrowserVersion() < 4)
     ) {
    alert("Diese Funktion funktioniert nur in einem modernen Browser, Ihr Browser ist veraltet.\n\nThis function requires a modern Browser, your Browser is not modern enough.");
  } else {

    var film = $("#film");
    if (film.width() <= 0) {
      film = $("#film_flash_object");
    }

    film.css("position", "relative");
    film.css("z-index", "1000");

    film_orig_breite = film.width();
    film_orig_hoehe = film.height();

    var nach_oben = 0 - Math.round( (ziel_hoehe - film_orig_hoehe) / 2 );
    if (nach_oben < -142) nach_oben = -142;

    var nach_links = 0 - Math.round( (ziel_breite - film_orig_breite) / 2 );
    if (ziel_breite > 810) nach_links -= 82;
    if (mit_kommentar && ziel_breite > 810)
      nach_links += 55;

    nach_oben -= 8; // der Rahmen
    nach_links -= 8; // der Rahmen

    film.css("top", nach_oben + "px").css("left", nach_links + "px").width(ziel_breite).height(ziel_hoehe);
    filmGroesseAnpassen("film", ziel_breite, ziel_hoehe);

    film.css("border", "8px solid white").css("border-bottom", "40px solid white");


    var schatten = $("#video_gross_schatten");

    schatten.css("display", "block");
    schatten.css("position", "fixed");
    schatten.css("z-index", "999");

    schatten.css("top", "0px")
            .css("left", "0px")
            .width($(window).width())
            .height($(window).height());
    schatten.css("background-color", "black");
    //schatten.css("background-image", "url(../../bilder/schatten100.png)");
    schatten.css("opacity", "0.7").css("filter", "alpha(opacity=70)");

    $(window).resize(function() {
      schatten.width($(window).width())
              .height($(window).height());
    });



    var video_verkleinern_knopf = $("#video_verkleinern_knopf");
    video_verkleinern_knopf.css("display", "block");
    video_verkleinern_knopf.css("position", "relative");
    video_verkleinern_knopf.css("z-index", "1001");
    video_verkleinern_knopf.css("top", (nach_oben - 32) + "px").css("left", nach_links + "px");
    video_verkleinern_knopf.width(ziel_breite + 16);


    $("#foto_klein_bild_kommentar").hide();





    schatten.click(function() {
      schatten.css("display", "none");
      video_verkleinern_knopf.css("display", "none");
      film.css("border", "0px");
      film.width(film_orig_breite);
      film.height(film_orig_hoehe);
      film.css("position", "static");
      filmGroesseAnpassen("film", film_orig_breite, film_orig_hoehe);
      $("#foto_klein_bild_kommentar").show();
    });

    video_verkleinern_knopf.click(function() {
      schatten.css("display", "none");
      video_verkleinern_knopf.css("display", "none");
      film.css("border", "0px");
      film.width(film_orig_breite);
      film.height(film_orig_hoehe);
      film.css("position", "static");
      filmGroesseAnpassen("film", film_orig_breite, film_orig_hoehe);
      $("#foto_klein_bild_kommentar").show();
    });



  }
}




function filmGroesseAnpassen(id, breite, hoehe) {
  id = document.getElementById(id);

  if (id && id.pause) {
    // Nichts

  } else if (id) {

    var wert = {breite: breite, hoehe: hoehe};

    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.groesseAnpassen)
      y.groesseAnpassen(wert);
    else if (x.groesseAnpassen)
      x.groesseAnpassen(wert);
  }
}



function filmPausieren(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();
  }

}