var teaserAreaElement, teaserAreaLeftHandSideElement, teaserStatusdisplayElement, teaserStatusdisplayElementImages, htmlTeaserElements;
var teaserAreaOuterFrameWidth = 598;
var teaserAreaLeftHandSideElementMarginLeft = -200;
var htmlTeasersNumber = 0;
var animationStarted = false;
var animationStepSize = 3;
var timeoutNoflashIntroAnimation = null;
var timeoutAutomaticSlideshowAnimation = null, automaticSlideshowAnimationDelay = 7000;
var teaserAreaElementMarginLeft, finalMarginLeft;
var direction = 0, slideshowTimeout = 0;

function initializeStaticTeasersNoflash() {
	document.getElementById("teaserAreaLeftHandSide").style.display = "block";
	document.getElementById("teaserAreaRightHandSide").style.display = "block";
	homepageIntroAnimation();
    
	if (document.getElementById("teaserArea").getElementsByTagName("object").length != 0) {
	    return;
	}
	
	if (teaserAreaLeftHandSideElementMarginLeft < 0) {
		timeoutNoflashIntroAnimation = setTimeout(initializeStaticTeasersNoflash, 25);
	}
}

function readFirstTeaserCookie() {
	var teaserStartIndex = -1;
	
	if (navigator.cookieEnabled == false) {
		return teaserStartIndex;
	}
	
	if (document.cookie) {
		var homepageTeaserCarouselCookieArray = document.cookie.split(";");
		
		for (var i = 0; i < homepageTeaserCarouselCookieArray.length; i++) {
			
			if (homepageTeaserCarouselCookieArray[i].split("=")[0] == "TeaserIndex") {
				teaserStartIndex = parseInt(homepageTeaserCarouselCookieArray[i].split("=")[1], 10);
			}
			
		}
		
	}
	
	return teaserStartIndex;
}

function writeFirstTeaserCookie(teaserStartIndex) {
	var currentDate = new Date();
	var expirationDate = currentDate.getTime() + (30 * 24 * 60 * 60 * 1000);
	currentDate.setTime(expirationDate);
	document.cookie = "TeaserIndex=" + teaserStartIndex + "; expires=" + currentDate.toGMTString();
}

function initializeStaticTeasers() {
	teaserAreaElement = document.getElementById("teaserArea");
	teaserAreaElement.style.marginLeft = "-" + teaserAreaOuterFrameWidth + "px";
	teaserStatusdisplayElement = document.getElementById("teaserStatusdisplay");
	teaserStatusdisplayElement.style.left = teaserAreaOuterFrameWidth + "px";
	teaserStatusdisplayElement.style.display = "block";
	teaserStatusdisplayElementImages = teaserStatusdisplayElement.getElementsByTagName("img");
	htmlTeaserElements = teaserAreaElement.getElementsByTagName("table");
	
	for (var i = 0; i < htmlTeaserElements.length; i++) {
		htmlTeaserElementImages = htmlTeaserElements[i].parentNode.getElementsByTagName("img");
		teaserStatusdisplayElementImages[htmlTeasersNumber].style.display = "block";
		headlineImageSrc = htmlTeaserElementImages[0].src;
		contentImageSrc = htmlTeaserElementImages[1].src;
		
		//initialize active teasers and status display
		if (htmlTeaserElements[i].parentNode.className.split(" ")[0] == "teaserElement" && (headlineImageSrc.indexOf(".gif") != -1 || headlineImageSrc.indexOf(".jpg") != -1) && (contentImageSrc.indexOf(".gif") != -1 || contentImageSrc.indexOf(".jpg") != -1)) {
			htmlTeasersNumber++;
			teaserStatusdisplayElementImages[htmlTeasersNumber].style.display = "block";
			htmlTeaserElements[i].parentNode.style.display = "block";
			lastActiveHtmlTeaser = htmlTeaserElements[i].parentNode.cloneNode(true);
		}
		
	}
	
	teaserAreaElement.insertBefore(lastActiveHtmlTeaser, teaserStatusdisplayElement.nextSibling);
	
	//read startindex from cookie and adjust teaserposition and statusdisplay
	var elementIdElement = document.getElementById(elementId);
	var flashTeaserElement = true;
	var allTeasersNumber = htmlTeasersNumber + 1;
	var teaserStartIndex = readFirstTeaserCookie();
	
	if (elementIdElement.nodeName == "DIV" && elementIdElement.getElementsByTagName("img").length == 0) {
		flashTeaserElement = false;
		allTeasersNumber--;
	}
	
	if (allTeasersNumber % (teaserStartIndex + 2) < allTeasersNumber) {
		teaserStartIndex++;
		//teaserStartIndex = 0;
	} else {
		teaserStartIndex = 0;
		automaticSlideshowAnimationDelay = 10000;
	}
	
	writeFirstTeaserCookie(teaserStartIndex);
	teaserAreaElementMarginLeft = (teaserAreaOuterFrameWidth + (teaserStartIndex * teaserAreaOuterFrameWidth)) * -1;
	finalMarginLeft = teaserAreaElementMarginLeft;
	var imageSrcTemp = teaserStatusdisplayElementImages[teaserStartIndex].src;
	teaserStatusdisplayElementImages[teaserStartIndex].src = teaserStatusdisplayElementImages[0].src;
	teaserStatusdisplayElementImages[0].src = imageSrcTemp;
	homepageSlideshowAnimation();
	
	var htmlTeaserElementImages, lastActiveHtmlTeaser, headlineImageSrc, contentImageSrc;
	
	if (!flashTeaserElement) {
		// in case of no flash teaser available
		elementIdElement.style.display == "none";
		teaserStatusdisplayElementImages[htmlTeasersNumber].style.display = "none";
		htmlTeasersNumber--;
	} else if (document.all) {
		document.getElementById("FlashMovieDelegateControl_FlashElement").style.filter = "alpha(opacity=100)";
		document.getElementById("FlashMovieDelegateControl_FlashElement").style.backgroundColor = "#ffffff";
	} else {
		document.getElementById("FlashMovieDelegateControl_FlashElement").style.opacity = "1";
	}
}

