function playerOnOff(med,file,breite) {
  if(!$f(med)) {
    document.getElementById(med+"Tool").style.background = '#ccc';
    player(med,file,breite);
  } else if (!$f(med).isHidden()) {
    document.getElementById(med+"Tool").style.background = 'none';
    $f(med).stop();
    $f(med).hide();
  } else if ($f(med).isHidden()) {
    document.getElementById(med+"Tool").style.background = '#ccc';
    $f(med).play();
    $f(med).show();
  }

}

function player(med,file,breite){
  $f(med, 'sys/flowplayer/flowplayer-3.2.1.swf', {
    clip: {
      url: 'file/med/'+file,
      autoPlay: true,
      onStart: function(clip) {
        hoehe = breite*clip.metaData.height/clip.metaData.width;
        document.getElementById('video').style.height = hoehe+'px';
        document.getElementById('video').style.width = breite+'px';
        document.getElementById('video').style.top = 603-hoehe+'px';
      }
    },
    plugins: {
      controls:  {
        all: false,
        scrubber: true,
        autoHide: false,
        backgroundColor: '#cccccc',
        backgroundGradient: 'none'
      }
    }
  });
}

function imageChange(){

    if(document.getElementById("zoom") && document.getElementById("zoom").style.display == 'block') {
      zoomOnOff();
    }

    if (imgIdx < imgArr.length-1) {
      ++imgIdx;
    } else {
      imgIdx = 0;
    }
    var src = document.getElementById("image").src;
    src = src.substr(0,src.lastIndexOf("/")+1);

    document.getElementById("image").src = src.substr(0,src.lastIndexOf("/")+1)+imgArr[imgIdx];
    imgZahl = imgIdx+1;
    document.getElementById("imageTool").innerHTML = "Bild "+imgZahl;
}


function zoomOnOff() {
  if(document.getElementById("zoom").style.display != 'block') {
    document.getElementById("zoomTool").style.background = '#ccc';
    document.getElementById("zoom").style.display = 'block';
  } else {
    document.getElementById("zoomTool").style.background = 'none';
    document.getElementById("zoom").style.display = 'none';
  }
}