var item;
var was;
var war;
war = 999999999;

function aufklappen( item )
{
    document.getElementById( 'option-' + item ).style.display = 'inline';
    location.href = '#' + item;
}

function zuklappen( item )
{
    document.getElementById( 'option-' + item ).style.display = 'none';
}

function erstmalzuklappen( item )
{
if (item != was)
  {
  document.getElementById( 'option-' + item ).style.display = 'none';
  document.getElementById( 'einblenden-' + item + '-unten').style.display = 'inline';
  }
}

function jsistanaus( item )
{
  document.getElementById( 'bestellen-' + item ).style.display = 'block';
  document.getElementById( 'jsistan-' + item ).style.display = 'inline';
  document.getElementById( 'jsistaus-' + item ).style.display = 'none';
}

function jsistanaus2( item )
{
  document.getElementById( item ).style.display = 'block';
 }

function start( item )
{
  was = item;
}

function bestellinfoein( item )
{    
	if (war != 999999999)
		{
		document.getElementById( war ).style.display = 'none';
		}
	document.getElementById( item ).style.display = 'inline';
	war = item;
}

function bestellinfoaus( item )
{    
	document.getElementById( item ).style.display = 'none';
	war = 999999999;
}

var PBdiesesbild;
var PBpfad0 ='bilder/zusatz';
var PBpfad1;
var PBbild;
var PBoffset;

function bildergalerie(PBdiesesbild,PBpfad1)
{
			PBbild = new Image();
			PBbild.src = '/' + PBpfad0 + '/' + PBpfad1 + '/' + PBdiesesbild;
			document.getElementById( 'flaeche' ).style.display = 'inline';
    		document.getElementById( 'bild' ).style.display = 'inline';
    		document.getElementById( 'ausgabe-funktionen' ).style.display = 'block';
    		document.getElementById( 'riesigesbild' ).src = PBbild.src;
    		document.getElementById( 'riesigesbild' ).style.display = 'block';
    		if (PBbild.width <= 510) {
    			PBoffset = 550;
    			document.getElementById( 'innenbild' ).style.width = '510px';
    			}
    		else {
    			PBoffset = PBbild.width + 40;
    			document.getElementById( 'innenbild' ).style.width = PBbild.width + 'px';
    			}
    		document.getElementById( 'schliessen' ).style.width = PBoffset + 'px';
    		document.getElementById( 'schliessen' ).style.display = 'block';
    		document.getElementById( 'beschreibung' ).style.width = PBoffset + 'px';
    		document.getElementById( 'beschreibung' ).style.display = 'block';
}

function bildergalerieaus()
{
			document.getElementById( 'flaeche' ).style.display = 'none';
    		document.getElementById( 'bild' ).style.display = 'none';
    		document.getElementById( 'riesigesbild' ).style.display = 'none';
    		document.getElementById( 'schliessen' ).style.display = 'none';
    		document.getElementById( 'beschreibung' ).style.display = 'none';
}

var was;

function tastendruck(was)
{
  if (was==27)
  	{
  	alert('aus');
	bildergalerieaus();
 	}
}

var breite = 400;
var mittelpfad = 'bilder/gross';
var prefix = 'bild-';
var lprefix = 5;
var galeriemodus = 0;
var bildbreite = 250;
var bildhoehe = 250;
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 artikeltext;
var artikelnummer = 0;
var rubrikname;
var fadeakt = 0;
var fadeschritt = 10;
var fadeende = 100;
var fadeanfang = 10;
var fadetempoin = 20;
var fadetempoout = 50;


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

function fadein()
{
	document.getElementById( 'riesigesbild' ).className = 'opak' + fadeende;
   document.getElementById( 'bild' ).className = 'opak' + fadeende;
	if (fadeakt != fadeende)
		{
	   fadeakt += fadeschritt;
	   document.getElementById( 'flaeche' ).className = 'opak' + fadeakt;
	   setTimeout('fadein()',fadetempoin);
		}
	else
		{
		}
}

function fadeout()
{
	if (fadeakt != fadeanfang)
		{
	   fadeakt -= fadeschritt;
	   document.getElementById( 'flaeche' ).className = 'opak' + fadeakt;
	   document.getElementById( 'riesigesbild' ).className = 'opak' + fadeakt;
    	document.getElementById( 'bild' ).className = 'opak' + fadeakt;
	   setTimeout('fadeout()',fadetempoout);
		}
	else
		{
    	document.getElementById( 'flaeche' ).style.display = 'none';
    	document.getElementById( 'bild' ).style.display = 'none';
    	document.getElementById( 'riesigesbild' ).style.display = 'none';
	   document.getElementById( 'riesigesbild' ).src = '/gifs/weiss.gif';
      document.getElementById( 'riesigesbild' ).style.height = '250px';
      document.getElementById( 'riesigesbild' ).style.width = '250px';
		}
}

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-rubrikname' ).firstChild.data = 'Rubrik: ' + rubrikname;
    		document.getElementById( 'ausgabe-artikelbild' ).firstChild.data = 'Artikel-Nummer: ' + ist;    
    		document.getElementById( 'ausgabe-artikeltext' ).firstChild.data = artikeltext;
    		document.getElementById( 'ausgabe-artikeltext' ).style.display = "block";
    		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 + '/' + 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 + '/' + 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 riesigaus()
{
    fadeout();
    fertig = 0;
    galeriemodus = 0;
}

function tastendruck (was)
{
  if (was==27)
  	{
	riesigaus();
 	}
}


function test()
{
	alert('Mit diesem Klick würde man dann auf die Produktseite hüpfen, das tun wir jetzt nicht, sondern klicken auf OK und hüpfen damit wieder zurück');
}

function merk()
{
	alert('Mit diesem Klick würde man dann das Produkt auf den Merkzettel legen, das tun wir jetzt nicht, sondern klicken auf OK und hüpfen damit wieder zurück');
}