/*<![CDATA[*/
	window.addEvent('domready', function() {
	// --- Layout
		function get_active(){
			var current_position = $('content_container').getScroll();
			var current_active = (current_position.y / $('content_container').getStyle('height').toInt()).toInt();
			
			return current_active;
		}
		cur_active = get_active();
		nav(cur_active);
		
		function nav(active){
			$('link_christl').setStyle('font-weight','normal');
			$('link_technieken').setStyle('font-weight','normal');
			$('link_contact').setStyle('font-weight','normal');
			
			switch(active){
				case 1: $('link_christl').setStyle('font-weight','bold'); break;
				case 2: $('link_technieken').setStyle('font-weight','bold'); break;
				case 3: $('link_contact').setStyle('font-weight','bold'); break;
			}	
		}
	
	// --- Content
		var scroll_content = new Fx.Scroll('content_container', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('link_home').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_content.start(0,0);
			nav(0);
		});
		$('link_christl').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_content.start(0,420);
			scroll_christl.start(0,0);
			nav(1);
		});
		$('link_technieken').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_content.start(0,840);
			scroll_technhieken.start(0,0);
			nav(2);
		});
		$('link_contact').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_content.start(0,1260);
			nav(3);
		});
		
	// --- Christ'l
		var scroll_christl = new Fx.Scroll('content_christl', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('christl_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_christl.start(780,0);
		});
		$('christl_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_christl.start(0,0);
		});
		
	// --- Technieken
		var scroll_technhieken = new Fx.Scroll('content_technieken', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('techniek_link_1').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(780,0);
			scroll_technhiek_1.start(0,0);
		});
		$('techniek_link_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(1560,0);
			scroll_technhiek_2.start(0,0);
		});
		$('techniek_link_3').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(2340,0);
			scroll_technhiek_3.start(0,0);
		});
		$('techniek_link_4').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3120,0);
			scroll_technhiek_4.start(0,0);
		});
		$('techniek_link_5').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3900,0);
			scroll_technhiek_5.start(0,0);
		});
		
	// --- Techniek 1
		var scroll_technhiek_1 = new Fx.Scroll('techniek_1', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('techniek_link_1a_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_1.start(0,420);
		});
		$('techniek_link_1b_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_1.start(0,0);
		});
		
		$('techniek_link_1a_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(0,0);
		});
		$('techniek_link_1a_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(1560,0);
			scroll_technhiek_2.start(0,0);
		});
		$('techniek_link_1b_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(0,0);
		});
		$('techniek_link_1b_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(1560,0);
			scroll_technhiek_2.start(0,0);
		});
		
	// --- Techniek 2
		var scroll_technhiek_2 = new Fx.Scroll('techniek_2', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('techniek_link_2a_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_2.start(0,420);
		});
		$('techniek_link_2b_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_2.start(0,0);
		});
		
		$('techniek_link_2a_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(780,0);
			scroll_technhiek_1.start(0,0);
		});
		$('techniek_link_2a_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(2340,0);
			scroll_technhiek_3.start(0,0);
		});
		$('techniek_link_2b_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(780,0);
			scroll_technhiek_1.start(0,0);
		});
		$('techniek_link_2b_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(2340,0);
			scroll_technhiek_3.start(0,0);
		});
		
	// --- Techniek 3
		var scroll_technhiek_3 = new Fx.Scroll('techniek_3', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('techniek_link_3a_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_3.start(0,420);
		});
		$('techniek_link_3b_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_3.start(0,0);
		});
		
		$('techniek_link_3a_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(1560,0);
			scroll_technhiek_2.start(0,0);
		});
		$('techniek_link_3a_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3120,0);
			scroll_technhiek_4.start(0,0);
		});
		$('techniek_link_3b_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(1560,0);
			scroll_technhiek_2.start(0,0);
		});
		$('techniek_link_3b_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3120,0);
			scroll_technhiek_4.start(0,0);
		});
		
	// --- Techniek 4
		var scroll_technhiek_4 = new Fx.Scroll('techniek_4', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('techniek_link_4a_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_4.start(0,420);
		});
		$('techniek_link_4b_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_4.start(0,0);
		});
		
		$('techniek_link_4a_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(2340,0);
			scroll_technhiek_3.start(0,0);
		});
		$('techniek_link_4a_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3900,0);
			scroll_technhiek_5.start(0,0);
		});
		$('techniek_link_4b_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(2340,0);
			scroll_technhiek_3.start(0,0);
		});
		$('techniek_link_4b_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3900,0);
			scroll_technhiek_5.start(0,0);
		});
		
	// --- Techniek 5
		var scroll_technhiek_5 = new Fx.Scroll('techniek_5', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('techniek_link_5a_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_5.start(0,420);
		});
		$('techniek_link_5b_main').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhiek_5.start(0,0);
		});
		
		$('techniek_link_5a_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3120,0);
			scroll_technhiek_4.start(0,0);
		});
		$('techniek_link_5a_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(0,0);
		});
		$('techniek_link_5b_prev').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(3120,0);
			scroll_technhiek_4.start(0,0);
		});
		$('techniek_link_5b_next').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll_technhieken.start(0,0);
		});
		
	// --- Kwicks
		var szNormal = 156, szSmall = 120, szFull = 300;
	 
		var kwicks = $$("#techniek_kwicks .techniek_link");
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
		kwicks.each(function(kwick, i) {
			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
				kwicks.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
			});
		});
		$$("#techniek_kwicks .techniek_link").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		})
		
	// --- External Links
		function externalLinks(){
			if (!document.getElementsByTagName) return;
			var anchors = document.getElementsByTagName("a");
			for (var i = 0; i < anchors.length; i++) {
				var anchor = anchors[i];
				if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank";
			}
		}
		externalLinks();
	});
/*]]>*/