var Site = new Class({
	
	initialize: function()
	{
		
		//########################################################
		//########################################################
		//##  Um die Bewegung der Bilder einzuschalten,         ##
		//##  die Zeile    										##
		//##  this.move = false;								##
		//##  in 												##
		//##  this.move = true;									##	
		//##  aendern. Um die Bewegung wieder auszuschalten,	##
		//##  das ganze Rueckwaerts durchfueren.				##
		//########################################################
		//########################################################
		
		this.move = true;
		
		// Ab hier nichts mehr andern!
	
		if($('HomeImageContainer'))
		{
			
			this.loaded = false;
			this.turn = 0;
	
			this.containerMovement = new Fx.Tween('HomeImageContainer', {fps: 24, duration: 4500, wait: false, transition: Fx.Transitions.linear});
			this.containerMovementInner = new Fx.Tween('HomeImageContainerInner', {fps: 24, duration: 4500, wait: false, transition: Fx.Transitions.linear});
			this.NewFxInner = new Fx.Tween('HomeImageContainerInner');

			this.elInner = $('HomeImageContainerInner');
			this.el = $('HomeImageContainer');
		
			this.elInner.setStyle('opacity', 0);
			
			this.elCurr = this.el;
			this.elNext = this.elInner;
		
			this.loop();
			this.loop.periodical(4000, this);
		
			this.loadImage();
	
		}
	},

	loop: function(bla)
	{
		if(this.loaded)
		{
			if(this.turn == 0)
			{
				this.turn = 1;
				this.elCurr = this.elInner;
				this.elNext = this.el;
				this.NewFxInner.start('opacity', 1).chain(function(){
					this.loadImage();
				}.bind(this));
			}
			else
			{
				this.turn = 0;
				this.elCurr = this.el;
				this.elNext = this.elInner;
				this.NewFxInner.start('opacity', 0).chain(function(){
					this.loadImage();
				}.bind(this));
			}
			this.loaded = false;
		}		
		
		if(this.move)
			this.moveImage();
	},

	moveImage: function()
	{
		var rand = $random(3,8);
		var neg = $random(1,2);
		if(neg == 1)
			var pref = "-";
		else
			var pref = "";
		var position = rand*10;
		if(this.turn == 0)
		{
			this.containerMovement.set('background-position', '0 0').start('background-position', pref+position+' '+pref+position);
			this.containerMovementInner.cancel();
		}
		else
		{
			this.containerMovementInner.set('background-position', '0 0').start('background-position', pref+position+' '+pref+position);
			this.containerMovement.cancel();
		}
	},

	loadImage: function()
	{
		var current = this.elCurr.get('rel');
		var request = new Request({url: "index.php", data: "function=js&current="+current, onSuccess: function(response){
			var newImage = new Asset.image('/HomeSlideshow/'+response, {onload: function(bla){
				var bg = response.toString();
				 this.elNext.set('styles',{'backgroundImage': 'url(/HomeSlideshow/'+bg+')'}).set('rel', bg);
					this.loaded = true;
			}.bind(this)});
		}.bind(this)}).send();
	}
});