//	Fix voor IE8
$(document).ready(function(){
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	var $caption = $(this).find('div.green-text');
	var pheight = $(this).height();
	$caption.css('top', pheight );
		
	//Full Caption Sliding (Hidden to Visible)
	$('.boxgrid.captionfull').hover(function(){
		$("div.green-text", this).animate({top:'120px'},{queue:false,duration:350});
	}, function() {
		$("div.green-text", this).animate({top:'180px'},{queue:false,duration:160});
	});
	
});
//	Einde

(function($){
	$(function(){
		$('.title-box>li').hover(
			function(){
				$(this).stop(1);
				$(this).animate({'background-position':'0px 0'});
			},
			function(){
				$(this).stop(1);
				$(this).animate({'background-position':'-150px 0'});
			}
		)
		
		$('.boxgrid').each(function(){
			var $caption = $(this).find('div.green-text');
			var pheight = $(this).height();
			$caption.css('top', pheight );
			
			
						
			$(this).hover(
				function(){
					$caption.stop(1);
					$caption.animate({ top: pheight - $caption.height() });
				},
				function(){
					$caption.stop(1);
					$caption.animate({ top: pheight	})
				}
				
			)
		});
				
	});
})(jQuery);