window.addEvent('domready', function(){
			var scroll = new Fx.Scroll('scrolldisplay', {
				wait: false,
				duration: 1500,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
			});
			
			//Scroll to xx
			// window.addEvent('domready', function(){ //
			// scroll.toElement('xx');  //
			// });   //
						
			$('UL').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('bottomleftdisplay');
			});
			
			$('UR').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('bottomrightdisplay');
			});
			
			$('OR').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('toprightdisplay');
			});						
			
			$('OL').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('topleftdisplay');
			});
					
			$('ML').addEvent('click', function(event) {
				event = new Event(event).stop();
			    scroll.toElement('middleleftdisplay');
			});
			
			$('MR').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('middlerightdisplay');
			});
			
			
			$('OM').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('topmiddisplay');
			});
					
			$('MM').addEvent('click', function(event) {
				event = new Event(event).stop();
			    scroll.toElement('midmiddisplay');
			});
			
			$('UM').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('bottommiddisplay');
			});
			
});

window.addEvent('domready', function(){
			var scroll = new Fx.Scroll('thirddisplay', {
				wait: false,
				duration:1500,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Cubic.easeInOut
			});
			
			//Scroll to xxx //
			window.addEvent('domready', function(){ 
			scroll.toElement('thirdintrotext'); 
			});
			
			// Elemente
			$('thirdintro').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('thirdintrotext');
			});
			$('thirdpack1').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('third1');
			});
			$('thirdpack2').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('third2');
			});
			
});

window.addEvent('domready', function(){
			var scroll = new Fx.Scroll('phildisplay', {
				wait: false,
				duration:1500,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Cubic.easeInOut
			});
			
			//Scroll to xxx //
			window.addEvent('domready', function(){ 
			scroll.toElement('philintrotext'); 
			});
			
			// Elemente
			$('philintro').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('philintrotext');
			});
			$('philpack1').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('phil1');
			});
			$('philpack2').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('phil2');
			});
			
});



window.addEvent('domready', function(){
			var scroll = new Fx.Scroll('mpdisplay', {
				wait: false,
				duration:1500,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Cubic.easeInOut
			});
			
			//Scroll to xxx //
			window.addEvent('domready', function(){ 
			scroll.toElement('mpintrotext'); 
			});
			
			// Elemente
			$('mpintro').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('mpintrotext');
			});
			$('mppack1').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('mp1');
			});
			
});



window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#fff');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#fff');
		}
	});

	//add click event to the "add section" link
	$('add_section').addEvent('click', function(event) {
		event.stop();
		
		// create toggler
		var toggler = new Element('h3', {
			'class': 'toggler',
			'html': 'Common descent'
		});
		
	});
});