onloadHooks.push(function(){
	backforwardFunc();
	

	$($$('.tx-igzeitstrahl-pi1 .navi .sliderPrev')[0]).addEvents({
			'mousedown'		: function(){
				textscrolling = 1;
				scrollLeft();
			},
			'mouseup'		: function(){
				textscrolling = 0;
			}
	});
	$($$('.tx-igzeitstrahl-pi1 .navi .sliderNext')[0]).addEvents({
			'mousedown'		: function(){
				textscrolling = 1;
				scrollRight();
			},
			'mouseup'		: function(){
				textscrolling = 0;
			}
	});
	$($$('.tx-igzeitstrahl-pi1 .navi .slider_container')[0]).addEvents({
			'mousewheel'		: function(e){
			  if(e.wheel > 0) 
			  {
					scrollRight();
			  }
			  if(e.wheel < 0) 
			  {
					scrollLeft();
			  }
			  e.stop().preventDefault();
			}
	});
	
	$$('.tx-igzeitstrahl-pi1 .slider .slider_inner .year').each(function(item){
		var realWidth = item.getWidth().toInt();
		var crntLeft = item.getStyle('left').toInt();
		var newLeft = crntLeft - (realWidth / 2) + 11;
		item.setStyle('left',newLeft);
	});

	$$('.tx-igzeitstrahl-pi1 .slider .slider_inner a').addEvent('click',function(){
		

		$$('.tx-igzeitstrahl-pi1 .slider .slider_inner a').removeClass('active');
		this.addClass('active');

		var classes = this.getFirst().getProperty('class');
		//var uid = classes.substring(9,classes.length);
		var uid = classes.substring(15,classes.length);
		
		$$('.tx-igzeitstrahl-pi1 .year').removeClass('active');
		$$('.tx-igzeitstrahl-pi1 .year.id'+uid)[0].addClass('active');
		
		getText(uid);
		
		getPic(uid);
		
		ScrollToFunc(uid);
	});
/*
	var sliderInner = $($$('.tx-igzeitstrahl-pi1 .slider_inner')[0]);
	sliderInner.setStyles({'width':'1px', 'left':'0px'});
	// sliderInner.setStyle('width','10000px');
	sliderInner.getChildren().each(function(el,i,els){
		sliderInner.setStyle('width',sliderInner.getWidth()+el.getFirst().getWidth()+el.getFirst().getStyle('margin-left').toInt()+'px');
	});
	// sliderInner.setStyle('width',sliderInner.getWidth()-10000+'px');

	
	var yearContainer = new Element ('div',{'id':'yearContainer','style':'width:450px; position: absolute;height: 333px;z-index: 10;display: inline-block; overflow: hidden'}).inject($($$('.tx-igzeitstrahl-pi1')[0]));
	yearContainer.setPosition({x:$($$('.tx-igzeitstrahl-pi1')[0]).getPosition().x,y:$($$('.tx-igzeitstrahl-pi1')[0]).getPosition().y+20});
	var yearScroller = new Element ('div',{'style':'position: relative;z-index: 10; height:333px;bottom:0; left:0px;display:inline-block;overflow:hidden;width:'+sliderInner.getWidth()+50+'px'}).inject(yearContainer);
	
	var lastEl;
	//console.log($$('.tx-igzeitstrahl-pi1 .slider .bubble .year'));
	$$('.tx-igzeitstrahl-pi1 .slider .bubble .year').each(function(el,i,els){
		// if (i.isNaN())
		//console.log(i);
		lastEl = el;
		var classes = el.getParent().getProperty('class');
		var uid = classes.substring(9,classes.length);
		el.addClass('id'+uid);
		if (el.getParent().getParent().hasClass('active')) {
			el.addClass('active');
		}
		var leftYear = new Element ('span',{'class':'left'});
		var middleYear = new Element ('span',{'class':'middle'});
		var rightYear = new Element ('span',{'class':'right'});
		
		leftYear.innerHTML = '&nbsp;';
		middleYear.innerHTML = el.innerHTML;
		// middleYear.setStyle('width',middleYear.getWidth());
		rightYear.innerHTML = '&nbsp;';

		el.innerHTML = '';
		el.adopt(leftYear,middleYear,rightYear);
		
		var parentPos = el.getParent().getPosition($$('.tx-igzeitstrahl-pi1 .navi'));
		var top = (el.getParent().getStyle('top').toInt()+5);
		if ($defined(el.getParent().getStyle('left')) && el.getParent().getStyle('left') != 0 && el.getParent().getStyle('left') != "") {
			var left = el.getParent().getStyle('left').toInt();
		} else {
			var left = 0;
		}
		if(!$defined(el.getParent().getStyle('margin-left').toInt())) {
			var parentPos2 = 0;
		} else {
			var parentPos2 = el.getParent().getStyle('margin-left').toInt();
		}
		el.inject(yearScroller);
		// el.setPosition({x:-parentPos.x, y:-parentPos.y-32});
		// el.setPosition({x:parentPos2-(el.getWidth()/2)+51, y:0});
		var left2 = 0;
		if (i>0) {
			// console.log(els[i-1].getStyle('top').toInt());
			if (i==1 || els[i-1].getStyle('top').toInt() >= 298 || els[i-1].getStyle('top').toInt() == 'NaN') {
				var lastEls = $(els[i-1]);
				var lastWidth = $(els[i-1]).getWidth();
			} else {
				var lastEls = $(els[i-2]);
				var left2 = 22;
				var lastWidth = $(els[i-2]).getWidth();
			}
			if ($defined(lastEls.getStyle('left')) && lastEls.getStyle('left') != 0 && lastEls.getStyle('left') != "") {
				var lastElsLeft = lastEls.getStyle('left').toInt();
				console.log(el.getParent());
			} else {
				var lastElsLeft = 0;
			}
			
			if (top >= 298) { 
				// console.log(lastEls.getStyle('left').toInt());
				var leftNew = lastElsLeft+lastEls.getStyle('margin-left').toInt()+lastWidth.toInt()+left.toInt()+left2.toInt();console.log(left);
				 // $($$('.tx-igzeitstrahl-pi1 .slider_inner')[0]).innerHTML += leftNew;
			} else {
				var leftNew = lastElsLeft+((lastWidth.toInt()-el.getWidth().toInt())/2);
			}
		} else {
			var lastWidth = -80;
			var minusMarginLeft = 0;
			var leftNew = 0;
		}
		if (i == 0 || top.toInt() >= 298) {
			var newMarginLeft = (parentPos2+22.35)-(el.getWidth()/2)-(lastWidth/2);
		} else {
			var newMarginLeft = lastEls.getStyle('margin-left').toInt();
		}
		
		// el.setStyles({'display:':'block','position':'relative','top':top,'left':left,'margin-left':(parentPos2+22.35)-(el.getWidth()/2)-(lastWidth/2)+'px'});
		// if (Browser.Engine.trident) {
		// 	newMarginLeft = newMarginLeft + leftNew;
		// 	leftNew = 0;
		// }
		el.setStyles({'display:':'block','position':'absolute','top':top,'left':leftNew,'margin-left':newMarginLeft});
		
		
			//console.log(lastEl.getStyle('top'));

	});
	$$('.tx-igzeitstrahl-pi1 .slider .bubble .year .middle').each(function(el,i,els){
		el.setStyle('width',el.getWidth());
	});
	// if (scrollTo != 0) {
		if (scrollTo == 0) {
			var bubbles = $$('.tx-igzeitstrahl-pi1 .slider .bubble');
			var last = bubbles[bubbles.length-1];
			var classes = last.getProperty('class');
			scrollTo = classes.substring(9,classes.length);
		}
		ScrollToFunc(scrollTo);
	// }
*/
});


