// Funktion zum einbinden weiterer JS-Dateien
/*function include_once(src) {
	// hole alle vorhandenen Script-Elemente
	var scripts = document.getElementsByTagName('script');
	if(scripts) {
		for(var k=0; k<scripts.length; k++) {
			// script schon geladen, abbrechen
			if(scripts[k].src == src) {
				return;
			}
		}
	}
	// script noch nicht geladen, binde es ein
	var script = document.createElement('script');
	script.src = src;
	script.type = 'text/javascript';
	(document.getElementsByTagName('HEAD')[0] || document.body).appendChild(script);
}

include_once("js/acBubble.js");
*/
// Schriftgröße
function setzeSchriftgroesse(){
    var c = document.cookie;
    var pos = c.indexOf("fontsize");
    if(pos!=-1){
        var fontstring = c.substr(pos,12);
        var fontvalues = fontstring.split("=");
        var fontsize = fontvalues[1].replace(/;/, "");

        var t=document.getElementById("layout");
        if (t!=null) {
           t.style.fontSize = fontsize + "%";
           setFontForSP(fontsize);
        }
    }
}
function makeSmall() {
 var t=document.getElementById("layout");
  if (t!=null) {
    t.style.fontSize="85%";
    document.cookie = "fontsize=85";
    setFontForSP("85");
  }
  //setImage(2);
  return false;
}
function makeMedium() {
  var t=document.getElementById("layout");
  if (t!=null) {
    t.style.fontSize="100%";
    document.cookie = "fontsize=100";
    setFontForSP("100");
  }
  //setImage(2);
  return false;
}
function makeBig() {
  var t=document.getElementById("layout");
  if (t!=null) {
    t.style.fontSize="130%";
    document.cookie = "fontsize=130";
    setFontForSP("130");
  }
  //setImage(3);
  return false;
}

// Grässlin Startseite an Schriftgröße anpassen

function setFontForSP(h){
    switch(h){
        case "85": var hgt = 200; break;
        case "100": var hgt = 240; break;
        case "130": var hgt = 300; break;
        default: var hgt = 240; 
    }
    if(document.getElementById("gss")){
        for(i=0; document.getElementById("gss").getElementsByTagName("div")[i]; i++ ){
            document.getElementById("gss").getElementsByTagName("div")[i].style.height = hgt+"px";
        }
    }
}


onload = initialisierung;

function initialisierung()
{
	var loading = new Image();
	loading.src = "../images/loading.gif";
	setFlashIll();
	setzeSchriftgroesse(); 
	loadingComplete();
}

function setFlashIll()
{
   if(document.getElementById("flashcontent"))
   {
      var so = new SWFObject("upload/graesslin/graesslin_banner.swf", "Graesslin", "696", "174", "#C4D2CD","high");
      so.addParam("wmode", "transparent");
      so.write("flashcontent");
   }
}

function loadingComplete()
{
	if(document.getElementById("loading")){ document.getElementById("loading").style.display = "none"; }
}

var apfad = "images/ppfolien/";
var bpfad = "";
var dEnd = ".png";
var anzahlBilder = 0;
var bild = new Array();
var bild1000 = new Array();
var tout;
function zeigeFolien(a,b,c)
{
	bpfad = apfad + a;
	if(c){ dEnd = "." + c; }
	anzahlBilder = b;
	document.write('<a id="folieClose" onclick="folieZoomen()"><img src="images/lupe32.png"></a><p id="folienLinks"></p>');
	document.write('<img id="folie" src="'+ bpfad +'01'+ dEnd+'">');
	document.write('<div id="loading"><div></div></div>');
	
	for(i=1; i<=anzahlBilder; i++)
	{
	   bild[i] = new Image();
	   bild1000[i] = new Image();
	   if(i<10)
	   {
		  f = "0" + i;
	   }
	   else
	   {
		  f = i;
	   }
	   bild[i].src = bpfad + f + dEnd;
	   bild1000[i].src = bpfad + f + "_1000px" + dEnd;
/*	   a = document.createElement("a");
	   a.id = "folieSID" + i;
	   a.innerHTML = i;
	   a.href = "javascript:zeigeBild("+i+")";
	   a.setAttribute("onmouseover", "tout = window.setTimeout('zeigeBild("+i+")',1000)"); 
	   a.setAttribute("onmouseout", "clearTimeout(tout)"); 
	   document.getElementById("folienLinks").appendChild(a);
*/	}
/*	document.getElementById("folieSID1").style.backgroundColor = "rgb(156,170,165)";
	document.getElementById("folieSID1").style.color = "white";
*/	vorzurueck();
}

