/*

// Diesen Code nach dem schließenden Tag der Bildergallerie </ul> positionieren
// und der <ul> die id geben, welche in Zeile 14 angegeben ist

<script type="text/javascript">
initializePics();
</script>
*/

// Einstellungen
maxPics = 5;		// Wieviele Bilder duerfen in der Gallerie maximal gezeigt werden?
stepLength = 1;		// Wieviele Bilder werden bei einem Klick auf die Pfeil gewechselt?
gid = 'picListing';	// ID der <ul> mit den Bildern

// Diese Funktion stellt in der <ul> alle Bilder ab, die nicht gezeigt werden sollen (maxPics)
function initializePics()
{
	// Bildergallerie holen
	lis = getGallerieBilder();
	if (lis == null) return;
	// Alle Bilder ausblenden, die die Anzahl maxPics ueberschreiten wuerden
	for (var i = maxPics; i < lis.length; i++)
	{
		lis[i].style.display = 'none';
	}
	
	if((lis.length) > maxPics) {
	  document.getElementById('imagesRight').style.visibility = 'visible';
	}
}


// Diese Funktion gibt die Listenelemente der Bildergallerie zurueck
function getGallerieBilder()
{
	// holen der Liste mit der ID in den Einstellungen angegeben
	gal = document.getElementById(gid);
	if (!gal) return false;
	
	// Listenelemente/Bilder holen
	return gal.getElementsByTagName('li');
}


// Ermittelt den Index des ersten eingeblendeten Bildes
function getActiveIndex(ar)
{
	for (var k = 0; k < ar.length; k++)
	{
		if (ar[k].style.display == '') return k;
	}
	return false;
}


// Zeigt die nächsten Bilder an
function showNextPics()
{
	// Bildergallerie holen
	lis = getGallerieBilder();
	if (lis === false) return false;
	
	// Index des ersten eingeblendeten Bildes ermitteln ggf. Abbruch
	ai = getActiveIndex(lis);
	if (ai === false) return false;
	
	// Start- und Endindex der zu zeigenden Bilder ermitteln
	startIndex = ai + stepLength;
	if (startIndex >= lis.length - maxPics){
		startIndex = lis.length - maxPics;
	}
	endIndex = startIndex + maxPics;

	// Alle Bilder ausblenden, die außerhalb des Index liegen
	for (var i = 0; i < lis.length ; i++)
	{
		lis[i].style.display = (i >= startIndex && i < endIndex) ? '' : 'none';
	}

	document.getElementById('imagesLeft').style.visibility = 'visible';
	if((lis.length) <= endIndex) {
	  document.getElementById('imagesRight').style.visibility = 'hidden';
	}
	
	// Rueckgabe false, damit der Browser nicht dem Link des Pfeils folgt
	return false;
}


// Zeigt die vorherigen Bilder an
function showPreviousPics()
{
	// Bildergallerie holen
	lis = getGallerieBilder();
	if (lis === false) return false;
	
	// Index des ersten eingeblendeten Bildes ermitteln ggf. Abbruch
	ai = getActiveIndex(lis);
	if (ai === false) return false;
	
	// Start- und Endindex der zu zeigenden Bilder ermitteln
	startIndex = ai - stepLength;
	if (startIndex < 0)	startIndex = 0;
	endIndex = startIndex + maxPics;

	// Alle Bilder ausblenden, die außerhalb des Index liegen
	for (var i = 0; i < lis.length ; i++){
		lis[i].style.display = (i >= startIndex && i < endIndex) ? '' : 'none';
	}
	
	if(startIndex == 0) {
      document.getElementById('imagesLeft').style.visibility = 'hidden';
  }
	document.getElementById('imagesRight').style.visibility = 'visible';
	
	// Rueckgabe false, damit der Browser nicht dem Link des Pfeils folgt
	return false;
}


// Diese Funktion zeigt das mittelgroße Vorschaubild an
function showBigPreview(e)
{
	// Bild aus dem Link holen
	e_img = e.getElementsByTagName('img')[0];
	
	// Zielbild und link holen
	big_a = document.getElementById('previewer');
	big_img = big_a.getElementsByTagName('img')[0];
	
	// Zielpfad Ändern - "thumb" durch "gal" im Pfad ersetzen
	path = e_img.src.replace(/\/small\//, '/medium/');
	big_img.setAttribute('src', path);
	
	// Alt, title und href Attribute Ändern
	big_img.setAttribute('alt', e_img.alt);
	big_a.setAttribute('title', e.title);
	big_a.setAttribute('href', e.href);
	
	return false;
}

function shadowMe(e)
{
	Shadowbox.open({
		title:		e.title,
		player:     'img',
		content:    e.href
	});
	return false;
}
// JavaScript Document