function ScrollToFunc(scrollTo){
	var sliderInner = $$('.tx-igzeitstrahl-pi1 .slider_inner')[0];
	// var yearScroller = $('yearContainer').getFirst();
	// sliderInner.setPosition({x: $$('.bubble.id4')[0].getPosition(sliderInner).x }); //- sliderInner.getParent().getWidth()/2+32
	var oldLeft = sliderInner.getStyle('left').toInt();
	var left = -($($$('.bubble.id'+scrollTo)[0]).getPosition(sliderInner).x) + (sliderInner.getParent().getWidth()/2) -16;
	var dur = oldLeft-left;
	if (dur < 0) {
		dur = -dur;
	} 
	dur = 5*(Math.sqrt(dur));
	if (dur < 400) {
		dur = 400;
	}
	var StartEffect = new Fx.Morph(sliderInner, {duration: dur, transition: Fx.Transitions.Sine.easeInOut});

	StartEffect.start({
	    'left': [oldLeft,left]
	});
	/*var StartEffectYear = new Fx.Morph(yearScroller, {duration: dur, transition: Fx.Transitions.Sine.easeInOut});

	StartEffectYear.start({
	    'left': [oldLeft,left]
	});*/
	
}
/*

function getNext() {
	zeitstrahl_scroll = $($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]);
	var myEffect = new Fx.Morph(zeitstrahl_scroll, {duration: 250, transition: Fx.Transitions.Sine.easeOut});

	var left = zeitstrahl_scroll.getStyle('left').toInt();
	myEffect.start({
	    'left': [left,left-450]
	});
}
function getPrev() {
	zeitstrahl_scroll = $($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]);
	var myEffect = new Fx.Morph(zeitstrahl_scroll, {duration: 250, transition: Fx.Transitions.Sine.easeOut});
	
	var left = zeitstrahl_scroll.getStyle('left').toInt();
	myEffect.start({
	    'left': [left,left+450]
	});
}
*/