function vorzurueck()
{
   a = document.createElement("a");
   a.id = "folieZurueck";
   a.innerHTML = "&lt;";
   a.href = "javascript:zeigeBild(1)";
   document.getElementById("folienLinks").appendChild(a);
   
   a = document.createElement("a");
   a.id = "folieWeiter";
   a.innerHTML = "&gt;";
   a.href = "javascript:zeigeBild(2)";
   document.getElementById("folienLinks").appendChild(a);
}

function zeigeBild(x)
{
	fz = parseInt(x) - 1;
	if(fz == 0){ fz = 1; }
	fw = parseInt(x) + 1;
	if(fw == anzahlBilder + 1){ fw = anzahlBilder; }
    document.getElementById("folieZurueck").setAttribute("href", "javascript:zeigeBild("+ fz +")");
    document.getElementById("folieWeiter").setAttribute("href", "javascript:zeigeBild("+ fw +")");
/*
	for(i=1; i<=anzahlBilder; i++)
	{
		document.getElementById("folieSID"+i).style.backgroundColor = ""; //rgb(196,210,205)
		document.getElementById("folieSID"+i).style.color = "";	//rgb(40%,40%,40%)	
	}

	document.getElementById("folieSID"+x).style.backgroundColor = "rgb(156,170,165)";
	document.getElementById("folieSID"+x).style.color = "white";
*/
	bsrc = bild[x].src;
	if(document.getElementById("content").style.width == "1000px")
	{
		bsrc = bsrc.replace(dEnd,"_1000px" + dEnd);;
	}
	document.getElementById("folie").setAttribute("src", bsrc);
}
/*
function folieZoomen()
{
	if(document.getElementById("folie").style.width == "1000px")
	{
		document.getElementById("folie").style.position = "";
		document.getElementById("folie").style.top = "";
		document.getElementById("folie").style.left = "";
		document.getElementById("folie").style.width = "";
		document.getElementById("folie").style.border = "";
		document.getElementById("folie").style.outline = "";
		document.getElementById("folie").setAttribute("title","Zum Vergrößern ins Bild klicken!");
		document.getElementById("folie").style.cursor = "";
		foliesrc = document.getElementById("folie").getAttribute("src");
		foliesrc = foliesrc.replace("_1000px" + dEnd,dEnd);
		document.getElementById("folie").setAttribute("src",foliesrc);
	}
	else
	{
		document.getElementById("folie").style.position = "absolute";
		document.getElementById("folie").style.top = "-200px";
		document.getElementById("folie").style.left = "-300px";
		document.getElementById("folie").style.width = "1000px";
		document.getElementById("folie").style.border = "5px solid rgb(156,170,165)";
		document.getElementById("folie").style.outline = "10px solid rgb(220,220,220)";
		document.getElementById("folie").setAttribute("title","Um zurück zu kehren ins Bild klicken");
		document.getElementById("folie").style.cursor = "pointer";
		foliesrc = document.getElementById("folie").getAttribute("src");
		foliesrc = foliesrc.replace(dEnd,"_1000px" + dEnd);
		document.getElementById("folie").setAttribute("src",foliesrc);
	}
}
*/
function folieZoomen()
{
	if(document.getElementById("content").style.width == "1000px")
	{
		document.getElementById("content").style.position = "";
		document.getElementById("content").style.top = "";
		document.getElementById("content").style.left = "";
		document.getElementById("content").style.width = "";
		document.getElementById("folie").style.width = "";
		document.getElementById("content").style.backgroundColor = "";
		document.getElementById("content").style.border = "";
		document.getElementById("folie").style.borderTop = "";
		document.getElementById("content").style.outline = ""; 
		foliesrc = document.getElementById("folie").getAttribute("src");
		foliesrc = foliesrc.replace("_1000px" + dEnd,dEnd);
		document.getElementById("folie").setAttribute("src",foliesrc);
		document.getElementById("folienLinks").style.marginLeft = "";
		document.getElementById("content").getElementsByTagName("h1")[0].style.marginLeft = "";
		document.getElementById("folieClose").innerHTML = '<img src="images/lupe32.png">';
		document.getElementById("folieClose").style.width = "";
		document.getElementById("folieClose").style.height = "";
		document.getElementById("folieClose").style.backgroundColor = "";
		document.getElementById("folieClose").style.border = "";
	}
	else
	{
		document.getElementById("content").style.position = "absolute";
		document.getElementById("content").style.top = "55px";
		document.getElementById("content").style.left = "80px";
		document.getElementById("content").style.width = "1000px";
		document.getElementById("folie").style.width = "1000px";
		document.getElementById("content").style.backgroundColor = "white";
		document.getElementById("content").style.border = "5px solid rgb(156,170,165)";
		document.getElementById("folie").style.borderTop = "1px solid rgb(156,170,165)";
		document.getElementById("content").style.outline = "3px solid white"; 
		foliesrc = document.getElementById("folie").getAttribute("src");
		foliesrc = foliesrc.replace(dEnd,"_1000px" + dEnd);
		document.getElementById("folie").setAttribute("src",foliesrc);
		document.getElementById("folienLinks").style.marginLeft = "25px";
		document.getElementById("content").getElementsByTagName("h1")[0].style.marginLeft = "25px";
		document.getElementById("folieClose").innerHTML = "X";
		document.getElementById("folieClose").style.width = "12px";
		document.getElementById("folieClose").style.height = "15px";
		document.getElementById("folieClose").style.backgroundColor = "silver";
		document.getElementById("folieClose").style.border = "1px solid gray";
	}
}

