<!-- Cufon -->
Cufon.replace('h2', { fontFamily: 'Rabiohead' });
<!-- end -->

function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}

if (window.ie) { var domEvent = 'load'; } else { var domEvent = 'domready'; }

window.addEvent(domEvent, function() {
	
	
	initMenu();
	initSpotlight();
	processExternalLinks();
});


function initMenu() {
	
	$('menuHome').getElement('a').addEvent('click', function() { toggleMenu('homeActive'); });
	$('menuWerk').getElement('a').addEvent('click', function() { toggleMenu('werkActive'); });
	$('menuDiensten').getElement('a').addEvent('click', function() { toggleMenu('werkActive'); });
	$('menuBedrijf').getElement('a').addEvent('click', function() { toggleMenu('bedrijfActive'); });
	$('menuContact').getElement('a').addEvent('click', function() { toggleMenu('contactActive'); });
}

function toggleMenu(ulClass) {
	
	$('menu').getElement('ul').setProperty('class', ulClass);
}

function initSpotlight() {
	
	if($chk($('spotlight'))) {
	
		var myFx = new Fx.Tween('spotlightItems', {
			
			duration: 500,
			transition: Fx.Transitions.Cubic.easeOut
		});
		
		var oSpotlightNav = new Element('ul').setProperty('id', 'spotlightNav').inject($('spotlight'));
		var aSpotlightItems = $('spotlight').getElements('.item');
		
		$('spotlightItems').setStyle('height', aSpotlightItems.length * 268);
		
		aSpotlightItems.each(function(item, index) {
			
			var oSpotlightNavLi = new Element('li').inject(oSpotlightNav);
			
			var oSpotlightNavLiAnchor = new Element('a').set('html', index + 1).setProperties({
				
				'href': '#'
			}).addEvents({
				
				'click': function(e) {
					
					e = new Event(e).stop();
					
					myFx.cancel();
					
					myFx.start('top', index * -268);
					
					$('spotlightNav').getElements('li').each(function(navLi) {
						
						navLi.removeClass('active');
					});
					
					this.getParent().addClass('active');
				}
			}).inject(oSpotlightNavLi);
		});
		
		var oRandomNavLi = $('spotlightNav').getElements('li').getRandom();
		
		oRandomNavLi.addClass('active');
		
		$('spotlightItems').setStyle('top', (oRandomNavLi.get('text') - 1) * -268);
	}
}

function processExternalLinks() {
	
	$$('a').each(function(anchor) {
		
		if (anchor.getProperty('rel') == 'external') {
			
			anchor.removeProperty('rel');
			anchor.setProperty('target', '_blank');
		}
	});
}