/*****************************************************/
/*  Klasse Site für die Mootoolsfunktionen           */
/*****************************************************/
var Site = {
	
        flashed: false,
        
	start: function(){
		
		if ($('overview')){
			Site.morphImage();
		}
		
		if ($('bilderanimation')){
			
			bilderArray.each(function(el,i){
				bilderArray[i] = 'index.php?rex_resize=950c__380h__' + el;
			});
			
			var images = new Asset.images(bilderArray, {
    			onComplete: function(){
					window.setTimeout("Site.bilderanimation()", 8000);
    			}
			});
			
			images.each(function(img,i){
				img.style.visibility = 'hidden';
				img.style.display = 'none';
				$('bilderanimation').appendChild(img);
			});
			this.textIndex = 0;
			// var textArray = $$('var.bilderanimation_text');
			// var linkArray = $$('var.bilderanimation_link');
		}
	},

	bilderanimation: function(){
		if(typeof(bilderArray)!="undefined")
		{ 
			var l1 = $('bilderanimationL1');
			var l2 = $('bilderanimationL2');
			var fx;
			var speed = 1200;
			if(bildAktiv != 1){
				speed = 250;
			}

			fx = new Fx.Morph(l2, {
				  duration: speed,
				  transition: Fx.Transitions.linear,
				  wait: false
				  });

			fx.addEvent('onComplete', function(e){
				bildIndex++;
				if(bildAktiv==1){
					bildAktiv = 2;
				} else {
					bildAktiv = 1;
				}

				if(bildIndex==(bilderArray.length-1)) bildIndex=-1;
				window.setTimeout("Site.bilderanimation()", 8000);
			});
			var text_layer = $$('.animation_layer');
			var textIndex = this.textIndex;
			// text_layer[textIndex].get('morph').start({'opacity': [1,0]});
			text_layer[textIndex].setStyle('opacity', 0);
			textIndex = textIndex+1;
			if(text_layer[textIndex]){
				
			}else{
				textIndex = 0;
			}
			this.textIndex = textIndex;
			if(bildAktiv==1){
				l2.src = bilderArray[bildIndex+1];
				l1.get('morph').start({'opacity': 0}).chain(
					function(){
						fx.start({'opacity': [0.0, 1.0]});
						// text_layer[textIndex].get('morph').start({'opacity': [0,1]});
					}
				);
			} else {
				l1.src = bilderArray[bildIndex+1];
				fx.start({'opacity': [1.0, 0.0]}).chain(
					function(){
						l1.get('morph').start({'opacity': 1});
						// text_layer[textIndex].get('morph').start({'opacity': [0,1]});
					}
				);
			}
			text_layer[textIndex].setStyle('opacity', 1);
		}
	},

	morphImage: function()
	{
		
		var sideblocks = $$('#overview td');
		sideblocks.each(function(el, i)
		{
                
			var img = $E('img', el);
			
			if(img)
			{
				
				var overfxs = new Fx.Morph(img, {duration: 100, transition: Fx.Transitions.linear, wait: false});
			
				new Asset.image(img.src,
				{
				   onload: function(){
				   
				      var ratio = parseInt(img.width) / parseInt(img.height);
				      
				      el.addEvent('click', function(e){
				      	loadUrl(morphParameter[i][1]);		   
				      });
	    	        
				      el.addEvent('mouseenter', function(e){
				      	if(ratio >= 1.0){
				      		overfxs.start({
				      			width: 68
				      		});	
				      	} else {
				      		overfxs.start({	
				      			height: 68
				      		});
				      	}
				      	changeHeadline(morphParameter[i][0]);
				      });
	    	       
				      el.addEvent('mouseleave', function(e){
				      	if(ratio >= 1.0){
				      		overfxs.start({
				      			width: 60
				      		});
				      	} else {
	    	        
				      		overfxs.start({
				      			height: 60
				      		});
				      	}
				      	changeHeadline('');
				      });
				   }
				});
				
    	} //end if flashed
    	
		}, this);
	}
};

function initLightbox(){
	var links = $$('.lightbox');
	links.each(
		function(link){
			link.set('rel','shadowbox');
		}
	);
	Shadowbox.init();
}

window.addEvent('domready',
	function(){
		if($('bilderanimationL2')){
			Site.start();
		}
		initLightbox();
	}
);