var tempo = 35; // Geschwindigkeit in ms in der die Scheren verschoben werden.
var position = 0;
var blendeHeight = 0;
var seiteHeight = 0;
var naechstes = 0;
var aktiv = null;

// Styleobjekt nach Browsertyp unterscheiden
if(document.styleSheets[0].cssRules)
	var cssRulesObjekt = document.styleSheets[0].cssRules;
else
	var cssRulesObjekt = document.styleSheets[0].rules;

// Jetzt werden alle für die Animation relevanten Elemente definiert
for(var i = 0; i < cssRulesObjekt.length; i++)
{
	switch(cssRulesObjekt[i].selectorText)
	{
		case '#seite': var seite = cssRulesObjekt[i].style; var seiteI = i; break;
		case '#blende': var blende = cssRulesObjekt[i].style; var blendeI = i; break;
		case '#rahmen #schere': var schere = cssRulesObjekt[i].style; break;
		case '#rahmen #logo': var logo = cssRulesObjekt[i].style; break;
		case '#schereAni1': var schereAni1 = cssRulesObjekt[i].style; var schereAni1I = i; break;
		case '#schereAni2': var schereAni2 = cssRulesObjekt[i].style; var schereAni2I = i;  break;
		case '#schereAni3': var schereAni3 = cssRulesObjekt[i].style; var schereAni3I = i;  break;
		case '#schereAni4': var schereAni4 = cssRulesObjekt[i].style; var schereAni4I = i;  break;
		case '.nointro': var nointro = cssRulesObjekt[i].style; break;
	}
}	

function verschiebe(i,stop,wahl,plus)
{
	position *= 1;
	if(plus)
	{
		position+=3;
		if(position < stop)
		{
			switch(wahl)
			{
				case 1: 
					cssRulesObjekt[i].style.top = position+'px'; break;
				case 2:
					cssRulesObjekt[i].style.left = position+'px'; break;
			}
		}
		else
		{
			naechstes++;
			window.clearInterval(aktiv);
			startanimation();
		}
	}
	else
	{
		position-=3;
		if(position > stop)
		{
			switch(wahl)
			{
				case 1: 
					cssRulesObjekt[i].style.top = position+'px'; break;
				case 2:
					cssRulesObjekt[i].style.left = position+'px'; break;
			}
		}
		else
		{
			naechstes++;
			window.clearInterval(aktiv);
			startanimation();
		}
	}
}

function verkleinern(i1,i2,stop)
{
	blendeHeight *= 1;
	seiteHeight *= 1;
	blendeHeight-=4;
	seiteHeight += 4;
	if(blendeHeight > stop)
	{
		cssRulesObjekt[i1].style.height = blendeHeight+'px';
		cssRulesObjekt[i2].style.height = seiteHeight+'px';
	}
	else
	{
		naechstes++;
		window.clearInterval(aktiv);
		startanimation();
	}
}

// Jetzt wird seite und schere ausgeblendet, um blende und schereAni1 einzublenden
schere.display = 'none';
seite.display = 'none';
seite.height = '0px';
seite.overflow = 'hidden';
logo.visibility = 'hidden';
blende.display = 'block';
schereAni1.visibility = 'visible';

function startanimation()
{
	switch(naechstes)
	{
		// schereAni1 verschieben und dann ausblenden
		case 0: 
			position = schereAni1.left.substring(0, schereAni1.left.length-2);
			aktiv = window.setInterval("verschiebe("+schereAni1I+",590,2,1)", tempo);
		break;
		case 1: schereAni1.visibility = 'hidden';
			schereAni2.visibility = 'visible';
			position = schereAni2.top.substring(0, schereAni2.top.length-2);
			aktiv = window.setInterval("verschiebe("+schereAni2I+",330,1,1)", tempo);
		break;
		case 2: schereAni2.visibility = 'hidden';
			schereAni3.visibility = 'visible';
			position = schereAni3.left.substring(0, schereAni3.left.length-2);
			aktiv = window.setInterval("verschiebe("+schereAni3I+",-90,2,0)", tempo);
		break;
		case 3: schereAni3.visibility = 'hidden';
			schereAni4.visibility = 'visible';
			position = schereAni4.top.substring(0, schereAni4.top.length-2);
			aktiv = window.setInterval("verschiebe("+schereAni4I+",-10,1,0)", tempo);
		break;
		case 4: schereAni4.visibility = 'hidden';
			schereAni1.left = '-10px';
			schereAni1.visibility = 'visible';
			position = schereAni1.left.substring(0, schereAni1.left.length-2);
			aktiv = window.setInterval("verschiebe("+schereAni1I+",515,2,1)", tempo);
		break;
		case 5: schereAni1.display = 'none';
			schereAni2.display = 'none';
			schereAni3.display = 'none';
			schereAni4.display = 'none';
			cssRulesObjekt[0].style.overflow = 'hidden';
			seite.display = 'block';
			seite.marginBottom = '0px';
			nointro.display = 'none';
			blendeHeight = blende.height.substring(0, blende.height.length-2);
			aktiv = window.setInterval("verkleinern("+blendeI+","+seiteI+",0)", tempo);
			logo.visibility = 'visible';
			schere.display = 'inline';
		break;
		case 6: blende.display = 'none';
			seite.marginBottom = '37px';
			seite.height = '361px';
			seite.overflow = 'visible';
			cssRulesObjekt[0].style.overflow = 'visible';
		break;
		default: return false;
	}
}