$(document).ready(function(){
	_duration = 500;
	$('div.visual div.box').each(function(i, _box){
		$(_box).addClass('col-'+(i+1)).addClass('cols');
		var _hover = false;
		var _txt = $('div.txt', _box);
		
		
		$(_box).mouseenter(function(){
			_hover = true;
			$(_box)
				.css({zIndex:2})
				.animate({
					'width':470
				}, {duration:_duration, easing:'linear', queue:false, complete:function(){
					if (_hover) _txt.fadeIn(200);
				}})
		}).mouseleave(function(){
			_hover = false;
			if (_txt.is(':visible')) _txt.fadeOut(200);
			$(_box)
				.css({zIndex:1})
				.animate({
					'width':150
				}, {duration:_duration, easing:'linear', queue:false, complete:function(){
					if (!_hover) $(_box).css({zIndex:0});
				}})
		})
	});
	
	// slide block *************************************************************
	$('div.text-holder:has(div.slide-block)').each(function(i, slide){
		var _block = $('div.slide-block',slide);
		var _opener = $('a.slide-link',slide);
		var _f = false;
		_block.hide().css('width',_block.parent().width());
		if (_opener.hasClass('close')) {
			_block.show();
			_f = true;
		}
		
		_opener.click(function(){
			if (!_f) {
				_opener.text('Minder').addClass('close').removeClass('open');
				_block.slideDown(300);
				_f = true;
			} else {
				_opener.text('Meer').addClass('open').removeClass('close');
				_block.slideUp(300);
				_f = false;
			}
			return false;
		});
		
		
	});
});