function getwidth(){
			if (window.innerWidth || window.innerHeight){ 
			docwidth = window.innerWidth/2; 
			docheight = window.innerHeight; 
			} 
			//IE Mozilla 
			if (document.body.clientWidth || document.body.clientHeight){ 
			
			docwidth = document.body.clientWidth/2; 
			docheight = document.body.clientHeight;
			
			}
		}
		

function start(){
pngFix();
var scrolli = new Fx.Scroll('tile-wrap', {
				wait: false,
				duration: 600,
				offset: {'x': -400, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
			});
			var backfade = function(){
				var div = $('background').setStyles({
				display:'block',
				opacity: 0
				});
				var divc = $('container').setStyles({
				display:'block',
				opacity: 0
				});
				
				
				var growDiv = new Fx.Style($('background'),
				'opacity', {duration: 3000}).addEvent('onComplete', function() {
				overlay()
				});
				growDiv.start(1);
			};
			
			var overlay = function(){
				
				var overFade = new Fx.Style($('container'),
				'opacity', {duration: 1000}).addEvent('onComplete', function() {
				scrolli.scrollTo(3000, 3000);
				});
				overFade.start(1);
			};
			
			backfade()

			$$('a[href^="#"]').addEvent('click', function(e) {
				new Event(e).stop();
				scrolli.toElement($E(this.getProperty('href')));
				
			});
		
		
}

function detailSwitch(loc, id){

$('pic'+id).setHTML('<img src = "'+loc+'" style="position: absolute; height:570px; width:400px">');

}	

function video(video, id){
var embed = '<div style=\"position:relative; left:15px; top:15px;\"><object width=\'380\' height=\'300\'><param name=\'movie\' value=\'http://www.youtube.com/v/'+video+'\'></param><param name=\'wmode\' value=\'transparent\'></param><embed src=\'http://www.youtube.com/v/'+video+'\' type=\'application/x-shockwave-flash\' wmode=\'transparent\' width=\'370\' height=\'300\'></embed></object></div>';
$('pic'+id).setHTML(embed);

}

function navi(richting, i){
	var navo = new Fx.Scroll('tile-wrap', {
		wait: false,
		duration: 600,
		offset: {'x': -400, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});

if (richting=='back'){
var pos = 3000+(i*600);
}else{
var pos = 4200+(i*600);
}


	navo.scrollTo(3000, pos);
	

}
function loader(){

//var objDiv = document.getElementById('tile-wrap');
			$('tile-wrap').scrollTop = 2000;
			$('tile-wrap').scrollLeft = 2600;
			
		
			$('tile-wrap').setStyle('top',(((docheight-600)/2)+20));
			$('tile-wrap').setStyle('left',(((docwidth*2)-800)/2));
			
			$('menuu').setStyle('left',(((docwidth*2)-800)/2));
			$('menuu').setStyle('top',(((docheight-600)/2)-20));
			//pngFix()
			start();
}

window.addEvent('load', function(){
		getwidth();
		loader();
			
		});
		
window.addEvent('resize',function(){
			
		getwidth();
		
			//$('tile-wrap').scrollLeft = 2600;
			$('tile-wrap').setStyle('top',(((docheight-600)/2)+20));
			$('tile-wrap').setStyle('left',(((docwidth*2)-800)/2));
			$('menuu').setStyle('left',(((docwidth*2)-800)/2));
			$('menuu').setStyle('top',(((docheight-600)/2)-20));
			
		});