var bild;
var produkt;
var welches;
var zahl = 0;
var gbreit = 125;
var ghoch = 90;
var ende;
var kbreit = 500;
var khoch = 358;
var fertig = 0;
var tempo = 20;
var schritth = 10;
var schrittv = schritth * 0.716;
var anfang;
var nummer;
var alt;
var anker;
var war;
war = '00';
var speicher = new Image();

function gross(bild,produkt)
{
    if (bild < 10)
    {
		gbreit = 250;
		ghoch = 179;
    }
    else
    {
    }
    if (bild != produkt)
    {
         zahl = zahl + 1;
    }
    else
    {
    }
    document.getElementById( 'kleinesbild' + bild ).style.display = 'none';
    document.getElementById( 'grossesbild' + bild ).style.display = 'inline';
    document.getElementById( 'kleinertext' + bild ).style.display = 'none';
    document.getElementById( 'grossertext' + bild ).style.display = 'inline';
    if (bild >= 10)
    {
         document.getElementById( 'textbereich' + produkt ).style.clear = 'left';
         document.getElementById( 'textbereich' + produkt ).style.padding = '0px 0px 0px 0px';
         document.getElementById( 'textbereich' + produkt ).style.margin = '-20px 0px 0px 0px';
         document.getElementById( 'bildbereich' + produkt ).style.padding = '0px 0px 5px 0px';
    }
    else
    {
    }
	aufblasen(bild);
}

function aufblasen(bild)
{
	if (fertig == 0)
	{
		gbreit = gbreit + schritth;
		ghoch = ghoch + schrittv;
		document.getElementById( 'grossesbild' + bild ).style.height = ghoch + 'px';
     	document.getElementById( 'grossesbild' + bild ).style.width = gbreit + 'px';
		welches = bild;
		if (gbreit < 485)
		{
			fertig = 0;
	
		}
		else
		{
			fertig = 1;
		}
	setTimeout('aufblasen(welches)',tempo);
	}
	else
	{
		if (bild < 10)
		{
			gbreit = 250;
			ghoch = 197;
		}
		else
		{
			gbreit = 125;
			ghoch = 90;
		}
	fertig = 0;
	document.getElementById( 'grossesbild' + bild ).style.height = 'auto';
     document.getElementById( 'grossesbild' + bild ).style.width = 'auto';
	}
}


function klein(bild,produkt)
{
    if (bild < 10)
    {
		ende = 250;
    }
    else
    {
		ende = 135;
    }
    if (bild != produkt)
    {
         zahl = zahl - 1;
    }
	
    if ((bild >= 10) && (zahl == 0))
    {
         document.getElementById( 'textbereich' + produkt ).style.clear = 'none';
         document.getElementById( 'textbereich' + produkt ).style.padding = '0px 0px 0px 145px';
         document.getElementById( 'textbereich' + produkt ).style.margin = '0px 0px 0px 0px';
         document.getElementById( 'bildbereich' + produkt ).style.padding = '0px 20px 20px 0px';
    }
	luftraus(bild);
}

function luftraus(bild)
{
	if (fertig == 0)
	{
	kbreit = kbreit - schritth;
	khoch = khoch - schrittv;
	document.getElementById( 'grossesbild' + bild ).style.height = khoch + 'px';
     document.getElementById( 'grossesbild' + bild ).style.width = kbreit + 'px';
	welches = bild;
		if (kbreit > ende)
		{
			fertig = 0;
		}
		else
		{
			fertig = 1;
		}
	setTimeout('luftraus(welches)',tempo);
	}
	else
	{
    if (bild < 10)
    {
		ende = 250;
    }
    else
    {
		ende = 135;
	}
	kbreit = 500;
	khoch = 358;
	fertig = 0;
     document.getElementById( 'grossertext' + bild ).style.display = 'none';
     document.getElementById( 'kleinertext' + bild ).style.display = 'inline';
     document.getElementById( 'grossesbild' + bild ).style.display = 'none';
     document.getElementById( 'kleinesbild' + bild ).style.display = 'inline';
	document.getElementById( 'kleinesbild' + bild ).style.height = 'auto';
     document.getElementById( 'kleinesbild' + bild ).style.width = 'auto';
	}
}


function hupsi(bild)
{
   if (bild < 10)
     {
	document.getElementById( 'beschreibung0' ).style.display = 'none';
     }
  else
    {
     document.getElementById( 'beschreibung10' ).style.display = 'none';
    }
   document.getElementById( 'beschreibung' + bild ).style.display = 'inline';
   document.getElementById( 'bildk' + bild ).style.display = 'none';
   document.getElementById( 'bildg' + bild ).style.display = 'inline';
   document.getElementById( 'kasten' + bild ).style.width = '250px';
   document.getElementById( 'kasten' + bild ).style.height = '179px';
   document.getElementById( 'kasten' + bild ).style.top = '0px';
   document.getElementById( 'kasten' + bild ).style.left = '0px';
   document.getElementById( 'kasten' + bild ).style.zIndex = '13';

}

