var mbOverlay;

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

	mbOverlay = new overlay();
	
	new multiBox('mb', {overlay: mbOverlay});
	
	

	if($('video')){
		new Swiff('/_common/swf/player.swf', {
			id: 'companyVideo',
			container: 'video',
			version: 9,
			width: '500px',
			height: '304px',
			params: {
				wMode: 'opaque'
			},
			vars: {
				file: '/_common/video/benhuthwaite.f4v',
				skin: '/_common/swf/nacht.swf'
			}
		});
	}

	//setTitle();
	
	loadingAnim = false;
	
	//menu
	var nav = $$('#nav a, a.nav');
	nav.each(function(el,i){
		el.addEvent('click', function(e){
			new Event(e).stop();
			hideContent();
			loadContent.delay(500,el,el);
		});
	});

	//menu slider
	menuSlider = new backgroundSlider($$('#nav a'),{className:'outline'});
	startEl = $('nav').getElement('a.selected');
	if(startEl){
		startEl.removeClass('selected');
		menuSlider.set(startEl);
	}
	
	//hide content
	cont = $('container');
	var content = $('content');
	
	cont.setStyle('height', 200);
	content.setStyle('opacity', 0);
	showContent();
	
	//pageLoader
	//if(!window.webkit){
		//loader = new pageLoader({onComplete:showContent});
	//}
	
});

function setTitle(){
	//sifr
	if(typeof sIFR == "function"){
	
		sIFR.replaceElement(named({
			sSelector:"h2", 
			sFlashSrc:"/_common/swf/HelveticaNeue.swf", 
			sColor:"#eb9000",
			sWmode:'transparent'
		}));
	
	};
}

function loadContent(el){
	//console.log(el);
	//if(!window.webkit){
		//loader.start(el);
	//}else{
		document.location = el.href;
	//}
	
}

function hideContent(){
	loadingAnim = true;
	
	var contFx = new Fx.Tween('container', {
			property: 'height',
			duration:500, 
			transition:'quad:out', 
			onComplete:function(){cont.addClass('loading')}
		}).start(200).chain(function(){
			cont.addClass('loading');
			loadingAnim = false;
		});
	
	var contentFx = new Fx.Tween('content', {
			property: 'opacity',
			duration:350, 
			transition:'linear'
		}).start(0);
	
}

function showContent(el){
	if(!loadingAnim){
		cont.removeClass('loading');
	var h = $('content').getCoordinates().height;
	//console.log(h)
	var contFx = new Fx.Tween('container', {
			property: 'height',
			duration:800, 
			transition:'quad:out', 
			onComplete:function(){
				cont.removeClass('loading');
				if(el){
					menuSlider.setStart(el);
					menuSlider.reset();
				}
				menuSlider.reset();
			}
		}).start(h);
	
	var contentFx = new Fx.Tween('content', {
			property: 'opacity',
			duration:200, 
			transition:'linear'
		}).start(1);
	}else{
		showContent.delay(500);
	}
}