window.addEvent('domready', function(){
			
			$('content-navigation').innerHTML = $('content-navigation-met-javascript').innerHTML;
			$('content-navigation-met-javascript').innerHTML = "";
			
			$('page').innerHTML = $('page1').innerHTML;
			$('fotografiepage').innerHTML = $('fotografiepage1').innerHTML;

			setupZoom();
			
			var begin = $('content-wrapper').getStyle("height").toInt();
			heightdiv('content-wrapper',begin,$('content1').scrollHeight);
			
			fotografie();
			portfolio();
		
			
			var scroll = new Fx.Scroll('content-wrapper', {
				wait: false,
				duration: 1500,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
			});
			
			$('link1').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content1');
				changemenuclass('link1');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content1').scrollHeight);
				changebodyclass('three');
			});
			
			$('link2').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content2');
				changemenuclass('link2');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content2').scrollHeight);
				changebodyclass('four');
			});
			
			$('link3').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content3');
				changemenuclass('link3');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content3').scrollHeight);
				changebodyclass('six');
			});
			
			$('link4').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content4');
				changemenuclass('link4');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content4').scrollHeight);
				changebodyclass('five');
			});
			
			$('link5').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content5');
				changemenuclass('link5');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content5').scrollHeight);
				changebodyclass('two');
				tooltip("page");

			});
			
			$('link6').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content6');
				changemenuclass('link6');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content6').scrollHeight);
				changebodyclass('six');
				tooltip("page");

			});
			
			$('link7').addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toElement('content7');
				changemenuclass('link7');
				var begin = $('content-wrapper').getStyle("height").toInt();
				heightdiv('content-wrapper',begin,$('content7').scrollHeight);
				changebodyclass('one');
				tooltip("page");

			});
			
			$('gotopage1').addEvent('click', function(event) {
				$('page').innerHTML = $('page1').innerHTML;
				$('gotopage1').addClass('currentpage');
		 		$('gotopage2').removeClass('currentpage');
				$('gotopage3').removeClass('currentpage');
				setupZoom();
				portfolio();
			});
			$('gotopage2').addEvent('click', function(event) {
				$('page').innerHTML = $('page2').innerHTML;
				$('gotopage1').removeClass('currentpage');
				$('gotopage2').addClass('currentpage');
				$('gotopage3').removeClass('currentpage');
				setupZoom();
				portfolio();
			});
			$('gotopage3').addEvent('click', function(event) {
				$('page').innerHTML = $('page3').innerHTML;
				$('gotopage1').removeClass('currentpage');
				$('gotopage2').removeClass('currentpage');
				$('gotopage3').addClass('currentpage');
				setupZoom();
				portfolio();
			});
			
			
			$('gotofotografiepage1').addEvent('click', function(event) {
				$('fotografiepage').innerHTML = $('fotografiepage1').innerHTML;
				$('gotofotografiepage1').addClass('currentpage');
				$('gotofotografiepage2').removeClass('currentpage');
				$('gotofotografiepage3').removeClass('currentpage');
				setupZoom();
				fotografie()
			});
			$('gotofotografiepage2').addEvent('click', function(event) {
				$('fotografiepage').innerHTML = $('fotografiepage2').innerHTML;
				$('gotofotografiepage1').removeClass('currentpage');
				$('gotofotografiepage2').addClass('currentpage');
				$('gotofotografiepage3').removeClass('currentpage');
				setupZoom();
				fotografie()
			});
			$('gotofotografiepage3').addEvent('click', function(event) {
				$('fotografiepage').innerHTML = $('fotografiepage3').innerHTML;
				$('gotofotografiepage1').removeClass('currentpage');
				$('gotofotografiepage2').removeClass('currentpage');
				$('gotofotografiepage3').addClass('currentpage');
				setupZoom();
				fotografie()
			});
		}); 
		
		
function heightdiv(divnaam, begin,eind){
	var heightdivstyle = new Fx.Style(divnaam, 'height', {duration: 1500, transition: Fx.Transitions.Back.easeOut}).start(begin,eind); 
}

function changebodyclass(classname){
		$('photo').removeClass('one');
		$('photo').removeClass('two');
		$('photo').removeClass('three');
		$('photo').removeClass('four');
		$('photo').removeClass('five');
		$('photo').removeClass('six');
		$('photo').removeClass('seven');
		$('photo').addClass(classname);
}
function changemenuclass(divname){
		$('link1').removeClass('current');
		$('link2').removeClass('current');
		$('link3').removeClass('current');
		$('link4').removeClass('current');
		$('link5').removeClass('current');
		$('link6').removeClass('current');
		$('link7').removeClass('current');
		$(divname).addClass('current');
}
function tooltip(classid){
}

function fotografie(){
	positiondiv = $('fotografiepage').getPosition();
	positiondiv = positiondiv['y'];
	positiondiv2 = $('content5').getPosition();
	positiondiv2 = positiondiv2['y'];
	positiondiv3 = positiondiv2-positiondiv;
	positiondiv = positiondiv + positiondiv3;
	positiondiv= positiondiv - 240 -10;			
	var tips = new Tips($$('#fotografiepage .tooltipimg'),{className: 'custom', fixed:true, offsets: {'x': 160, 'y':-positiondiv}});
}

function portfolio(){
	positiondiv = $('page').getPosition();
	positiondiv = positiondiv['y'];
	positiondiv2 = $('content6').getPosition();
	positiondiv2 = positiondiv2['y'];
	positiondiv3 = positiondiv2-positiondiv;
	positiondiv = positiondiv + positiondiv3;
	positiondiv= positiondiv - 240 -10;			
	var tips = new Tips($$('#page .tooltipimg'),	{className: 'custom', fixed:true, offsets: {'x': 160, 'y':-positiondiv}});
}