function agentTest(name) {
	var agent = navigator.userAgent.toLowerCase();
	if(agent.indexOf(name) > -1) return true;
	return false;
}

function platformTest(name) {
	var platform = navigator.platform.toLowerCase();
	if(platform.indexOf(name) > -1) return true;
	return false;
}

/*****************************************************/
/*  overlay Funktion allen Elementen hinzufügen      */
/*****************************************************/
Element.extend({
			   overlay: function(el, index) {
						var cords = this.getCoordinates();
						var styles = this.getStyles('borderTop',
													'borderBottom', 
													'width', 
													'height', 
													'marginTop', 
													'marginBottom');
						
						el.setStyles({
							//border: '1px solid',
							width: styles['width'],
							height: styles['height'],
							top: cords['top'],
							left: cords['left'],
							position: 'absolute',
							background: '#fff',
							borderTop: styles['borderTop'],
							borderBottom: styles['borderBottom'],
							marginTop: styles['marginTop'],
							marginBottom: styles['marginBottom'],
							zIndex: index
						});
					}
				});


/*****************************************************/
/*  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] = './files/' + el;
				bilderArray[i] = 'index.php?rex_resize=525c__350h__' + el;
			});
			
			var images = new Asset.images(bilderArray, {
    			onComplete: function(){
					window.setTimeout("Site.bilderanimation()", 1000);
    			}
			});
			
			images.each(function(img,i){
				img.style.visibility = 'hidden';
				img.style.display = 'none';
				$('bilderanimation').appendChild(img);
			});
		}
	},

	bilderanimation: function(){
		if(typeof(bilderArray)!="undefined")
		{ 
			var l1 = $('bilderanimationL1');
			var l2 = $('bilderanimationL2');
			var imageText = $('imageText');
			var imageLink1 = $('projectLink1');
			var imageLink2 = $('projectLink2');
			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()", 2000);
			});

			if(bildAktiv==1){
				l2.src = bilderArray[bildIndex+1];
				l1.get('morph').start({'opacity': 0}).chain(
					function(){
						fx.start({'opacity': [0.0, 1.0]});	
					}
				);
			//	fx.start({'opacity': [0.0, 1.0]});
			} else {
				l1.src = bilderArray[bildIndex+1];
				fx.start({'opacity': [1.0, 0.0]}).chain(
					function(){
						l1.get('morph').start({'opacity': 1});
					}
				);
			}
		//	imageText.innerHTML = (textArray[bildIndex+1] != '' ? textArray[bildIndex+1] : ' ');
		//	imageLink1.href = linkArray[bildIndex+1];
		//	imageLink2.href = linkArray[bildIndex+1];
		}
	},

	appearText: function(){

		var timer = 0;
		var sideblocks = $$('#subnavi_animated li');
		var slidefxs = [];
		sideblocks.each(function(el, i){

			el.setStyle('margin-top', -50);
			slidefxs[i] = new Fx.Style(el, 'margin-top', {
				duration: 707,
				transition: Fx.Transitions.Back.easeOut,
				wait: false
			});

		}, this);

		slidefxs.reverse();

		slidefxs.each(function(fx){
			fx.start(0);
		}, this);
	},

	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);
	}
};

window.addEvent('domready', Site.start);