window.addEvent('domready', function()
{	
	var counter = { counterFade: 0 };
	var counterImage = 0;
	// get all slider images
	var sliders = $('slider_container').getElements('img.sliderImg');
	// get active slider
	var sliderActive = $('slider_container').getElement('img.active');
	// set background image with active slider
	var layer = $('fadeIn');
	layer.setStyles({'background-image': 'url(' + sliderActive.src + ')'});
	
	$each(sliders, function (slider) {
		if ('url(' + slider.src + ')' == $('fadeIn').getStyle('background-image')) {
			counter.counterFade = counterImage;
		}
		counterImage++;
	});

	var translation = function( url ){ 
		
		var layer = $('fadeIn');		
		var fadeLayer = $('header');		

		fadeLayer.setStyles({'background-image': layer.getStyle('background-image')});

		layer.set('opacity', 0.0);
		layer.set('morph', {duration: 2000});			
		layer.morph({
				'opacity': 1.0
				,'background-image': 'url(' + url + ')'
				,'background-repeat': 'no-repeat'
		});

	}	
	var changeTopImage = function(){ 
		this.counterFade++; 
		var newElem = $('slider_container').getElement('#sliderImg' + (this.counterFade%sliders.length));
		translation(newElem.src);
	};
	
	changeTopImage.periodical(7000, counter); //Will add the number of seconds at the Site.	
	changeTopImage;
	
})