$(document).ready(function() {

$('a[@rel*=lightbox]').lightBox();
$(".gallerylupe").lightBox();

});

function showpic(bildnr,anzahl)
{

var bildname = "gallerybild" + bildnr;
var linkname = "gallerylink" + bildnr;

var alleBilder = $(".gallerybild");
var alleLinks = $(".gallerylink");
var alleLupen = $(".gallerylupe");

for (var i=0;i<alleBilder.length;i++)
 {
  alleBilder[i].style.display = "none";
 }

for (var i=0;i<alleLinks.length;i++)
 {
  alleLinks[i].className = "gallerylink nonaktiv";
 }

for (var i=0;i<alleLupen.length;i++)
 {
  alleLupen[i].style.display = "none";
 }

 document.getElementById(bildname).style.display = "block";
 document.getElementById(linkname).className = "gallerylink aktiv";
 document.getElementById("gallerylupe"+bildnr).style.display = "inline";

var myback = Number(bildnr) - 1;
var myfor = Number(bildnr) + 1;

 document.getElementById("gallerylinkback").href = "javascript:showpic("+myback+","+anzahl+")";
 document.getElementById("gallerylinkfor").href = "javascript:showpic("+myfor+","+anzahl+")";
 document.images["gallerylinkbildback"].src = "/img/arrow-back.gif";
 document.images["gallerylinkbildfor"].src = "/img/arrow.gif";

if (bildnr == 1) {
  document.getElementById("gallerylinkback").href = "#";
  document.images["gallerylinkbildback"].src = "/img/arrow-back-no.gif";
  }

if (bildnr == anzahl) {
  document.getElementById("gallerylinkfor").href = "#";
  document.images["gallerylinkbildfor"].src = "/img/arrow-no.gif";
  }

}