function initializeHomepageIntroAnimation() {
	teaserAreaLeftHandSideElement = document.getElementById("teaserAreaLeftHandSide");
	teaserAreaLeftHandSideElement.style.marginLeft = teaserAreaLeftHandSideElementMarginLeft + "px";
	teaserAreaLeftHandSideElement.style.display = "block";
	document.getElementById("teaserAreaRightHandSide").style.display = "block";
}

function homepageIntroAnimation() {
	if (!animationStarted) {
		clearTimeout(timeoutNoflashIntroAnimation);
		timeoutNoflashIntroAnimation = null;
		initializeStaticTeasers();
		initializeHomepageIntroAnimation();
		animationStarted = true;
	} else if (teaserAreaLeftHandSideElementMarginLeft > 0) {
		document.getElementById("teaserAreaLeftHandSide").style.marginLeft = "0px";
		return;
	} else if (teaserAreaLeftHandSideElementMarginLeft == 0) {
		return;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -8) {
		animationStepSize = 1;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -20) {
		animationStepSize = 2;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -40) {
		animationStepSize = 3;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -175) {
		animationStepSize = 4;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -185) {
		animationStepSize = 3;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -190) {
		animationStepSize = 2;
	} else if (teaserAreaLeftHandSideElementMarginLeft >= -195) {
		animationStepSize = 1;
	}
	
	teaserAreaLeftHandSideElementMarginLeft += animationStepSize;
	
	if (teaserAreaLeftHandSideElementMarginLeft >= 0) {
		timeoutAutomaticSlideshowAnimation = setTimeout('initializeHomepageSlideshowAnimation(document.getElementById("teaserAreaRightHandSide"));', automaticSlideshowAnimationDelay);
	}

	teaserAreaLeftHandSideElement.style.marginLeft = teaserAreaLeftHandSideElementMarginLeft + "px";
}

