Ext.onReady(  
		//Preload images after 350 milliseconds
		function(){load();}
	 );
	  	
	 // Change Image and update control links
	 function change(image_id,control_id,src,count,path){
	 // Get DOM Objects
	 var controlDiv = Ext.get(control_id);        		
	 var imageDiv 	= Ext.get(image_id);
	  		
	 // Remove Links 
	 imageDiv.select('a').each(function(item){item.dom.removeAttribute('href')});
	 controlDiv.select('a').each(function(item){item.dom.removeAttribute('href')});
	  		
	  // Change Style of Control Elements
	  controlDiv.select('div').each(function(item){item.set({'class':'off'});});	// all off //
	  controlDiv.select('div').item(src).set({'class':'on'});      					// on// 
	  	
	  	// Animate
	  	var image = imageDiv.child('img');
	  	imageDiv.setStyle('background-image','url(\"'+ path +'bild'+ src +'.jpg\")');
	   image.animate(
	 		// animation control object
	 		{
	  			opacity: { to: '0' }
	 		},
	 		2,      // animation duration
	 		function() {finishChange(image_id,control_id,src,count,path)}, // Callback: Replace Image Source
	 		'easeOut', // easing method
	 		'color'    // animation type
		);
	  };
	  	
	 
	  	// Change image source to new image
	  	function finishChange(image_id,control_id,src,count,path){
	  		var imageDiv = Ext.get(image_id);
	  		var image = imageDiv.child('img');
			var newsrc = path + 'bild'+ src +'.jpg';
			image.set({'src': newsrc}); 
			image.setOpacity(1);  
		
			// Reset Links			
	  		// 1)Set Link href Attribute for Image-Link
	  		var nextImage = (src+1)%count;
	  		var imageLink = imageDiv.select('a');
	  		imageLink.set({'href':"javascript:change('"+image_id+"','"+control_id+"',"+nextImage+","+count+",'"+path+"');"});
	  		
	  		// 2)Set Link href Attributes for Control-Links
	  		var linkList = Ext.get(control_id).select('a');
	  		var element = 0;
	  		linkList.each(function(item){
	  			if(element!=src){
	  				item.set({'href':"javascript:change('"+image_id+"','"+control_id+"',"+element+","+count+",'"+path+"');"});
	  			}
	  			element++;
	  		}); 	
	  		
	  	}
	  	
	  	function slide(num,src,path,paths){
	  		var slideDiv = Ext.get('tx_ekslide_slide');
	  		// Remove Links 
	 		slideDiv.select('a').each(function(item){item.dom.removeAttribute('href')});
	  	
	  		// Animate
	  		var image = slideDiv.child('img');
	  		slideDiv.setStyle('background-image','url(\"'+ path +'bild'+ src +'.jpg\")');
	   	image.animate(
	 		// animation control object
	 		{
	  			opacity: { to: '0' }
	 		},
	 		2,      // animation duration
	 		function() {finishSlide(num,src,path,paths)}, // Callback: Replace Image Source
	 		'easeOut', // easing method
	 		'color'    // animation type
	  		);
	  	}
	  	
	  	function finishSlide(num,src,path,paths){
	  		var imageDiv = Ext.get('tx_ekslide_slide');
	  		var image = imageDiv.child('img');
			var newsrc = path + 'bild'+ src +'.jpg';
			image.set({'src': newsrc}); 
			image.setOpacity(1);  
		
			// Reset Links			
	  		// 1)Set Link href Attribute for Image-Link
	  		//var nextImage = (src+1)%count;
	  		var pageLink = imageDiv.select('a');
	  		pageLink.set({'href':paths[src]});	
			
			// Restart animation			
			window.setTimeout(function(){slide(num,((src+1)%num),path,paths)}, 3000);	  
	  	}
	  	
	  	function preload(path,num){
			for (i = 1; i < num; i++) {
    			var Img = new Image();
    			Img.src = path + 'bild' + i + '.jpg';
  			}
	  	}