function schrumpf(bild,x,y)
{
   document.getElementById( 'beschreibung' + bild ).style.display = 'none';
   document.getElementById( 'beschreibung10' ).style.display = 'inline';
   document.getElementById( 'beschreibung0' ).style.display = 'inline';
   document.getElementById( 'bildg' + bild ).style.display = 'none';
   document.getElementById( 'bildk' + bild ).style.display = 'inline';
   document.getElementById( 'kasten' + bild ).style.width = '125px';
   document.getElementById( 'kasten' + bild ).style.height = '90px';
   document.getElementById( 'kasten' + bild ).style.left = x + 'px';
   document.getElementById( 'kasten' + bild ).style.top = y + 'px';
   document.getElementById( 'kasten' + bild ).style.zIndex = '10';
}

function warten(zeit)
  {
  zeit *= 100;
  var eDate = null;
  var eMsec = 0;
  var sDate = new Date();
  var sMsec = sDate.getTime();

  do {
      eDate = new Date();
      eMsec = eDate.getTime();

  } while ((eMsec-sMsec)<zeit);
}



function grossbild(welches)
{
    if (war != '00') 
    {
    }
    else
    {
    }
    document.getElementById( 'grossbild-' + welches ).style.display = 'inline';
    document.getElementById( 'kleinbild-' + welches ).style.display = 'inline';
    document.getElementById( 'groesser-' + welches ).style.display = 'inline';
    document.getElementById( 'linknr-' + welches ).style.display = 'none';
    document.getElementById( 'kleiner-' + welches ).style.display = 'inline';
	document.getElementById( 'bild-' + welches ).className = "kleinopak";
    war = welches;
}

function kleinbild(welches)
{
    document.getElementById( 'grossbild-' + welches ).style.display = 'none';
    document.getElementById( 'kleinbild-' + welches ).style.display = 'inline';
    document.getElementById( 'groesser-' + welches ).style.display = 'inline';
    document.getElementById( 'linknr-' + welches ).style.display = 'inline';
    document.getElementById( 'kleiner-' + welches ).style.display = 'none';
	document.getElementById( 'bild-' + welches ).className = "klein";
}

function start(anfang,wieviele)
{
    for (i=anfang; i<=wieviele; i++)
    {
    document.getElementById( 'grossbild-' + i ).style.display = 'none';
    document.getElementById( 'kleinbild-' + i ).style.display = 'inline';
    document.getElementById( 'groesser-' + i ).style.display = 'inline';
    document.getElementById( 'kleiner-' + i ).style.display = 'none';
    }
}


function riesig(nummer)
{
    speicher.src = 'bilder/riesig/oberflaeche-' + nummer + '.jpg';
    document.getElementById( 'test' ).src = 'bilder/momentnoch.gif';
    document.getElementById( 'flaeche' ).style.display = 'inline';
    warten();
    document.getElementById( 'beschreibung' ).style.width = '65%';
    document.getElementById( 'text-' + nummer ).style.display = 'inline';
    document.getElementById( 'bild' ).style.display = 'inline';
    document.getElementById( 'test' ).style.display = 'block';
    alt = nummer;
    anker = nummer.substr(0,6);
}

function detail(nummer)
{
    speicher.src = 'bilder/detail/oberflaeche-' + nummer + '.jpg';
    document.getElementById( 'test' ).src = 'bilder/momentnoch.gif';
    document.getElementById( 'flaeche' ).style.display = 'inline';
    warten();
    document.getElementById( 'beschreibung' ).style.width = '35%';
    document.getElementById( 'text-' + nummer ).style.display = 'inline';
    document.getElementById( 'bild' ).style.display = 'inline';
    document.getElementById( 'test' ).style.display = 'block';
    alt = nummer;
    anker = nummer.substr(0,6);
}

function warten()
{
	if (speicher.height != 0)
		{
	     document.getElementById( 'test' ).src = speicher.src;
		}
	else {
		setTimeout('warten()',100);
		}
}


function riesigaus(nummer)
{
    document.getElementById( 'flaeche' ).style.display = 'none';
    document.getElementById( 'bild' ).style.display = 'none';
    document.getElementById( 'test' ).src = 'bilder/momentnoch.gif';
    document.getElementById( 'test' ).style.display = 'none';
    document.getElementById( 'text-' + alt ).style.display = 'none';
    document.getElementById( 'zurueck' ).href = '#a' + anker;
}