﻿var erste_ausgabe, letzte_ausgabe, erste_sichtbar, letzte_sichtbar, anzahl;
$(document).ready(function() {

 // Bildzoom
 var oWidth = $('img.resize').width();
 var oHeight = $('img.resize').height();
 var mpx = 2;
 $('img.resize').hover(
  function() {
   $(this).stop().animate({
    width: (oWidth * mpx) +'px',
    height: (oHeight * mpx) +'px'
   },1000);
  },
  function() {
   $(this).stop().animate({
    width: oWidth +'px',
    height: oHeight +'px'
   },1000);
  }
 );

 // Bildlauf
 anzahl = $('#panel a').length;
 erste_ausgabe = 1; //!!
 letzte_ausgabe = anzahl + erste_ausgabe - 1;
 letzte_sichtbar = angezeigte_ausgabe + 4; // Sortierung absteigend!
 erste_sichtbar = angezeigte_ausgabe - 4;
 while (letzte_sichtbar > letzte_ausgabe) {
  --letzte_sichtbar;
  --erste_sichtbar;
 }
 while (erste_sichtbar < erste_ausgabe) {
  ++erste_sichtbar;
  ++letzte_sichtbar;
 }
 for (var i = letzte_ausgabe; i >= erste_ausgabe; i--) {
  if (i > letzte_sichtbar || i < erste_sichtbar) $('#img' + (i<10?'0':'') + i).hide();
 }
 bildlauf();
});

function bildlauf_links() {
 $('#img' + (erste_sichtbar<10?'0':'') + erste_sichtbar).hide();
 erste_sichtbar++;
 letzte_sichtbar++;
 $('#img' + (letzte_sichtbar<10?'0':'') + letzte_sichtbar).show();
 bildlauf();
}
function bildlauf_rechts() {
 erste_sichtbar--;
 $('#img' + (erste_sichtbar<10?'0':'') + erste_sichtbar).show();
 $('#img' + (letzte_sichtbar<10?'0':'') + letzte_sichtbar).hide();
 letzte_sichtbar--;
 bildlauf();
}
function bildlauf() {
 if (!$('#bildlauf_links').length) $('#img'+letzte_ausgabe).before('<span id="bildlauf_links">&nbsp;</span>');
 if (!$('#bildlauf_rechts').length) $('#img0'+erste_ausgabe).after('<span id="bildlauf_rechts">&nbsp;</span>');
 $('#bildlauf_links, #bildlauf_rechts').removeClass('klickbar').unbind();
 if (letzte_ausgabe > letzte_sichtbar) $('#bildlauf_links').addClass('klickbar').bind('click', bildlauf_links);
 if (erste_ausgabe < erste_sichtbar) $('#bildlauf_rechts').addClass('klickbar').bind('click', bildlauf_rechts);
}


