var noobSlide=new Class({initialize:function(a){this.items=a.items;this.mode=a.mode||'horizontal';this.modes={horizontal:['left','width'],vertical:['top','height']};this.size=a.size||240;this.box=a.box.setStyle(this.modes[this.mode][1],(this.size*this.items.length)+'px');this.button_event=a.button_event||'click';this.handle_event=a.handle_event||'click';this.onWalk=a.onWalk||null;this.currentIndex=null;this.previousIndex=null;this.nextIndex=null;this.interval=a.interval||5000;this.autoPlay=a.autoPlay||false;this._play=null;this.handles=a.handles||null;if(this.handles){this.addHandleButtons(this.handles)}this.buttons={previous:[],next:[],play:[],playback:[],stop:[]};if(a.addButtons){for(var b in a.addButtons){this.addActionButtons(b,$type(a.addButtons[b])=='array'?a.addButtons[b]:[a.addButtons[b]])}}this.fx=new Fx.Tween(this.box,$extend((a.fxOptions||{duration:500,wait:false}),{property:this.modes[this.mode][0]}));this.walk((a.startItem||0),true,true)},addHandleButtons:function(a){for(var i=0;i<a.length;i++){a[i].addEvent(this.handle_event,this.walk.pass([i,true],this))}},addActionButtons:function(a,b){for(var i=0;i<b.length;i++){switch(a){case'previous':b[i].addEvent(this.button_event,this.previous.pass([true],this));break;case'next':b[i].addEvent(this.button_event,this.next.pass([true],this));break;case'play':b[i].addEvent(this.button_event,this.play.pass([this.interval,'next',false],this));break;case'playback':b[i].addEvent(this.button_event,this.play.pass([this.interval,'previous',false],this));break;case'stop':b[i].addEvent(this.button_event,this.stop.create({bind:this}));break}this.buttons[a].push(b[i])}},previous:function(a){this.walk((this.currentIndex>0?this.currentIndex-1:this.items.length-1),a)},next:function(a){this.walk((this.currentIndex<this.items.length-1?this.currentIndex+1:0),a)},play:function(a,b,c){this.stop();if(!c){this[b](false)}this._play=this[b].periodical(a,this,[false])},stop:function(){$clear(this._play)},walk:function(a,b,c){if(a!=this.currentIndex){this.currentIndex=a;this.previousIndex=this.currentIndex+(this.currentIndex>0?-1:this.items.length-1);this.nextIndex=this.currentIndex+(this.currentIndex<this.items.length-1?1:1-this.items.length);if(b){this.stop()}if(c){this.fx.cancel().set((this.size*-this.currentIndex)+'px')}else{this.fx.start(this.size*-this.currentIndex)}if(b&&this.autoPlay){this.play(this.interval,'next',true)}if(this.onWalk){this.onWalk((this.items[this.currentIndex]||null),(this.handles&&this.handles[this.currentIndex]?this.handles[this.currentIndex]:null))}}}});


var HeaderScrollingManager = {
	

	
	init: function(itemnumber){
		
		if($('top_slideshow')){
       

	 var slider = new noobSlide({
						//mode: 'vertical',
						startItem: itemnumber,
						box: $('top_slideshow'),
						items: $$('#top_slideshow .slideshow_single_image'),
						size: 395,
						fxOptions:{
							duration: 500,
							wait: false
						},
						addButtons:{
							previous: $('header_scrolling_navigations_previous'),
							next: $('header_scrolling_navigations_next'),
							
						},
						autoPlay: true,
						interval:8000,
						handles: $('vorher_pfeil'),
						onWalk: function(){
							
							if(this.items.length == 1){
								if($('header_scrolling_navigations_previous')){
									$('header_scrolling_navigations_previous').setStyle('z-index','-10');
								}
								if($('header_scrolling_navigations_next')){
									$('header_scrolling_navigations_next').setStyle('z-index','-10');
								}
								return;
							}
							if(this.currentIndex == 0){
								if($('header_scrolling_navigations_previous')){
									$('header_scrolling_navigations_previous').setStyle('z-index','-10');
								}		
								if($('header_scrolling_navigations_next')){
									$('header_scrolling_navigations_next').setStyle('z-index','10');
								}
							}else if(this.currentIndex == (this.items.length-1)){
								if($('header_scrolling_navigations_next')){
									$('header_scrolling_navigations_next').setStyle('z-index','-10');
								}
								if($('header_scrolling_navigations_previous')){
									$('header_scrolling_navigations_previous').setStyle('z-index','10');
								}
							}else{
								if($('header_scrolling_navigations_next')){
									$('header_scrolling_navigations_next').setStyle('z-index','10');
								}
								if($('header_scrolling_navigations_previous')){
									$('header_scrolling_navigations_previous').setStyle('z-index','10');
								}							
							
							}								
								
							$('number_of_slide').innerHTML = (this.currentIndex+1)+" / "+(this.items.length);
							
							var pos=this.currentIndex%this.items.length;
							$$('.top_slide_capture').setStyle('display','none');
							$('slide_capture_'+(pos+1)).setStyle('display','block');
							
			
							$('vorher_pfeil').set('html','&lt;&nbsp;');
                			$('next_pfeil').set('html','&nbsp;&gt;');
						}
						
						
				}
			);
			
		
			
			$('vorher_pfeil').addEvent('click', function(event){
				event.stop()
				slider.previous();
			});
			
			$('next_pfeil').addEvent('click', function(event){
				event.stop()
				slider.next();
			});

					
		}
		
		

		
	}
	
};
var itemnumber;
var beginnehier = '';
 var test = '';
function startsliedeshow(itemnumber){
	$('top_slideshow').setStyle('display','block');
	$('top_slideshow_wrap').setStyle('z-index','200');
	$('img_overlay').setStyle('z-index','150')
	$('img_overlay').setStyle('display','block')
	$('slide_browser').setStyle('display','block')
	//$('top_slide_capture').setStyle('display','block');
	//beginnehier = itemnumber;
	
	HeaderScrollingManager.init(itemnumber);
	}
function closethat(){
	$('top_slideshow').setStyle('display','none');
	$('top_slideshow_wrap').setStyle('z-index','-1');
	$('img_overlay').setStyle('z-index','-1')
	$('img_overlay').setStyle('display','none')
	$('slide_browser').setStyle('display','none')
	$$('top_slide_capture').setStyle('display','none');
	//this.currentIndex = '';
	
	
	$('header_scrolling_navigations_previous').removeEvents('click');
	$('header_scrolling_navigations_next').removeEvents('click');
	$('vorher_pfeil').removeEvents('click');
	$('next_pfeil').removeEvents('click');
	}

window.addEvent('domready', function(){	
									
		
		if(!$('history_img')){
			HeaderScrollingManager.init();
			}
	
	
	
		if ($('team_info')){
		
			 $$('.span_the_team').addEvent('mouseover', function(event){
					var name=this.get('rel');
					$('team_info').set('html', name);
			 });
			 
			  $$('.span_the_team').addEvent('click', function(event){
					var photobig=this.getSiblings('span');
					photobig.setStyle('display', 'block');
			 });

			 $$('.team_big').addEvent('click', function(event){
					this.setStyle('display', 'none');
			 });
			  
		}
	
});