window.addEvent('domready', function() {
    
/*************MESSEN**********************************************************/
		
	var clang = '';
	var messe = $('messe');
	var messecont = $('messecont');
	var timertime = 5000;          /*********************Verzoegerung einstellen: 5000 = 5 Sekunden*/
    var images; 	
		



	//var imgCount = 0;

	
	var addImage = function(image) {
		messecont.fade('hide');
		var plink = new Element('a',{'href':'http://' + image.href,'target':'_blank'}).inject(messecont);
		var img = new Element('img',{'src':'messen/' + image.src}).inject(plink);
	    var p = new Element('p',{'html': image.text}).inject(messecont);
	  	messecont.fade('in');
	}
 	    
	  var startChain = function(start,images){
		  
		  var myChain = new Chain();
		  var i = 1;
		  images.each(function(image) { 
			 myChain.chain( function(){ 
				 addImage(image); 
			}); 
		  });
		  
		  
		  var runChain = function() { 
		  	  messecont.fade('hide');
			  if(i>0) messecont.empty();
			  if(i == images.length) {
				i=1;
				messecont.fade('hide');
				$clear(timer);
				startChain("",images);
			  }
			  i++;
			  myChain.callChain();
		  } 
		  
		 var timer;
		 if(start == "start"){
			messecont.setStyle('visibility','hidden');
		 	timer = runChain.periodical(1);
			start = '';
	  	  }else{
			messecont.setStyle('visibility','visible');
			timer =  runChain.periodical(timertime); 
			
		  }
		  
	  }
	  
	  var request = new Request.JSON({      //Messelistung
			  url: 'messe-request.php',
			  onComplete: function(jsonObj) {
				  images = jsonObj;
				  startChain("start",jsonObj);
			  }
		    //});
	        }).get({'clang':clang});
	  
	  
	  
	  //new Event(e).stop();
	//});
	
	
	
      //var images  = [{"name":"FIRE!!!!", "src":"fire.jpg", "description":"Orange flame.", "views":"395"},{"name":"Blue Earth", "src":"earth-blue.jpg", "description":"A blue version of Earth.", "views":"200"},{"name":"FIRE!!!!", "src":"fire.jpg", "description":"Orange flame.", "views":"395"},{"name":"Screwdriver Paper", "src":"setting.jpg", "description":"A screwdriver in front of a piece of paper.", "views":"42"}];

	
	
	//myChain.callChain();
	
	/*var addList = function(fairs) {
		fairs.each(function(fair){
			(function(){
			  //var div = new Element('div', {'id':'messe'}).inject(messelist);
			  var plink = new Element('a',{'href':'http://' + fair.href,'target':'_blank'}).inject(messecont);
			  var img = new Element('img',{'src':'messen/' + fair.src}).inject(plink);
			  var p = new Element('p',{'html': fair.text}).inject(messecont);
			}).delay(5000);
			
		});
	};
	
	
	var request = new Request.JSON({      //
			  url: 'messe-request.php',
			  onComplete: function(jsonObj) {
				  addList(jsonObj.previews);
			  }
            }).get({'lang':lang});
	
	*/
	//var myFunction = function(){ alert('moo! Element id is: ' + this.id); };
	//myFunction.delay(5000, 'HELLO');
	//(function(){ messecont.empty(); }).delay(5000);
	
	
		/*var addImage = function(image){
		var el;
		var plink = new Element('a',{'href':'http://' + image.href,'target':'_blank'}).inject(el);
		var img = new Element('img',{'src':'messen/' + image.src}).inject(plink);
	    var p = new Element('p',{'html': image.text}).inject(el);
		el.inject(messecont);
	}
	
	
	var request = new Request.JSON({      //
			  url: 'messe-request.php',
			  onComplete: function(jsonObj) {
				  var myChain = new Chain();
				  jsonObj.each(function(image){myChain.chain(function() {addImage(image); } ); });
				  var runChain = function(){
					  myChain.callChain();
					  if (myChain.chains.length == 0) { runChain = $clear(timer); } 
				}
				var timer = runChain.periodical(500);
				//new Event(e).stop();			  
			  }
     }).get({'lang':lang});
		
	*/
	
	
	

});	
	
window.addEvent('unload',function() {
	img.destroy();
	//alert('Hallo');
});