// JavaScript Document

var imageField = new Array();
var currentImage = 0;

window.addEvent('domready', function(){
		//Content-Slider							 
		var activeContent = null;
        $each($$("DIV.contentSlider"), function(contentSlider, index){
			var contentTitel = (contentSlider.getElement('.contentSliderHeader')?contentSlider.getElement('.contentSliderHeader'):contentSlider.getElement('h3'));
			var contentSliderText = contentSlider.getElement('div.contentSliderText');
            var contentTween = new Fx.Slide(contentSliderText, {duration: 2000, transition: Fx.Transitions.Pow.easeOut});
            contentTween.wrapper.addClass('sliderWrapper');
            
            contentSliderText.tween = contentTween;
            contentTween.hide();
            
            contentTitel.addEvent('click', function(event){
                $each($$(".contentSliderText.activ"), function(activeContentTitel, index){
                    if(activeContentTitel != event.target){
                        activeContentTitel.tween.cancel();
                        activeContentTitel.tween.slideOut();
						activeContentTitel.getParent().getPrevious().removeClass('activeTitle');
                        activeContentTitel.removeClass('activ');
                    };
                });
                contentSliderText.tween.cancel();
                contentSliderText.tween.slideIn();
				contentTitel.addClass('activeTitle');
                contentSliderText.addClass('activ');
            });
        });
		
		// Headpicture-Slideshow
        $each($$("div#headPicture"), function(headerImageBlock, index){
            headerImageBlock.setStyle('position', 'relative');
            headerImageBlock.setStyle('top', 0);
            headerImageBlock.setStyle('left', 0);
                
            $each($$("div#headPicture DIV.startElement"), function(headerImage, index){
				 headerImage.setStyle('position', 'absolute');
				 headerImage.setStyle('top', 0);
				 headerImage.setStyle('left', 0);
					
				 headerImage.setStyle('z-index', (30 + index));
				 if(index>0)
				 	headerImage.setStyle('opacity', 0);
				 headerImage.setStyle('display', 'block');
					
				 headerImage.set('tween', {duration: 3000});
				 headerImage.set('id', 'imageBlender_' + index);
	
    	         imageField.push(headerImage);
          });
			
			var imageCount = imageField.length;
			
            var blendImage = function(imageNum){ 
				
				if(imageNum || imageNum == 0)
					currentImage = imageNum;
                else 
					currentImage ++;
                if(currentImage == imageCount) 
                    currentImage = 0;
        
				$$('.startElement').fade('out');
                $('imageBlender_' + currentImage).fade('in');
				$$('.naviElement').set('src','images/headpic.gif');
				$$('.navi_'+currentImage).set('src','images/headpic_active.gif');
				if(imageCount > 1){
					$clear(periodical);
					periodical = blendImage.periodical(10000);
				}
            };
			
			 if(imageField.length > 1){
             	periodical = blendImage.periodical(3000);
				var countNavi=0;
				$$('div#headPicture div.startnavi').each(function(navi){
					$$('div#headPicture div.startElement').each(function(imageelement){
						var naviElement = new Element('img', {'class':'navi_'+countNavi+' naviElement','src':'images/headpic.gif'});
						if (countNavi == 0)
							naviElement.set('src','images/headpic_active.gif');
						var currentNavi = countNavi++;
						naviElement.inject(navi,'bottom');
						naviElement.addEvent('click', function(){
							blendImage(currentNavi);
						});
					});
					countNavi=0;
				});
			}
       	 });
});