var moosizer;
//var mySlide;
var myFx;
var backgroundCounter = 1;
var maxBackgroundCounter = 1;
var backgroundInterval = 7500;
var timer;

document.addEvent('domready', function(){
 	
	//Falls news vorhanden sind diese mit pfeilen versehen falls notwendig
	if($('news-list3-container')){
		if($$('.news-element').length > 3){
			var totIncrement = 0;
			var increment = 190;
			var maxRightIncrement = increment * (3 - $$('.news-element').length);

			var fx = new Fx.Tween($('news-holder'), {
				duration: 500,
				transition: 'sine:in:out'
			});
			
			$('news-holder').setStyle('width', $$('.news-element').length * 190);
			
			var linkerPfeil = new Element('a', {
				'href': '#',
				'id': 'linkerPfeil',
				'html': '<<<'
			});
			linkerPfeil.addEvent('click', function(){
				if (totIncrement < 0) {
					totIncrement += increment;
					fx.start('margin-left', totIncrement);
				}
				return false;
			});
			
			var rechterPfeil = new Element('a', {
				'href': '#',
				'id': 'rechterPfeil',
				'html': '&gt;&gt;&gt;'
			});
			rechterPfeil.addEvent('click', function(){
				if (totIncrement > maxRightIncrement) {
					totIncrement -= increment;
					fx.start('margin-left', totIncrement);
				}
				return false;
			});
			
			var parentElem = $('news-list3-container').getParent();
			parentElem.setStyle('position', 'absolute');
			rechterPfeil.inject(parentElem, 'top');
			linkerPfeil.inject(parentElem, 'top');
		}
	}
	
	
	//falls IE, den BG container auf groesse setzen
	if(Browser.Engine.trident){
		$('background').setStyles({
			'height': document.documentElement.clientHeight,
			'width': document.documentElement.clientWidth
		});
	}
	//alle bilder verstecken
	var images = $('background').getElements('img');
	
	maxBackgroundCounter = images.length;
	
	images.each(function(image){
		image.setStyle('display', 'none');
	});
	
	if(images.length > 1){
		var i = 0;
		images.each(function(image){
			i++;
			
			var link = new Element('a', {
				'href': '#',
				'html': i,
				'id': 'imageLink'+i,
				'events': {
					'click': showImage.pass(i)
				}
			});
			
			link.inject($('imageIndex'), 'bottom');
			
			if(i == 5){
				var br = new Element('br');
				br.inject($('imageIndex'), 'bottom');
			}else if($('background').getElements('img').length > i){
				$('imageIndex').appendText('|');
			}
		});
	}
	
	//erstes hintergrundbild einrichten
	var firstImage = $('background').getElement('img');
	firstImage.setStyle('display', '');
	firstImage.addClass('bgImage');
	if($('imageLink1'))
		$('imageLink1').addClass('selectedImage');
	moosizer = new mooSizer({ bgElement: firstImage });
	if(images.length > 1)
		timer = triggerImage.periodical(backgroundInterval);
	
	//leftmenu und explanation einblenden
	if($('leftmenu'))
		if($('leftmenu').innerHTML != '')
			$('leftmenu').setStyle('display', 'block');
	
	if($('explanation'))
		if($('explanation').getChildren().length > 1 || images.length > 1)
			$('explanation').setStyle('display', 'block');
	
	if($('leftmenu'))
		if($('leftmenu').innerHTML == ''){
			$('explanation').setStyle('display', 'none');
		}
	
	if ($('main_content')) 
		if ($('main_content').getChildren().length >= 1) {
			//mySlide = new Fx.Slide('main_content', {mode: 'horizontal'});
			//mySlide.addEvent('complete', activateReopener);
			myFx = new Fx.Tween('main_container', {duration: 1000});
			
			$('main_content').setStyle('display', 'block');
			
			var closeBtn = new Element('a', {
				'href': '#',
				'html': 'Schliessen',
				'id': 'closeBtn',
				'events': {
					'click': closeContent
				}
			});
			closeBtn.inject($('main_content'), 'top');
			var hideBtn = new Element('a', {
				'href': '#',
				'html': 'Verstecken',
				'id': 'hideBtn',
				'events': {
					'click': hideContent
				}
			});
			hideBtn.inject($('main_content'), 'top');
		}
	
	//menu
	if($('menu'))
		var myMenu = new UvumiDropdown("menu");
});

var showImage = function(count){
	$clear(timer);
	backgroundCounter = count;
	
	var images = $('background').getElements('img');
	var i = 0;
	
	images.each(function(image){
		i++;
		image.setStyle('display', 'none');
		image.removeClass('bgImage');
		$('imageLink'+i).removeClass('selectedImage');
	});
	
	images[count-1].setStyle('display', '');
	images[count-1].addClass('bgImage');
	$('imageLink'+count).addClass('selectedImage');
	
	moosizer = new mooSizer({ bgElement: images[count-1] });
	
	timer = triggerImage.periodical(backgroundInterval);
	
	return false;
}
var triggerImage = function(count){
	backgroundCounter++;
	if(backgroundCounter > maxBackgroundCounter){
		backgroundCounter = 1;
	}
	
	var images = $('background').getElements('img');
	var i = 0;
	
	images.each(function(image){
		i++;
		image.setStyle('display', 'none');
		image.removeClass('bgImage');
		$('imageLink'+i).removeClass('selectedImage');
	});
	
	images[backgroundCounter-1].setStyle('display', '');
	images[backgroundCounter-1].addClass('bgImage');
	$('imageLink'+backgroundCounter).addClass('selectedImage');
	
	//images[backgroundCounter-1].set('opacity', 0);
	//images[backgroundCounter-1].set('tween', {duration: 'short'});
	//images[backgroundCounter-1].tween('opacity', 1);
	
	moosizer = new mooSizer({ bgElement: images[backgroundCounter-1] });
}
var closeContent = function(){
	$('main_content').setStyle('display', 'none');
	
	return false;
}
var hideContent = function(){
	//mySlide.toggle();
	
	$('main_container').morph({width: 25, height: 25, 'opacity': 0.4, duration: 1000});
	$('main_container').addEvent('click', showContent);
	$('main_container').addEvent('mouseenter', fadeIn);
	$('main_container').addEvent('mouseleave', fadeOut);
	$('main_container').setStyle('cursor', 'pointer');
	
	return false;
}
var activateReopener = function(){
	/*if (!mySlide.open) {
		$('openContent').addClass('openContent');
	}*/
}
var showContent = function(){
	//$('openContent').removeClass('openContent');
	//mySlide.toggle();
	
	$('main_container').morph({width: 568, height: 415, 'opacity': 1, duration: 1000});
	$('main_container').removeEvent('click', showContent);
	$('main_container').removeEvent('mouseenter', fadeIn);
	$('main_container').removeEvent('mouseleave', fadeOut);
	$('main_container').setStyle('cursor', 'auto');
}
var fadeIn = function(){
	$('main_container').tween('opacity', 1);
}
var fadeOut = function(){
	$('main_container').tween('opacity', 0.4);
}