var Startseite = {
	
	sliderState: 0,
	sliderTimeouts: [],
	bigBannerFader: null,
	
	init: function(){
		
//		Startseite.applyHighlightsSlider();
		
		Startseite.bigBannerFader = new bannerFader('bigBanner',8,1);
		Startseite.applyHighlightLinks();
		Startseite.applyVideoLinks();
		Startseite.applyNewsletterLink();
		// untere Slider auch aufploppen lassen, muss aber noch
		// dran gearbeitet werden.
		//Startseite.applyBottomSlider();	
		
	},
	
	applyHighlightsSlider: function(){
		
		var sliders = [$('mBOverlayLeft'),$('mBOverlayLeftList')];
		if( sliders != null ) {
			sliders.each(function(slider){
				Event.observe(slider,'mouseover',function(evt){
					
					if( Startseite.sliderState == 0 ) {
						new Effect.Morph('mBOverlayLeft',{
							style: {
								width: '161px'
							},
							transition: Effect.Transitions.spring,
							duration: 1,
							queue: 'end'
						});
						slider.style.backgroundPosition = 'top right';
						Startseite.sliderState = 1;
					} else {
						Startseite.clearSliderTimeouts();
					}
					
				});
				Event.observe(slider,'mouseout',function(evt){
	
					if( Startseite.sliderState == 1 ) {
						Startseite.sliderTimeouts.push(
							window.setTimeout(function(){
								if( Startseite.sliderState == 1 ) {
									new Effect.Morph('mBOverlayLeft',{
										style: {
											width: '29px'
										},
										transition: (isIE = !!(window.attachEvent && !window.opera) ? Effect.Transitions.linear : Effect.Transitions.spring),
										duration: 1,
										queue: 'end'
									});
									slider.style.backgroundPosition = 'bottom right';
									Startseite.sliderState = 0;
								}
							},800)
						);
					}
					
				});
			
				$$('#mBOverlayLeftList *').invoke('observe','mouseover',function(evt){
					Startseite.clearSliderTimeouts();
				});
			});
			
		}
		
	},
	
	applyBottomSlider: function(){
		
		var sliders = $$('#mBOverlayBottom a');
		
		if( sliders != null ) {
			sliders.each(function(slider,iteration){
				
				if( slider.id == '' ) {
					slider.id = 'mbOverlayBottomA'+iteration;
				}
				
				Event.observe(slider,'mouseover',function(evt){
				
					new Effect.Morph(slider.id,{
						style: {
							marginTop: '0px'
						},
						transition: Effect.Transitions.spring,
						queue: {scope: slider.id,position:'end'}
					});
					
				});
				
				Event.observe(slider,'mouseout',function(evt){

					new Effect.Morph(slider.id,{
						style: {
							marginTop: '5px'
						},
						transition: Effect.Transitions.spring,
						queue: {scope: slider.id,position:'end'}
					});

				});
			});
			
		}
		
	},
	
	clearSliderTimeouts: function() {
		Startseite.sliderState = 2;
		if( Startseite.sliderTimeouts.size() > 0 ){
			Startseite.sliderTimeouts.each(function(to){
				window.clearTimeout(to);
			});
			Startseite.sliderTimeouts = [];
		}
		Startseite.sliderState = 1;
	},
	
	applyHighlightLinks: function() {
		
		
		$$('#mBOverlayLeftList a').invoke('observe','click',function(evt){
			Event.stop(evt);
			var el = Event.element(evt);
			rahmenGlobal.link = '';
			
			if( typeof(el.href) != 'undefined' && el.tagName.toLowerCase() == 'a' ) {
				rahmenGlobal.link = el.href;
			} else {
				rahmenGlobal.link = el.ancestors().detect(function(n){
					return (typeof(n.href) != 'undefined');
				}).href;
			}

			rahmenGlobal.link = rahmenGlobal.link.split('/').pop();

			var showIndex = 0;
			
			$$('#mBContainer .bigBanner').each(function(pe,iterator){
				if( pe.getAttribute('img') != null ) {
					if( pe.getAttribute('img').include(rahmenGlobal.link) ) {
						showIndex = iterator;
					}
				} else if( pe.getAttribute('src') != null ) {
					if( pe.getAttribute('src').include(rahmenGlobal.link) ) {
						showIndex = iterator;
					}
				}
			});

			Startseite.bigBannerFader.stopAndShow(showIndex);
			Event.stop(evt);
			
		});
	},
	
	applyVideoLinks: function() {
		
		var videoLink = $$('#mBContainer a.bigBanner').detect(
			function(n){ return n.getAttribute('img').include('making_of'); }
		);
		
		Event.observe(videoLink,'click',function(evt){
			
			Startseite.bigBannerFader.stop();
			
			Event.stop(evt);
			
			$('BodyOverlayContainer').update(
				'<div style="position:absolute;width:100%;z-index:100001;"><div style="margin:130px auto;width:618px;background-color:#fff;border:1px solid #999;padding:5px;">' +
				'<a href="javascript:Startseite.closeVideoLink()" style="display:block;padding:5px;text-align:right;text-decoration:none;font-size:13px;line-height:18px;' + 
				( rahmenGlobal.style == 'default' ? 'color:#76aed1;' : 'color:#000;' ) +
				'">' +
				rahmenGlobal.schliessenText + 
				'<img src="/bilder/'+rahmenGlobal.style+'Layout/close_w.jpg" style="border:0;vertical-align:bottom;margin-left:5px;">' +
				'</a>'+
				'<iframe src="/makingOf10-11/making_of_' + rahmenGlobal.style + '.html" width="615" height="350" scrolling="no">'+
				'</div></div>'
			);
			
			if( !LightboxOverlay.isActive() ) {
				LightboxOverlay.activate();
			}
			
		});
		
	},
	
	closeVideoLink: function() {
		
		if( LightboxOverlay.isActive() ) {
			LightboxOverlay.deactivate();
		}
		$('BodyOverlayContainer').update('');
		
		Startseite.bigBannerFader.start();
	},
	
	applyNewsletterLink: function(){
		
		var pe = $$('#mediumBannerContainer a.mediumBanner').detect(function(n){
			return Element.select(n,'img')[0].src.include('newsletter_5_euro.jpg');
		});
		
		
		Event.observe(pe,'click',function(evt){
			serviceCenterMenuClick(evt);
		});
	
	}
}

Event.observe(document,'dom:loaded',Startseite.init);