var animation;
function startAnimation(h)
{
	var animation = window.setInterval("animate("+h+")", 30);
}
var imgobjpos = 0;
//var imgobjposH = 50;
var updown = false;
function animate(h)
{
	var imgobj = document.getElementById("imganimation").getElementsByTagName("img")[0];
	if(imgobjpos < -h){
		updown = true;
	}
	else if(imgobjpos > 0)
	{
		updown = false;
	}
	if(updown)
	{
		imgobj.style.marginTop = imgobjpos++ + "px";
//		if(imgobjpos%4 == 0){ imgobj.style.marginRight = imgobjposH++ + "px"; }
	}
	else
	{
		imgobj.style.marginTop = imgobjpos-- + "px";
//		if(imgobjpos%4 == 0){ imgobj.style.marginRight = imgobjposH-- + "px"; }
	}
	if(imgobjpos == -100 || imgobjpos == 350 || imgobjpos == -500 )
	{
//		eablenden();
	}

}

var transparenz = 100;
function eablenden()
{
	if(transparenz > 0){ ablenden(); }
}
function ablenden()
{
	var imgobj = document.getElementById("imganimation").getElementsByTagName("img")[0];
	imgobj.style.opacity = transparenz / 100;
	transparenz -= 10; 
	if(transparenz > 0)
	{ 
		window.setTimeout("ablenden()",50); 
	}
	else
	{ 
		if(!updown)
		{
			imgobjpos -= 130;
		}
		else
		{
			imgobjpos += 140;
		}
		imgobj.style.marginTop = imgobjpos + "px"; 
		window.setTimeout("eblenden()",50);
	}
}

function eblenden()
{
	var imgobj = document.getElementById("imganimation").getElementsByTagName("img")[0];
	imgobj.style.opacity = transparenz / 100;
	transparenz += 10; 
	if(transparenz < 100) { setTimeout("eblenden()",50); }
}

/***********************************************************************************************
*
*	Bubble Animation	
*
***********************************************************************************************/

var bubble, bubbleI;
var bubbleImage = "images/skaterLight.png";
var bubbleImageBack = "images/skaterLightBack.png";
var bubblePos = -130;
var bubbleIopacity = 0;
var moveDelay = 20; // Milliseconds
var fadeDelay = 50; // Milliseconds
var moveStep = 3;
var fadeStep = 5;
var readInfo = 3; // Seconds
var startBubbleAnimationAfter = 2; // Seconds
var moveInfo = true;
var goBackAnimation = false;
var goback = false;
var repeatAnimation = false;

