Event.observe(window, 'load', function() {
	
	// thema banners
	var container = $('thema-banner');
		
	if (container)
	{
		var text = container.select('.text').first();
		var underlay = new Element('div');
		underlay.addClassName('underlay');
		
		container.insert(underlay);
		
		text.setStyle({left: 14 + 'px', 'top': 7 + 'px', display: 'block'});
		
		underlay.setStyle( { width: text.getWidth() + 14 + 'px', height: text.getHeight() + 'px'});
		underlay.setStyle({left: 7 + 'px', 'top': 7 + 'px'});
	}
	
	// fix dates
	$$('SPAN.date-replace').each(function(span) {
		
		var match = span.getAttribute('rel').match(/^([0-9]{4})-([0-9]{2})-([0-9]{2})$/);
		var element;
		
		with ($E)
		{
			element = span(
				span({'class': 'white date-part'}, match[3])
				,span({'class': 'date-part'}, match[2])
				,span({'class': 'date-part'}, match[1]));
		}
		
		span.up().insert(element);
		span.remove();
	});
	
	$('menu').select('.level-2').each(function(sub) {
		sub.setStyle({left: sub.previous().positionedOffset()[0] + 'px'});
	});
	
	$$('.button-login').invoke('observe', 'click', 
		function(event)
		{
			Event.stop(event);
			LoginDialog.singleton().show();
		}
	);
	
	$$('.button-signup').invoke('observe', 'click', 
		function (event)
		{
			Event.stop(event);
			SignUpDialog.singleton().show();
		}
	);
	
	$$('.form-store-so').invoke('observe', 'submit', function() {
		this.so.value = document.viewport.getScrollOffsets().top;
	});
});