var ut_picdir="http://www.leoninum.org/wordpress/wp-content/uploads/2011/02/";
var ut_firstpic = 1;
var ut_lastpic = 106;
var ut_firstthumb = ut_firstpic;
var ut_aktpic = ut_firstpic;

function ut_nround(n)
{ t=""+n; if (n < 10) t="0"+t; if (n < 100) t="0"+t; return t;}

function ut_picsrc(n)
{
t=ut_picdir+"Bild-"+ut_nround(n)+".jpg";
return "<img style='border:1px solid dimgray;padding:0px;' src='"+t+"' title='Bild "+n+"' onclick='ut_setpic("+(Math.min(ut_lastpic,n+1))+")'>";
}

function ut_thumbsrc(n)
{
t="<img style='padding:0px;margin-right:1px;";
t = t + "border:1px solid ";
if (n==ut_aktpic) {c="crimson;"} else {c="black;";};
t=t+c+"' src='"+ut_picdir+"miniBild-"+ut_nround(n)+".jpg' ";
t=t+" title='Bild "+n+"' onclick='ut_setpic("+n+")'>";
return t;
}

function ut_setthumbs()
{
  t="";
  for (i=ut_firstthumb; i<=ut_firstthumb+4; i++) {t=t+ut_thumbsrc(i);};
  return t;
}

function ut_setpic(n)
{
 if (n == ut_firstthumb)
   { ut_firstthumb = Math.max(ut_firstthumb-4,ut_firstpic); }
 else if (n == ut_firstthumb + 4)
   { ut_firstthumb = Math.min(ut_firstthumb+4,ut_lastpic-4); }
 ut_aktpic=n;
 document.getElementById("ut_mainpic").innerHTML = ut_picsrc(n);
 dm = ut_setthumbs();
 document.getElementById("ut_picthumbs").innerHTML = dm;
}