function bubble()
{
	var bubblePreLoadImg01 = new Image();
	bubblePreLoadImg01.src = bubbleImage;
	var bubblePreLoadImg02 = new Image();
	bubblePreLoadImg02.src = bubbleImageBack;
	setTimeout("loadBubble()", startBubbleAnimationAfter * 1000);
}

function loadBubble()
{
	if(!(document.getElementById("bubble").getElementsByTagName("span")[0]))
	{
		document.getElementById("bubble").innerHTML = "<span>" + document.getElementById("bubble").innerHTML + "</span>";
	}
	var bubbleTag = document.createElement('img');
	bubbleTag.src = bubbleImage;
	document.getElementById("bubble").insertBefore(bubbleTag, document.getElementById("bubble").getElementsByTagName("span")[0]);
	document.getElementById("bubble").style.visibility = "visible";
	bubble = document.getElementById("bubble").getElementsByTagName("img")[0];
	bubbleI = document.getElementById("bubble").getElementsByTagName("span")[0];
	if(document.getElementById("bubble").getElementsByTagName("span")[1]){ goBackAnimation = true; }
	goBubble();
}

function goBubble()
{
	bubble.style.right = bubblePos;
	bubbleI.style.right = bubblePos;
	if(goback)
	{
		bubble.src = bubbleImageBack;
		if(bubblePos > 400)
		{ 
			bubblePos -= moveStep; 
			setTimeout("goBubble()",moveDelay);
		}
		else
		{
			bubbleInfo();
		}
	}
	else
	{
		bubble.src = bubbleImage;
		if(bubblePos < 100)
		{ 
			bubblePos += moveStep; 
			setTimeout("goBubble()",moveDelay);
		}
		else
		{
			bubbleInfo();
		}
	}
}

function bubbleInfo()
{
	bubbleI.style.opacity = bubbleIopacity / 100;
    bubbleI.style.filter = "alpha(opacity=" + bubbleIopacity + ")";
	if(bubbleIopacity < 85)
	{ 
		bubbleIopacity += fadeStep; 
		setTimeout("bubbleInfo()",fadeDelay);
	}
	else
	{
		if(moveInfo)
		{
			setTimeout("goBubbleOut()",readInfo * 1000);
		}
		else
		{
			setTimeout("bubbleInfoFadeOut()",readInfo * 1000);
		}
	}
}

function bubbleInfoFadeOut()
{
	bubbleI.style.opacity = bubbleIopacity / 100;
    bubbleI.style.filter = "alpha(opacity=" + bubbleIopacity + ")";
	if(bubbleIopacity >= 0)
	{ 
		bubbleIopacity -= fadeStep; 
		setTimeout("bubbleInfoFadeOut()",fadeDelay);
	}
	else
	{
		if(!moveInfo)
		{
			goBubbleOut();
		}
	}
}

function goBubbleOut()
{
	bubble.style.right = bubblePos;
	bubbleI.style.right = bubblePos;
	if(goback)
	{
		if(bubblePos > -130)
		{ 
			bubblePos -= moveStep;
			if(moveInfo && bubblePos == 101){ bubbleInfoFadeOut(); }
			setTimeout("goBubbleOut()",moveDelay);
		}
		else
		{
			if(repeatAnimation)
			{
				goback = false;
				bubblePos = -130;
				bubbleIopacity = 0;
				bubbleI.style.right = 100;
				bubbleI = document.getElementById("bubble").getElementsByTagName("span")[0];
				bubbleI.style.right = 100;		
				setTimeout("goBubble()", startBubbleAnimationAfter * 1000);
			}
		}
	}
	else
	{
		if(bubblePos < 700)
		{ 
			bubblePos += moveStep;
			if(moveInfo && bubblePos == 452){ bubbleInfoFadeOut(); }
			setTimeout("goBubbleOut()",moveDelay);
		}
		else
		{
			if(goBackAnimation)
			{
				goback = true;
				bubble.src = bubbleImageBack;
				bubbleIopacity = 0;
				bubbleI.style.right = 400;
				bubbleI = document.getElementById("bubble").getElementsByTagName("span")[1];
				bubbleI.style.right = 400;		
				//setTimeout("goBubble()", startBubbleAnimationAfter * 1000);
				goBubble();
			}
		}
	}
}
/*============ END Bubble Animation =============*/