window.addEvent('domready', function(){
	var count
	var submenuLi = $$('#side > ul li a');
	var submenuUl = $$('#side > ul > li ul');
	var activeItem = $$('#side ul a.active')[0];
	var arrowLeft = $$('.sliderArrow')[0];
	var arrowRight = $$('.sliderArrow')[1];
	var activeLi = $$('#headerMenu > ul > li.active')[0];
	
	//ledenslider variabelen
	if($('innerSlider')){
		var arrSliderBlockLength = $$('.sliderBlock').length;
		if($$('.sliderBlock')[0]) var imageSize = $$('.sliderBlock')[0].getSize().x;
		$('innerSlider').setStyle('width', arrSliderBlockLength * imageSize);
		var sliderLeft = $('innerSlider').getStyle('left').toInt();
		var maxLeft = (arrSliderBlockLength - 12) * -imageSize;
		if(sliderLeft == maxLeft){
			arrowRight.setStyle('visibility', 'hidden');
		}else if(sliderLeft == 0){
			arrowLeft.setStyle('visibility', 'hidden');
		}
	}

	//ledenslider tween
	sliderTween = new Fx.Tween($('innerSlider'), {
		duration:200,
		link:'chain',
		onComplete: function(){
			sliderLeft = $('innerSlider').getStyle('left').toInt();
			arrowRight.setStyle('visibility', 'visible');
			arrowLeft.setStyle('visibility', 'visible');
			if(sliderLeft == maxLeft){
				arrowRight.setStyle('visibility', 'hidden');
			}else if(sliderLeft == 0){
				arrowLeft.setStyle('visibility', 'hidden');
			}
		}
	});
	
	//ledenslider pijltje rechts
	if(arrowRight){
		arrowRight.addEvent('click', function(){
			for(var i=0;i<=3;i++){
				if(sliderLeft - (i*imageSize) >= maxLeft){
					count = i;
				}else if(sliderLeft == maxLeft){
				count = 0;
				}
			}
			sliderTween.start('left', sliderLeft - (count*imageSize) + 'px');
		});
	}
	
	//ledenslider pijltje links
	if(arrowLeft){
		arrowLeft.addEvent('click', function(){
			for(var i=0;i<=3;i++){
				if(sliderLeft + (i*imageSize) <= 0){
					count = i;
				}else if(sliderLeft == 0){
					count = 0;
				}
			}
			sliderTween.start('left', sliderLeft + (count*imageSize) + 'px');	
		});
	}
	
	submenuUl.each(function(item){
		item.setStyle('display', 'none');
	});
		
	if(activeItem){
		$(activeItem.parentNode.parentNode).setStyle('display', 'block');
		li = $(activeItem.parentNode.parentNode.parentNode);
		if(li.getFirst('img'))li.getFirst('img').src = '/images/arrow_down_dark.png';
		if($(li.parentNode)) li.parentNode.setStyle('display', 'block');
	};
	
	//submenu in- en uitklappen
	submenuLi.each(function(item){
		item.addEvent('click', function(){
			var ul = $(item.parentNode).getChildren('ul');
			ul.toggle();
			if($(item.parentNode).getFirst('ul')){
				if($(item.parentNode).getFirst('ul').getStyle('display') == 'none'){
					$(item.parentNode).getFirst('img').src = '/images/arrow_right_dark.png';
				}else if($(item.parentNode).getFirst('ul').getStyle('display') == 'block'){
					$(item.parentNode).getFirst('img').src = '/images/arrow_down_dark.png';
				}	
			}	
		});
	});
	
	//hoofdmenupijltjes
	if(activeLi.getFirst('img')){
		activeLi.getFirst('img').src = '/images/arrow_down_dark.png';
		activeLi.addEvent('mouseenter', function(){
			activeLi.getFirst('img').src = '/images/arrow_down.png';
		});
		activeLi.addEvent('mouseleave', function(){
			activeLi.getFirst('img').src = '/images/arrow_down_dark.png';
		});
	}
	
	//hoofmenu grootte
	var subLi = $$('#headerMenu > ul > li > ul > li');
	var headerLi = $$('#headerMenu > ul > li');

	//header resetten naar oorspronkelijk formaat
	headerLi.each(function(item){
		item.addEvent('mouseenter', function(){
			if(item.getFirst('ul')) item.getFirst('ul').setStyle('height','');	
		});
	});

	//header groter maken wanneer submenu groter is
	subLi.each(function(item){
		item.addEvent('mouseenter', function(){
			var headerUl = $(item.parentNode);
			headerUl.setStyle('height','');
			var headerUlSize = headerUl.getSize().y;
			
			if(item.getFirst('ul')){
				var subSubmenuSize = item.getFirst('ul').getDimensions().y;
			}
			
			if(headerUlSize < subSubmenuSize){
				headerUl.setStyle('height', subSubmenuSize);
				
			}
		});
	});
	
});