var textscrolling = 0;

function scrollLeft(){
	var elem = $($$('.tx-igzeitstrahl-pi1 .slider_inner')[0]);
	//var yearScroller = $('yearContainer').getFirst();
	var schrittweite = Math.round((elem.getWidth().toInt() - elem.getParent().getWidth().toInt())/150);
	if(schrittweite < 15){
		schrittweite = 15;
	}
	var maxtextscroll = 0;
	var startpunkt = elem.getStyle('left').toInt();
	var framespersecond = 30;
	var dauer = 50;
	var endpunkt = startpunkt + schrittweite;
	if(startpunkt < maxtextscroll){
		if (endpunkt*-1 > 0) {
			Scroller = new Fx.Morph(elem, {duration:dauer, transition:'linear', fps:framespersecond});
			Scroller.addEvent('complete', function(){
				if(textscrolling){
					scrollLeft();
				}
			});
			Scroller.start({
				'left': [startpunkt, endpunkt]
			});
			/*ScrollerYear = new Fx.Morph(yearScroller, {duration:dauer, transition:'linear', fps:framespersecond});
			ScrollerYear.start({
				'left': [startpunkt, endpunkt]
			});*/
		} else {
			Scroller = new Fx.Morph(elem, {duration:dauer, transition:'linear', fps:framespersecond});
			Scroller.addEvent('complete', function(){
				if(textscrolling){
					scrollLeft();
				}
			});
			Scroller.start({
				'left': [startpunkt, 0]
			});
			/*ScrollerYear = new Fx.Morph(yearScroller, {duration:dauer, transition:'linear', fps:framespersecond});
			ScrollerYear.start({
				'left': [startpunkt, 0]
			});*/
		}
	}
}

function scrollRight(){
	var elem = $($$('.tx-igzeitstrahl-pi1 .slider_inner')[0]);
	//var yearScroller = $('yearContainer').getFirst();
	var schrittweite = Math.round((elem.getWidth().toInt() - elem.getParent().getWidth().toInt())/150);
	if(schrittweite < 15){
		schrittweite = 15;
	}
	var maxtextscroll = elem.getParent().getWidth().toInt()-elem.getWidth().toInt();
	var startpunkt = elem.getStyle('left').toInt();
	var framespersecond = 30;
	var dauer = 50;
	var endpunkt = startpunkt - schrittweite;
	// var bgPos = elem.getParent().getStyle('background-position-y').toInt();
	// if (bgPos > -100) {
	// 	elem.getParent().setStyle('background-position-y',(bgPos-16)+'px');
	// } else {
	// 	elem.getParent().setStyle('background-position-y','300px');	
	// }
		
	if(startpunkt >= maxtextscroll){
		if (endpunkt*-1 < maxtextscroll*-1) {
			Scroller = new Fx.Morph(elem, {duration:dauer, transition:'linear', fps:framespersecond});
			Scroller.addEvent('complete', function(){
				if(textscrolling){
					scrollRight();
				}
			});
			Scroller.start({
				'left': [startpunkt, endpunkt]
			});
			/*ScrollerYear = new Fx.Morph(yearScroller, {duration:dauer, transition:'linear', fps:framespersecond});
			ScrollerYear.start({
				'left': [startpunkt, endpunkt]
			});*/
		
		} else if(endpunkt*-1 > maxtextscroll*-1) {
			Scroller = new Fx.Morph(elem, {duration:dauer, transition:'linear', fps:framespersecond});
			Scroller.addEvent('complete', function(){
				if(textscrolling){
					scrollRight();
				}
			});
			Scroller.start({
				'left': [startpunkt, maxtextscroll]
			});
			/*ScrollerYear = new Fx.Morph(yearScroller, {duration:dauer, transition:'linear', fps:framespersecond});
			ScrollerYear.start({
				'left': [startpunkt, maxtextscroll]
			});*/
		}
	} 
}







/*	AJAX-Funktionen	*/
	
var gettingPHPdata = 0;
	
