var bildnr = 0;
var started=false;
var backed=false;
var count=0;

function showmenu() {
  document.getElementById(("katgalmenu")).style.visibility = "visible";
  if (started==true) {
    document.getElementById(("katgalmenustop")).style.visibility = "visible";
    newImage = "url(bilder/buttons/playclick.png)";
    document.getElementById("katgalmenuplay").style.backgroundImage = newImage;
    document.getElementById(("katgalmenuplay")).style.visibility = "visible";
    document.getElementById(("katgalmenuback")).style.visibility = "visible";
    document.getElementById(("katgalmenuvor")).style.visibility = "visible";
  }
  if (backed==true) {
    document.getElementById(("katgalmenuplayback")).style.visibility = "visible";
    document.getElementById(("katgalmenustop")).style.visibility = "visible";
    document.getElementById(("katgalmenuback")).style.visibility = "visible";
    document.getElementById(("katgalmenuvor")).style.visibility = "visible";
    newImage = "url(bilder/buttons/playbackclickhover.png)";
    document.getElementById("katgalmenuplayback").style.backgroundImage = newImage;
  }
  if (started==false) {
    if (backed==false) {
      document.getElementById(("katgalmenuback")).style.visibility = "visible";
      document.getElementById(("katgalmenuvor")).style.visibility = "visible";
      document.getElementById(("katgalmenuplayback")).style.visibility = "visible";
      document.getElementById(("katgalmenuplay")).style.visibility = "visible";
    }
  }
} 

function hidemenu() {
  document.getElementById(("katgalmenuback")).style.visibility = "hidden";
  document.getElementById(("katgalmenuplayback")).style.visibility = "hidden";
  document.getElementById(("katgalmenustop")).style.visibility = "hidden";
  document.getElementById(("katgalmenuplay")).style.visibility = "hidden";
  document.getElementById(("katgalmenuvor")).style.visibility = "hidden";
  document.getElementById(("katgalmenu")).style.visibility = "hidden";
}

function lastpic(knr, end) {
  if (started==false) {
    if (backed==false) {
      newImage = "url(bilder/buttons/backclick.png)";
      document.getElementById("katgalmenuback").style.backgroundImage = newImage;
      document.getElementById(("katgalpictext")).style.visibility = "hidden";
      bildnr --;
      if (bildnr<1) {bildnr=end;}
      newImage = "url(bilder/k"+knr+"/"+ bildnr +".jpg)";
      document.getElementById("katgalpic").style.backgroundImage = newImage;
      setTimeout('changeback()', '50');
    }
  } else {
  newImage = "url(bilder/buttons/backclick.png)";
  document.getElementById("katgalmenuback").style.backgroundImage = newImage;
  bildnr --;
  if (bildnr<1) {bildnr=end;}
  newImage = "url(bilder/k"+knr+"/"+ bildnr +".jpg)";
  document.getElementById("katgalpic").style.backgroundImage = newImage;
  setTimeout('changeback()', '50');
  }
}

function nextpic(knr, end) {
  if (started==false) {
    if (backed==false) {
      newImage = "url(bilder/buttons/vorclick.png)";
      document.getElementById("katgalmenuvor").style.backgroundImage = newImage;
      document.getElementById(("katgalpictext")).style.visibility = "hidden";
      bildnr ++;
      if (bildnr>end) {bildnr=1;}
      newImage = "url(bilder/k"+knr+"/"+ bildnr +".jpg)";
      document.getElementById("katgalpic").style.backgroundImage = newImage;
      setTimeout('changevor()', '50');
    }
  } else {
  newImage = "url(bilder/buttons/vorclick.png)";
  document.getElementById("katgalmenuvor").style.backgroundImage = newImage;
  bildnr ++;
  if (bildnr>end) {bildnr=1;}
  newImage = "url(bilder/k"+knr+"/"+ bildnr +".jpg)";
  document.getElementById("katgalpic").style.backgroundImage = newImage;
  setTimeout('changevor()', '50');
  }
}

