var breite = 400;
var mittelpfad = 'bilder/mittel';
var prefix = 'bild-';
var lprefix = 5;
var galeriemodus = 0;
var bildbreite = 400;
var bildhoehe = 400;
var bildnummer;
var ist;
var speicher;
var nist;
var nspeicher;
var vist;
var vspeicher;
var was;
var knoten;
var erster;
var letzter;
var fertig = 0;
var anzahl = 0;
var rechte;
var reisenummer = 0;
var reisename;


function riesig(bildnummer)
{	
	 if (galeriemodus == 0)
	 {
	 document.getElementById( 'riesigesbild' ).src = '/gifs/weiss.gif';
    document.getElementById( 'riesigesbild' ).style.height = '400px';
    document.getElementById( 'riesigesbild' ).style.width = '400px';
    galeriemodus = 1;
    }
    rechte = document.getElementById( prefix + bildnummer ).getElementsByTagName('div')[0].getElementsByTagName('img')[0].alt;
    reisenummer = document.getElementById( prefix + bildnummer ).parentNode.title;
	 reisename = document.title;speicher = new Image();
    speicher.src = '/' + mittelpfad + '/' + reisenummer + '/' + bildnummer + '.jpg';
    warten();
    einblenden(bildnummer);
	 vvorhanden(bildnummer);
	 abwarten('vor');
	 nvorhanden(bildnummer);
	 abwarten('nach');
}

function warten()
{
	if (speicher.height != 0)
		{
	   document.getElementById( 'riesigesbild' ).src = speicher.src;
		bildhoehe = speicher.height;
		bildbreite = speicher.width;
		breite = bildbreite + 40;
		fertig = 1;
		}
	else {
		setTimeout('warten()',5);
		}
}

function einblenden(ist)
{	
	if (fertig != 0)
		{  
			document.getElementById( 'flaeche' ).style.display = 'inline';
    		document.getElementById( 'bild' ).style.display = 'inline';
    		document.getElementById( 'innenbild' ).style.width = bildbreite + 'px';
    		document.getElementById( 'schliessen' ).style.width = breite + 'px';
    		document.getElementById( 'beschreibung' ).style.width = breite + 'px';
    		document.getElementById( 'riesigesbild' ).style.height = speicher.height + 'px';
    		document.getElementById( 'riesigesbild' ).style.width = speicher.width + 'px';
    		document.getElementById( 'ausgabe-reisename' ).firstChild.data = 'Reise-Name: ' + reisename;
    		document.getElementById( 'ausgabe-reisebild' ).firstChild.data = 'Bildname: ' + ist;
    		document.getElementById( 'ausgabe-rechte' ).firstChild.data = 'Copyright-Vermerk: ' + rechte;
    		document.getElementById( 'riesigesbild' ).style.display = 'block';
    		document.getElementById( 'schliessen' ).style.display = 'block';
    		document.getElementById( 'beschreibung' ).style.display = 'block';
    		breite = 0;
    		fertig = 0;
		}
	else {
		setTimeout('einblenden(ist)',5);
		}
}

function vvorhanden(ist)
{
	 gefunden = 0;
    erster = 2;
	 vist = 0;
	 if (document.getElementById( prefix + ist ).previousSibling)
	 {
	 		knoten = document.getElementById( prefix + ist ).previousSibling;
	 		do
			{
				if (knoten.nodeName == 'DIV')
					{	
						vist = knoten.id.substring(lprefix);
    					vspeicher = new Image();
						vspeicher.src = '/' + mittelpfad + '/' + reisenummer + '/' + vist + '.jpg';
    					gefunden = 1;
    					erster = 0;
					}
				else
				{
				erster = 1;
				}
			knoten = knoten.previousSibling;
			}
			while ((gefunden == 0) && (knoten != null));
	 }
	 if (gefunden == 1)
	 {
	 	vorladen();
	 }
}

function vorladen()
{
	if (vspeicher.height != 0)
		{
    	document.getElementById( 'vorbild' ).getElementsByTagName('img')[0].src = vspeicher.src;
    	document.getElementById( 'vorbild' ).getElementsByTagName('img')[0].height = vspeicher.height;
    	document.getElementById( 'vorbild' ).getElementsByTagName('img')[0].width = vspeicher.width;
    	}
	else {
		setTimeout('vorladen()',5);
		}
}


function nvorhanden(ist)
{
	 gefunden = 0;
	 letzter = 2;
	 nist = 0;
	 if (document.getElementById( prefix + ist ).nextSibling)
	 {
	 		knoten = document.getElementById( prefix + ist ).nextSibling;
	 		do
			{
				if (knoten.nodeName == 'DIV')
					{	
						nist = knoten.id.substring(lprefix);
    					nspeicher = new Image();
    					nspeicher.src = '/' + mittelpfad + '/' + reisenummer + '/' + nist + '.jpg';
    					gefunden = 1;
    					letzter = 0;
					}
				else
				{
				letzter = 1;
				}
			knoten = knoten.nextSibling;
			}
			while ((gefunden == 0) && (knoten != null))
	 }
	 if (gefunden == 1)
	 {
	 	nachladen();
	 }
}


function nachladen()
{
	if (nspeicher.height != 0)
		{
    	document.getElementById( 'nachbild' ).getElementsByTagName('img')[0].src = nspeicher.src;
    	document.getElementById( 'nachbild' ).getElementsByTagName('img')[0].height = nspeicher.height;
    	document.getElementById( 'nachbild' ).getElementsByTagName('img')[0].width = nspeicher.width;
		}
	else {
		setTimeout('nachladen()',5);
		}
}


function abwarten(was)
{
	switch ( was ) 
		{
		
		case "vor":
			if ( (vist != 0) || (erster !=2) )
			{
				if ( vist == 0 )
				{
				document.getElementById( 'vorher' ).href = 'javascript:riesig('+ist+');';
				document.getElementById( 'vorher' ).className = 'pfeilenix';
				}
				else
				{
				document.getElementById( 'vorher' ).href = 'javascript:riesig('+vist+');';
				document.getElementById( 'vorher' ).className = 'pfeile';
				}
			}
			else 
			{
				setTimeout('abwarten(was)',100);
			}
		break;
		
		case "nach":
		
			if ( (nist != 0) || (letzter !=2) )
			{
				if ( nist == 0 )
				{
				document.getElementById( 'nachher' ).href = 'javascript:riesig('+ist+');';
				document.getElementById( 'nachher' ).className = 'pfeilenix';
				}
				else
				{
				document.getElementById( 'nachher' ).href = 'javascript:riesig('+nist+');';
				document.getElementById( 'nachher' ).className = 'pfeile';
				}
			}
			else 
			{
				setTimeout('abwarten(was)',100);
			}
		break;
		}
}

function download(nummer)
{
alert('Bitte achten Sie darauf bei der Bildwiedergabe folgenden Copyright-Vermerk an geeigneter Stelle vorzusehen: ' + rechte);
}

function merken(nummer)
{
alert('Das Bild wird auf den Merkzettel geschrieben.');
}

function riesigaus()
{
	 document.getElementById( 'riesigesbild' ).src = '/gifs/weiss.gif';
    document.getElementById( 'riesigesbild' ).style.height = '400px';
    document.getElementById( 'riesigesbild' ).style.width = '400px';
    document.getElementById( 'flaeche' ).style.display = 'none';
    document.getElementById( 'bild' ).style.display = 'none';
    document.getElementById( 'riesigesbild' ).style.display = 'none';
    fertig = 0;
    galeriemodus = 0;
}