// JavaScript Document

Event.observe(document, 'dom:loaded', function(event) {
	
	var displays = $$('.display');
	
	displays.invoke('hide').invoke('removeClassName', 'hidden');
	
	displays[0].show();

	$('shoptabs').observe('click', function(event) {
		event.stop();									
	
		$$('.display').invoke('hide');
		$$('ul#shoptabs li').invoke('removeClassName', 'chosen');
		
		var linkValue = event.element().innerHTML;
		
		$('tab_' + linkValue).addClassName('chosen');
		$('shop_' + linkValue).removeClassName('hidden').show();		
	});
	
	$('cartcontrol').observe('click', function(event) {
		$('cart').toggleClassName('hidden');
		if ( $('cart').visible() ) 
		{
			event.element().update('Einkaufswagen ausblenden');
		}
		else
		{
			event.element().update('Einkaufswagen anzeigen');
		}
		event.stop();
	});
	
});