function getText(uid){
	
	if(!gettingPHPdata){
		gettingPHPdata = 1;

		var myHTMLRequest = new Request.HTML({
			url: currentURL+'?ajax=1&no_cache=1&tx_igzeitstrahl_pi1[getText]='+uid,
			encoding: 'iso-8859-1',
			evalScripts: true,
			onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){ 
				gettingPHPdata = 0;
				getPic(uid);
				var JS = responseJavaScript;
				// eval(JS);
				$('textwrap').set('html', '');
				$('textwrap').set('html', responseHTML);
				$('textwrap').setStyle('opacity', '0'); 
				MorphIn = new Fx.Morph($('textwrap'), {
					duration:300, 
					transition:'sine:in',
					fps:50
				});
				MorphIn.addEvent('complete', function(){
					$('textloaderwrap').setStyle('background-image', 'none');
				});
				MorphIn.start({
					'opacity': [0, 1]
				});
				backforwardFunc();
				
			}, 
			onFailure: function() {
				gettingPHPdata = 0;
			}
		});
		
		$('textloaderwrap').setStyle('background', 'url(/typo3conf/ext/ig_cal/res/img/ajax-loader_trans.gif) no-repeat 50% 50%');
		
		MorphOut = new Fx.Morph($('textwrap'), {
			duration:300,
			transition:'sine:in',
			fps:50
		});
		MorphOut.addEvent('complete', function(){
			/*$('textwrap').getFirst().destroy();*/
			myHTMLRequest.send();
		});
		MorphOut.start({
			'opacity': [1, 0]
		});
	}
}

function getPic(uid){
	if(!gettingPHPdata){
		gettingPHPdata = 1;

		var myHTMLRequest = new Request.HTML({
			url: currentURL+'?ajax=1&no_cache=1&tx_igzeitstrahl_pi1[getPic]='+uid,
			encoding: 'iso-8859-1',
			evalScripts: false,
			onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){ 
				gettingPHPdata = 0;
				$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).set('html', responseHTML);
				$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).setStyle('opacity', 0); 
				MorphIn = new Fx.Morph($($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]), {
					duration:700, 
					transition:'sine:in',
					fps:50
				});
				MorphIn.addEvent('complete', function(){
					$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getParent().setStyle('background-image', 'none');
				});
				MorphIn.start({
					'opacity': [0, 1]
				});
			}, 
			onFailure: function() {
				gettingPHPdata = 0;
			}
		});

		if (!$defined($($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getFirst())) {
			loadingImg = '/typo3conf/ext/ig_cal/res/img/ajax-loader_trans.gif';
		} else {
			if (!$defined($($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getFirst().getProperty('src'))) {
				loadingImg = '/typo3conf/ext/ig_cal/res/img/ajax-loader_trans.gif';
			} else {
				loadingImg = '/'+$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getFirst().getProperty('src');
			}
		}
		$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getParent().setStyle('background', 'url('+loadingImg+') no-repeat 50% 50%');
		MorphOut = new Fx.Morph($($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]), {
			duration:700,
			transition:'sine:in',
			fps:50
		});
		MorphOut.addEvent('complete', function(){
			/*if ($defined($($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getFirst())) {*/
			/*if ($defined($($$('.tx-igzeitstrahl-pi1 .scroll_container')[0]).getFirst())) {*/
				/*$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).getFirst().destroy();*/
				/*$($$('.tx-igzeitstrahl-pi1 .inner_scroll')[0]).innerHTML = '';*/
				/*$($$('.tx-igzeitstrahl-pi1 .scroll_container')[0]).innerHTML = '';*/
			/*}*/
			myHTMLRequest.send();
		});
		MorphOut.start({
			'opacity': [1, 0]
		});
	}
}

var next;
var nId;
var previous;
var prId;

