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 sliderLink = $('slider_container').getElement('a.checkout');
	// set background image with active slider
	var layer = $('fadeIn');
	layer.setStyles({'background-image': 'url(' + sliderActive.src + ')'});
	if (sliderLink) {
	layer.addEvents({
			'click' : function () {
				window.location.href = sliderLink;
			}
				   
	});
	}
	
	$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 = $('cartIcon');		

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

		layer.set('opacity', 0.0);
		layer.set('morph', {duration: 300});			
		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);
	};
	
	if (sliders.length > 1) {
	changeTopImage.periodical(1000, counter); //Will add the number of seconds at the Site.	
	changeTopImage;
	}
	
})