window.addEvent('domready', function(){ 

		// load the menu 
		var menu = $('menu');
		
		menu.set('tween',{duration: 400, transition: Fx.Transitions.Cubic.easeInOut});
		menu.setStyle('height',30);
	
		menu.addEvents({
			
			'mouseenter': function() {
				menu.tween('height',($$('#menu ul li').length*28+30));
			},
			
			'mouseleave': function() {
				menu.tween('height', 30);
			}
			
		});
	
		$$('#menu a').each(function(item,index){ 
			item.addEvent('click', function(e) { 
				e.stop();
				$$('#menu ul li').removeClass('selected');
				this.getParent('li').addClass('selected');
				openpage(this.get('href'));
				
				if($('submenu')){ 
					$('submenu').addClass('slide');
					//$('submenu').tween('margin-left', -150-window.getSize().x/2);
				}
				
			});
		});
		
	// load flash
	var fade = 1000; // de lengte van de fade in ms
	var images = [{ image: '/images/bg/1.jpg', duration: 20000 },
															{ image: '/images/bg/2.jpg', duration: 20000 },
															{ image: '/images/bg/3.jpg', duration: 20000 },
															{ image: '/images/bg/4.jpg', duration: 20000 },
															{ image: '/images/bg/5.jpg', duration: 20000 },
															{ image: '/images/bg/6.jpg', duration: 20000 },
															{ image: '/images/bg/7.jpg', duration: 20000 },
															{ image: '/images/bg/8.jpg', duration: 20000 }]
		
		// preload the swf files user mootools images preloader..
		/*
		//var swffiles = [];	
		//images.each(function(item){ swffiles.include(item.image); })		
		//var loadswf = new Asset.images(swffiles,{ onComplete: startflash });	
		*/
		
		function startflash() {
			var video = new Swiff('/flash/bg.swf?'+Math.random(1), {
				id: 'bgvideo',
				width: '100%',
				height: '100%',
				container: $('bg'),	
				vars: {
					fade: fade
				},					
				callBacks: {
					flashloaded: loaded,
					tracer: msg
				}			
			});
		}
		
		startflash();
		
		function loaded(){
			this.sendImages(images);
		}	

		function msg(str){
		  switch(str){
						case 'onMotionFinished': 
							 //openpage('/');
						break
				}
		}
		
	// uri stuff
	uri = new URI();
	
	// load initial #
	if(uri.get('fragment')) { openpage(uri.get('fragment')); }
	
	// check if site is in root else refresh to root 
	page = uri.get('directory') + uri.get('file');
	if(page != '/') { 
		uri = new URI('/');
		uri.set('fragment',page);
		uri.go();
	}
	
	// detect history changes
	var history = new HistoryManager();
	history.addEvent('onHistoryChange', function(hash){ 
		if(hash != $(document.body).get('page')) { openpage(hash); }										 
	});

	// #content width
	//window.addEvent('resize', function() { 
	//		if($('content')) { $('content').setStyle('width',window.getSize().x/2+350); } 
	//});

});

function openpage(url){
	
	var myHTMLRequest = new Request.HTML({'url': url, 'evalScripts':false }).get({'json':true});
		myHTMLRequest.addEvent('success', function(responseTree, responseElements, responseHTML, responseJavaScript) { 
			
			if($('bgvideo').switchto){
				switch(url){
				case '/':
					$('bgvideo').switchto(0);
					break;
				case '/werk':
				case '/werk/disciplines':
					$('bgvideo').switchto(1);
				break;	
				case '/werk/cases':
					$('bgvideo').switchto(2);			
					break;
				case '/locatie':
				case '/locatie/geschiedenis':
					$('bgvideo').switchto(3);			
					break;	
				case '/locatie/de-watertoren':
					$('bgvideo').switchto(4);		
					break;
				case '/locatie/uitzicht':
					$('bgvideo').switchto(5);						
					break;	
				case '/contact':
					$('bgvideo').switchto(6);			
					break;		
				case '/nieuws':
					$('bgvideo').switchto(7);			
					break;				
				}		
			}
			
			if($('submenu') && $('submenu').hasClass('slide')) var doSlide = true
			
			if($('contentcontainer')) $('contentcontainer').destroy();
		
			responseTree[0].inject($('container'),'top');
			window.fireEvent('resize');					
			
			if(doSlide){
					$('submenu').set('tween',{duration: 400, transition: Fx.Transitions.Cubic.easeInOut});
					$('submenu').setStyle('margin-left',-350);	
					$('submenu').tween('margin-left',-500);
			} 
			
			$$('#submenu a').addEvent('click', function(e) { 
				e.stop();
				openpage(this.get('href'));	
			});
			
			if($('contentcontainer').get('rel') != " " && $('contentcontainer').get('rel') != ""){
				document.title = 'Greyd | ' + $('contentcontainer').get('rel');
			} else {
				document.title = 'Greyd';
			}
			
			eval(responseJavaScript);	
			
	});
	
	uri = new URI('/');
	uri.set('fragment',url);
	uri.go();
	$(document.body).set('page',url);	
}