function backforwardFunc(){
	if($$("a.active")[0].getNext().getNext())
	{
		var next = $$("a.active")[0].getNext().getNext().getProperty("class").split(" ")[0].substring(2);
	}
	var act = $$("a.active")[0].getProperty("class").split(" ")[0].substring(2);
	if($$("a.active")[0].getPrevious().getPrevious())
	{
		var previous = $$("a.active")[0].getPrevious().getPrevious().getProperty("class").split(" ")[0].substring(2);
	}
	
	if ($$("a.active")[0].getPrevious().getPrevious()) 
	{
		/*previous = $$(".bubble.id"+act)[0].getParent().getPrevious().getPrevious();*/
		prId = $$("a.active")[0].getPrevious().getPrevious().getProperty("class").split(" ")[0].substring(2);
		//console.log($("backforward").getChildren()[0].setStyle("display","block"));
		$("backforward").getChildren()[0].setStyle("display","block");
		
	} else {

		/*(function(){
			$("backforward").getChildren()[0].destroy();
			var ausgleich = new Element("div",{"class":"previous","style":"display:block;background:none;"}).inject($("backforward"));
		}).delay(500);*/
		//$("backforward").getChildren()[0].setStyle("display","none");
	}
	if ($$("a.active")[0].getNext().getNext()) 
	{
		if($$("a.active")[0].getNext().getNext().getProperty("class").split(" ")[0].substring(2))
		{
				$("backforward").getChildren()[1].setStyle("display","block");
		}
	} else {
		$("backforward").getChildren()[1].setStyle("display","none");
		/*(function(){
			$("backforward").getChildren()[1].destroy();
			var ausgleich = new Element("div",{"class":"next","style":"display:block;background:none;"}).inject($("backforward"));
		}).delay(500);*/
	}
}
function showPrev() {
	if($$("a.active")[0].getNext().getNext())
	{
		var next = $$("a.active")[0].getNext().getNext().getProperty("class").split(" ")[0].substring(2);
	}
	var act = $$("a.active")[0].getProperty("class").split(" ")[0].substring(2);
	if($$("a.active")[0].getPrevious().getPrevious())
	{
		var previous = $$("a.active")[0].getPrevious().getPrevious().getProperty("class").split(" ")[0].substring(2);
	}
	$$("a.active")[0].removeClass("active");
	$$("a.id"+previous).addClass("active");
	backforwardFunc();
	ScrollToFunc(previous);
	getText(previous);
	getPic(previous);
}
function showNext() {
	if($$("a.active")[0].getNext().getNext())
	{
		if($$("a.active")[0].getNext().getNext().getProperty("class").split(" ")[0].substring(2))
		{
			var next = $$("a.active")[0].getNext().getNext().getProperty("class").split(" ")[0].substring(2);
		}
	}
	var act = $$("a.active")[0].getProperty("class").split(" ")[0].substring(2);
	if($$("a.active")[0].getPrevious().getPrevious())
	{
		var previous = $$("a.active")[0].getPrevious().getPrevious().getProperty("class").split(" ")[0].substring(2);
	}
	//console.log($$("a.active")[0]);
	$$("a.active")[0].removeClass("active");
	$$("a.id"+next).addClass("active");
	ScrollToFunc(next);
	getText(next);
	getPic(next);
	backforwardFunc();
}
function goto(uid){
		$$('.tx-igzeitstrahl-pi1 .slider .slider_inner a').removeClass('active');
		$$('.tx-igzeitstrahl-pi1 .slider .slider_inner a.id'+uid)[0].addClass('active');

		$$('.tx-igzeitstrahl-pi1 .year').removeClass('active');
		$$('.tx-igzeitstrahl-pi1 .year.id'+uid)[0].addClass('active');
		
		getText(uid);
		
		getPic(uid);
		
		ScrollToFunc(uid);
}
/*
var next = $$("a.active")[0].getNext().getNext().getProperty("class").split(" ")[0].substring(2)
	var act = $$("a.active")[0].getProperty("class").split(" ")[0].substring(2);
	var previous = $$("a.active")[0].getPrevious().getPrevious().getProperty("class").split(" ")[0].substring(2);
if ($defined($$(".bubble.id"+act)[0].getParent().getPrevious())) {
	previous = $$(".bubble.id"+act)[0].getParent().getPrevious();
	prId = previous.getChildren()[0].getProperty("class").substring(9,previous.getChildren()[0].getProperty("class").length);
	(function(){
		$("backforward").getChildren()[0].setStyle("display","block");
	}).delay(100);
} else {
	(function(){
		$("backforward").getChildren()[0].destroy();
		var ausgleich = new Element("div",{"class":"previous","style":"display:block;background:none;"}).inject($("backforward"));
	}).delay(5000);
}
if ($defined($$(".bubble.id"+act)[0].getParent().getNext())) {
	next = $$(".bubble.id"+act)[0].getParent().getNext();
	nId = next.getChildren()[0].getProperty("class").substring(9,next.getChildren()[0].getProperty("class").length);
	(function(){
		$("backforward").getChildren()[1].setStyle("display","block");
	}).delay(100);
} else {
	(function(){
		$("backforward").getChildren()[1].destroy();
		var ausgleich = new Element("div",{"class":"next","style":"display:block;background:none;"}).inject($("backforward"));
	}).delay(5000);
}		*/