window.addEvent('domready', function() {
	if ($('fragment-1')) {
		// statt overflow: scroll -> overfloaw: hidden:
		$$('#flash div.overflows').setStyle('overflow', 'hidden');
		$$('#flash div.overflows').setStyle('width', '917px');
		// erster Tab ist aktive, also blau:
		$$('#flash a.fragment-1').addClass('active');
		// alle anderen Fragmente ausblenden:
		for(var i=2; i<=7; i++) {
			$$('#flash #fragment-'+i).setStyle('display', 'none');		
		}
		//wenn ein Tab geklickt wird:
		$('tabs').getElements('a').addEvent('click',  function(e) {
			//ursprünglichen href unterdrücken:
			new Event(e).stop(); 
			//alle Fragmente ausblenden und inaktiv setzen:
			for(var i=1; i<=7; i++) {
				$$('#flash #fragment-'+i).setStyle('display', 'none');	
				$('tabs').getElements('a').removeClass('active');
			}	
			//den KLassennamen des geklickten Links auslesen:
		    var fragment = this.getProperty('class');
		   	//und Link aktiv setzen:
			this.addClass('active');
			//das entprechende Fragement einblenden:
		  	$$('#flash #'+fragment).setStyles('display', 'block');
		});
	}	
});