/*----LÄDT DIE GROßEN BILDER IN DEN CONTAINER----*/
function anzeigen(obj, ordner, klasse)
{
var anzeige = document.getElementById("container");
anzeige.innerHTML = '<img border="0" id="bild" width="100%" src="Fotos/'+ordner+'/'+klasse+'_'+obj.id+'.JPG" onMouseOver="sperren()">';
}



/*----UNTERDRÜCKT DAS SPEICHERN DER DATEIEN----*/
function sperren()
{
var anzeige = document.getElementById("container");
var bild = document.getElementById("bild");
var wall = document.getElementById("wall");

if(wall == null)
	{
	anzeige.innerHTML += '<img src="design/sperre.png" style="position:absolute; left:0px;" id="wall" width="'+bild.width+'" height="'+bild.height+'">';
	}
}



/*----GIBT DIE AKTUELLE SEITE ALS WERT ZURÜCK----*/
function seite(akt)
{
var ret = 0;

for(var i = 0; i <= akt; i++)
	{
		if(i % 5 == 1)
		{ret++;}
	} 
return ret;
}




/*----FUNKTION ZUM ZURÜCKBLÄTTERN DER BILDLEISTE----*/
function pfeil_z(bildanzahl, ordner, klasse)
{
	/*------VARIABLENDEKLARATION------*/
var thumbs = document.getElementById("thumbs");
bildanzahl = parseInt(bildanzahl);

var eins = document.getElementsByName("eins");
var one;  
one = parseInt(eins[0].id);

var zwei = document.getElementsByName("zwei");
var two;  
two = parseInt(zwei[0].id);

var drei = document.getElementsByName("drei");
var three;  
three = parseInt(drei[0].id);

var vier = document.getElementsByName("vier");
var four;  
four = parseInt(vier[0].id);

var fuenf = document.getElementsByName("fuenf");
var five;  
five = parseInt(fuenf[0].id);



	/*------HAUPTVERZWEIGUNG------*/
	//prüft ob es erlaubt ist zurückzublättern
	//wenn true Bildleiste wird neu eingestellt

if(one != 1) 
	{
	one = one-5;
	two =two-5;
	three =three-5;	
	four = four-5;
	five = five-5;

	var page; 
	page = seite(one);
	var side;
	side = seite(bildanzahl);

	thumbs.innerHTML='<p align="center">Seite '+page+'/'+side+'</p><img src="design/pfeil_z.png"style="left:0px;"onclick="pfeil_z('+bildanzahl+',\''+ordner+'\',\''+klasse+'\')">';

	thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+one+'.gif" name="eins" id="'+one+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';

	thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+two+'.gif" name="zwei" id="'+two+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';

	thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+three+'.gif" name="drei" id="'+three+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';

	thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+four+'.gif" name="vier" id="'+four+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';

	thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+five+'.gif" name="fuenf" id="'+five+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';
	
	thumbs.innerHTML += '<img src="design/pfeil_v.png" style="right:0px;" onclick="pfeil_v('+bildanzahl+',\''+ordner+'\',\''+klasse+'\')">';
	}
}




/*----FUNKTION ZUM VORBLÄTTERN DER BILDLEISTE----*/
function pfeil_v(bildanzahl, ordner, klasse)
{
	/*------VARIABLENDEKLARATION------*/
var thumbs = document.getElementById("thumbs");
bildanzahl = parseInt(bildanzahl);

var eins = document.getElementsByName("eins");
var one;  
one = parseInt(eins[0].id);

var zwei = document.getElementsByName("zwei");
var two;  
two = parseInt(zwei[0].id);

var drei = document.getElementsByName("drei");
var three;  
three = parseInt(drei[0].id);

var vier = document.getElementsByName("vier");
var four;  
four = parseInt(vier[0].id);

var fuenf = document.getElementsByName("fuenf");
var five;  
five = parseInt(fuenf[0].id);

var pr = one+5;
if(pr <= bildanzahl)
	{
	
	one = one+5;
	two = two+5;
	three = three+5;
	four = four+5;
	five = five+5;

	var page; 
	page = seite(one);
	var side;
	side = seite(bildanzahl);
	
	
	thumbs.innerHTML='<p align="center">Seite '+page+'/'+side+'</p><img src="design/pfeil_z.png" style="left:0px;" onclick="pfeil_z('+bildanzahl+',\''+ordner+'\',\''+klasse+'\')">';

	if(one <= bildanzahl) {thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+one+'.gif" name="eins" id="'+one+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';}

	if(two <= bildanzahl) {thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+two+'.gif" name="zwei" id="'+two+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';}
	else {thumbs.innerHTML += '<img name="zwei" id="'+two+'" style="display:none;">'}

	if(three <= bildanzahl) {thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+three+'.gif" name="drei" id="'+three+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';}
	else {thumbs.innerHTML += '<img name="drei" id="'+three+'" style="display:none;">'}
	
	if(four <= bildanzahl) {thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+four+'.gif" name="vier" id="'+four+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';}
	else {thumbs.innerHTML += '<img name="vier" id="'+four+'" style="display:none;">'}

	if(five <= bildanzahl) {thumbs.innerHTML += '<img src="Fotos/'+ordner+'/thumb/'+klasse+'_'+five+'.gif" name="fuenf" id="'+five+'" width="100" height="71" onclick="anzeigen(this,\''+ordner+'\',\''+klasse+'\')">';}
	else {thumbs.innerHTML += '<img name="fuenf" id="'+five+'" style="display:none;">'}
	
	thumbs.innerHTML += '<img src="design/pfeil_v.png" style="right:0px;" onclick="pfeil_v('+bildanzahl+',\''+ordner+'\',\''+klasse+'\')">';
	}

}
