window.addEvent('domready',function(){			
									
			/** @History */
			HistoryManager=new HistoryManagerX()			
			startIndex = window.location.hash;
			/** @History */
            HistoryManager.initialize({iframeSrc: 'blank.html'})
			HistoryManager.start();		
			
	$$('div.toggler').each(function(item, index){
		var pfeil = new Element('img',
			{
			src: 'images/pfeil_sw.gif',
			'styles' : {				
				'position' : 'absolute',
				'top' : 15,
				'right' : 25
			}
		}).inject(item.getElement('h4'));
		
		item.addEvent('mouseover', function(){	
			if ($$('div.element')[index].getStyle('height') == '0px') {
				item.getElement('img').tween('opacity', 0.9);
				item.getElement('h4').tween('opacity', 0.9);
			}	
		});
		
		item.addEvent('mouseleave', function(){	
			if ($$('div.element')[index].getStyle('height') == '0px') {
				item.getElement('img').tween('opacity', 0.65);
				item.getElement('h4').tween('opacity', 0.65);
			}	
		});
	});
	
	
	var accordion = new Accordion('div.toggler', 'div.element', { 
		opacity: false, 
		alwaysHide: 1,
		display: -1,
		onActive: function(toggler, element){
			toggler.getElement('img').tween('opacity', 1);
			var h4 = toggler.getElement('h4');
			h4.tween('opacity', 1);
			h4.getElement('img').setProperty('src', 'images/pfeil_ne.gif')						
		},
		onBackground: function(toggler, element){
			toggler.getElement('img').tween('opacity', 0.65);
			var h4 = toggler.getElement('h4');
			h4.tween('opacity', 0.65);
			h4.getElement('img').setProperty('src', 'images/pfeil_sw.gif')
		}
	},
	$('content'));	
	
});