var imageCount 		= 15;
var imagePath  		= 'fileadmin/templates/images/headpics/';
var currentImage	= 1;

function initImageBlender() {

	window.addEvent('domready', function(){
		
		$each($$("div.headpic"), function(headPicBlock, index){
			
			var headerBlock = headPicBlock;
			var headerImage = headPicBlock.getElement('img');
			
			if(headerImage)
			{
				headerBlock.setStyle('position', 'relative');
				headerBlock.setStyle('top', 0);
				headerBlock.setStyle('left', 0);
				
				headerImage.setStyle('position', 'absolute');
				headerImage.setStyle('top', 0);
				headerImage.setStyle('left', 0);
				headerImage.setStyle('z-index', 100);
				
				for(imageIndex = 2; imageIndex <= imageCount; imageIndex ++)
				{
					var blendedImage = new Element('img', {
						'src': (imagePath + imageIndex + '.jpg'),
						'id' : ('imageBlender_' + imageIndex),
						'styles': {
							'position'	: 'absolute',
							'top'		: 0,
							'left'		: 0,
							'z-index'	: (100 + imageIndex),
							'opacity'	: 0
						}
					});
					blendedImage.set('tween', {duration: 3000});
					blendedImage.inject(headerImage, 'after');					
				};
				
				var blendImage = function(){ 
					currentImage ++;
					if(currentImage > imageCount)
					{
						for(imageIndex = 2; imageIndex <= (imageCount-1); imageIndex ++)
						{
							$('imageBlender_' + imageIndex).fade('hide');
						};
						$('imageBlender_' + imageCount).fade('out');
						currentImage = 1;
					}else
						$('imageBlender_' + currentImage).fade('in');
				};
				blendImage.periodical(15000); //Will add the number of seconds at the Site.
			};
		});
	});
	
}