function startpic(knr, end) {
  if (started==false) {
    document.getElementById(("katgalpictext")).style.visibility = "hidden";
    document.getElementById(("katgalmenuplayback")).style.visibility = "hidden";
    document.getElementById(("katgalmenustop")).style.visibility = "visible";
    started=true;
    newImage = "url(bilder/buttons/playclick.png)";
    document.getElementById("katgalmenuplay").style.backgroundImage = newImage;
    showpics(knr, end);
    }
  }
function showpics(knr, end) {
  if (started==true) {
    bildnr ++;
    if (bildnr>end) {bildnr=1;}
    newImage = "url(bilder/k"+ knr +"/"+ bildnr +".jpg)";
    document.getElementById("katgalpic").style.backgroundImage = newImage;
    nknr=knr;
    nend=end;
    setTimeout('showpics(nknr, nend)', '5000');
  }
}

function backpic(knr, end) {
  if (backed==false) {
    document.getElementById(("katgalpictext")).style.visibility = "hidden";
    document.getElementById(("katgalmenuplay")).style.visibility = "hidden";
    document.getElementById(("katgalmenustop")).style.visibility = "visible";
    backed=true;
    newImage = "url(bilder/buttons/playbackclickhover.png)";
    document.getElementById("katgalmenuplayback").style.backgroundImage = newImage;
    showpicsb(knr, end);
    }
  }
function showpicsb(knr, end) {
  if (backed==true) {
    bildnr --;
    if (bildnr<1) {bildnr=end;}
    newImage = "url(bilder/k"+knr+"/"+ bildnr +".jpg)";
    document.getElementById("katgalpic").style.backgroundImage = newImage;
    nknr=knr;
    nend=end;
    setTimeout('showpicsb(nknr, nend)', '5000');
  }
}

function stoppic() {
  started=false;
  backed=false;
  document.getElementById(("katgalmenuback")).style.visibility = "visible";
  document.getElementById(("katgalmenuplayback")).style.visibility = "visible";
  document.getElementById(("katgalmenustop")).style.visibility = "hidden";
  document.getElementById(("katgalmenuplay")).style.visibility = "visible";
  document.getElementById(("katgalmenuvor")).style.visibility = "visible";
  newImage = "url(bilder/buttons/play.png)";
  document.getElementById("katgalmenuplay").style.backgroundImage = newImage;
  newImage = "url(bilder/buttons/playback.png)";
  document.getElementById("katgalmenuplayback").style.backgroundImage = newImage;    
}
  
function changeback() {
  newImage = "url(bilder/buttons/backhover.png)";
  document.getElementById("katgalmenuback").style.backgroundImage = newImage;
}
function changeback2() {
  newImage = "url(bilder/buttons/back.png)";
  document.getElementById("katgalmenuback").style.backgroundImage = newImage;
}  
  
function changeplayback() {
  newImage = "url(bilder/buttons/playbackhover.png)";
  document.getElementById("katgalmenuplayback").style.backgroundImage = newImage;
}
function changeplayback2() {
  newImage = "url(bilder/buttons/playback.png)";
  document.getElementById("katgalmenuplayback").style.backgroundImage = newImage;
}

function changestop() {
  newImage = "url(bilder/buttons/stophover.png)";
  document.getElementById("katgalmenustop").style.backgroundImage = newImage;
}
function changestop2() {
  newImage = "url(bilder/buttons/stop.png)";
  document.getElementById("katgalmenustop").style.backgroundImage = newImage;
}

function changeplay() {
  newImage = "url(bilder/buttons/playhover.png)";
  document.getElementById("katgalmenuplay").style.backgroundImage = newImage;
}
function changeplay2() {
  newImage = "url(bilder/buttons/play.png)";
  document.getElementById("katgalmenuplay").style.backgroundImage = newImage;
}

function changevor() {
  newImage = "url(bilder/buttons/vorhover.png)";
  document.getElementById("katgalmenuvor").style.backgroundImage = newImage;
}
function changevor2() {
  newImage = "url(bilder/buttons/vor.png)";
  document.getElementById("katgalmenuvor").style.backgroundImage = newImage;
}