//window.onDomReady (function() {
	window.addEvent('domready', function(){
		
		var arr_menu_open_actions = $$('a', 'menu').getProperty('class');
		
		/* Menu-punkter */
		var expandStatsDiv = new Fx.Styles($('statsContent'), {duration: 1000});
		var expandAboutDiv = new Fx.Styles($('aboutContent'), {duration: 1000});
		
		$$('a', 'menu').addEvent('click', function(e){
		
			e = new Event(e);

			var action = this.getProperty('class');
			
			if (action=='stats') {
				// Show stats
				// console.log('Show stats');
				
				$('statsContent').addClass('statsContentActive');
			
				expandStatsDiv.start({
					'height': 150, 'width': 898
				}).chain(function(){
 
					var url = "/ajax/show_stats_content.php";
				 
					new Ajax(url, {
						method: 'get',
						update: $('statsContent'),
						onComplete: function(){
							init_luk_stats_menu();
						}
					}).request();
					
				});
				
			} 
			
			
			if (action=='about') {
				// Show about
				// console.log('Show about page');
				
				$('aboutContent').addClass('aboutContentActive');
				
				expandAboutDiv.start({
					'height': 70, 'width': 898
				}).chain(function(){
 
					var url = "/ajax/show_about_content.php";
				 
					new Ajax(url, {
						method: 'get',
						update: $('aboutContent'),
						onComplete: function(){
							init_luk_about_menu();
						}
					}).request();
					
				});
			} 
					
		});	
		
		
		/* Luk menuer */ 
		function init_luk_stats_menu(){
			
			var fadeStatsTable = new Fx.Styles($('statsTable'), {duration: 500});
			$('closeStats').addEvent('click', function(e){
			
				e = new Event(e);
				
				fadeStatsTable.start({
					'opacity': 0
				}).chain(function(){				
					expandStatsDiv.start({
						'height': 0, 'width': 0
					}).chain(function(){
		
						$('statsContent').removeClass('statsContentActive');
						
					});
				});		
			});	
		}	
		
		function init_luk_about_menu(){
			
			var fadeAboutContent = new Fx.Styles($('fadeAboutContent'), {duration: 500});
			
			$('closeAbout').addEvent('click', function(e){
			
				e = new Event(e);
				
				fadeAboutContent.start({
					'opacity': 0
				}).chain(function(){				
					expandAboutDiv.start({
						'height': 0, 'width': 0
					}).chain(function(){
		
						$('aboutContent').removeClass('aboutContentActive');
						
					});
				});		
			});	
		}

	});