function initializeHomepageSlideshowAnimation(element) {
	clearTimeout(timeoutAutomaticSlideshowAnimation);
	element.id == "teaserAreaLeftHandSide" ? direction = 1 : false;
	element.id == "teaserAreaRightHandSide" ? direction = -1 : false;
	teaserAreaElement = document.getElementById("teaserArea");
	var imageSrcTemp;
	
	if (direction == -1 && finalMarginLeft == teaserAreaOuterFrameWidth * (htmlTeasersNumber + 2) * -1) {
		teaserAreaElementMarginLeft = 0;
		finalMarginLeft = teaserAreaOuterFrameWidth * -1;
	} else if (teaserAreaElementMarginLeft == finalMarginLeft) {
		finalMarginLeft = teaserAreaElementMarginLeft + (teaserAreaOuterFrameWidth * direction);
	} else if (direction == 1 && teaserAreaElementMarginLeft < finalMarginLeft) {
		return;
	} else if (direction == 1 && teaserAreaElementMarginLeft > finalMarginLeft) {
		finalMarginLeft += teaserAreaOuterFrameWidth;
	} else if (direction == -1 && teaserAreaElementMarginLeft < finalMarginLeft) {
		finalMarginLeft -= teaserAreaOuterFrameWidth;
	} else if (direction == -1 && teaserAreaElementMarginLeft > finalMarginLeft) {
		return;
	}
	
	if (finalMarginLeft > 0 && direction == -1) {
		finalMarginLeft = 0;
		return;
	} else if (finalMarginLeft > 0 && direction == 1) {
		teaserAreaElementMarginLeft = (htmlTeasersNumber + 1) * teaserAreaOuterFrameWidth * -1;
		finalMarginLeft = teaserAreaElementMarginLeft + teaserAreaOuterFrameWidth;
	} else if (finalMarginLeft < (htmlTeasersNumber + 1) * teaserAreaOuterFrameWidth * -1) {
		teaserAreaElementMarginLeft = 0;
		finalMarginLeft = teaserAreaOuterFrameWidth * -1;
	}
	
	//update of the status display icons
	if (finalMarginLeft == 0 || (finalMarginLeft == -teaserAreaOuterFrameWidth && direction == -1)) {
		imageSrcTemp = teaserStatusdisplayElementImages[htmlTeasersNumber].src;
		teaserStatusdisplayElementImages[htmlTeasersNumber].src = teaserStatusdisplayElementImages[0].src;
		teaserStatusdisplayElementImages[0].src = imageSrcTemp;
	} else if (Math.abs(finalMarginLeft / teaserAreaOuterFrameWidth) - 1 >= 0 && Math.abs(finalMarginLeft / teaserAreaOuterFrameWidth) <= htmlTeasersNumber + 1) {
		imageSrcTemp = teaserStatusdisplayElementImages[Math.abs(finalMarginLeft / teaserAreaOuterFrameWidth) - 1].src;
		teaserStatusdisplayElementImages[Math.abs(finalMarginLeft / teaserAreaOuterFrameWidth) - 1].src = teaserStatusdisplayElementImages[Math.abs(finalMarginLeft / teaserAreaOuterFrameWidth) + direction - 1].src;
		teaserStatusdisplayElementImages[Math.abs(finalMarginLeft / teaserAreaOuterFrameWidth) + direction - 1].src = imageSrcTemp;
	}
	
	clearTimeout(slideshowTimeout);
	homepageSlideshowAnimation();
}

function homepageSlideshowAnimation() {
	
	if ((direction == 1 && teaserAreaElementMarginLeft >= finalMarginLeft) || (direction == -1 && teaserAreaElementMarginLeft <= finalMarginLeft)) {
	
		if (finalMarginLeft == 0) {
			finalMarginLeft = teaserAreaOuterFrameWidth * (htmlTeasersNumber + 1) * -1;
		} else if (finalMarginLeft == teaserAreaOuterFrameWidth * (htmlTeasersNumber + 1) * -1) {
			finalMarginLeft = 0;
		}
		
		teaserAreaElementMarginLeft = finalMarginLeft;
		teaserAreaElement.style.marginLeft = teaserAreaElementMarginLeft + "px";
		teaserStatusdisplayElement.style.left = (teaserAreaElementMarginLeft * -1) + "px";
		timeoutAutomaticSlideshowAnimation = setTimeout('initializeHomepageSlideshowAnimation(document.getElementById("teaserAreaRightHandSide"));', 5000);
		return;
	}
	
	var marginLeftDifference = Math.abs(Math.abs(teaserAreaElementMarginLeft) - Math.abs(finalMarginLeft));
	
	//slow down at the end of the animation
	(marginLeftDifference <= 10) ? teaserAreaElementMarginLeft += 2 * direction : (marginLeftDifference <= 30) ? teaserAreaElementMarginLeft += 5 * direction : teaserAreaElementMarginLeft += 10 * direction;
	
	teaserAreaElement.style.marginLeft = teaserAreaElementMarginLeft + "px";
	teaserStatusdisplayElement.style.left = (teaserAreaElementMarginLeft * -1) + "px";
	slideshowTimeout = setTimeout(homepageSlideshowAnimation,25);
}