document.observe("dom:loaded", function() {
 	var closeLink = new Element('a', { id: 'start-banner-close-link', href: '#'}).update("Schließen");
	
	var closeFunction = function() {
		Effect.Fade('start-banner', { duration: 0.6 });
		Effect.Fade('start-banner-overlay', { duration: 0.6 });
		Effect.Fade('start-banner-container', {duration: 0, queue: 'end'});
	};
	
	var bannerContainer = new Element('div', { id: 'start-banner-container'}).setOpacity(1);
	var bannerOverlay = new Element('div', { id: 'start-banner-overlay'}).setOpacity(0.6);
 	var banner = new Element('div', { id: 'start-banner'});
 	var image = new Element('img', { id: 'start-banner-image', alt: 'Aktuelle Aktion', title: 'Aktuelle Aktion', src: '/media/images/current_promotion.jpg'});

	bannerContainer.appendChild(bannerOverlay);
	bannerContainer.appendChild(banner);
	banner.appendChild(image);
	banner.appendChild(closeLink);
	$('container').appendChild(bannerContainer);
	
	closeLink.observe("click", closeFunction);
	bannerContainer.observe("click", closeFunction);
	bannerOverlay.observe("click", closeFunction);
	banner.observe("click", closeFunction);
});