document.addEvent("domready",function()
{
	// check of we wel op de voorpagina zitten, anders krijgen we allemaal errortjes etc
	if ($(document.body).getElement('div.project_overlay')) {
		$$('div.project_overlay div.content').each(function(el)
		{
			var innerContent = el.getElement('div.innerContent').slide('hide');
			
			el.getElement('h2').addEvent('click', function(els)
			{
				$$('div.content').each(function(elms)
				{
					var ic = elms.getElement('div.innerContent');
					
					if(elms.hasClass('closed'))
					{
						ic.slide('in');
						elms.addClass('open').removeClass('closed');
					}
					else
					{
						ic.slide('out');
						elms.addClass('closed').removeClass('open');
					}
				});
			});
			
		});
		
		var i = 0;
		$$('#projecten_wrapper div.project').each(function(el)
		{
			el.fade('hide'); //alles verbergen
			i++;
			if(i == 1) el.fade('show'); //eerste tonen.
		});
		
		var rotate = true;
		var rotateInt = 0;
		var projects = $$("#projecten_wrapper div.project");
		var rotateAmount = projects.length - 1; //ivm array waarden beginnende bij 0
		
		var Rotate;
		var startRotate = function() {
			Rotate = (function() {
				projects[rotateInt].fade('out'); //oude uitfaden
				rotateInt++;
				if(rotateInt > rotateAmount) rotateInt = 0;
				projects[rotateInt].fade('in'); // nieuwe infaden
				
				$$('#home_projecten #afdelingen a').each(function(el) {
					if (el.getProperty('rel') == rotateInt + 60) {
						el.addClass("active");
					} else {
						el.removeClass("active");
					}
				});
			}).periodical(5000);
		}
		
		startRotate();
		
		$$('#home_projecten #afdelingen a').each(function(el) 
		{
			el.addEvents({
				mouseenter: function(els) 
				{
					var num = el.getProperty('rel') - 60;
				
					projects[rotateInt].fade('out');
					projects[num].fade('in');
					rotateInt = num;
					$clear(Rotate);
					
					el.getParent('#afdelingen').getElement('a.active').removeClass("active");
					el.addClass("active");
				},
				mouseleave: startRotate
			});
		});
	}
	
	var defaultValue = "Zoeken...";
	
	$$('input#searchform').addEvents({
		focus: function() {
			if (this.get('value') == defaultValue) this.erase('value');
		},
		blur: function() {
			if (this.get('value') == '') this.set('value', defaultValue);
		}
	});
});