$(document).ready(function(){

	prettyForms();
	
	$('.box').append('<div id="tr"><\/div><div id="tl"><\/div><div id="br"><\/div><div id="bl"><\/div>');
		
	$("ul.thumb li a").hover(function() {
		if( $(this).attr('online') == 0 ) {
				$(this).find(".box").append('<span class="binnenkort">binnenkort online</span>');
		}
	} , function() {
		$(".binnenkort").remove();
	});
	
	$("ul.thumb li").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('.box').addClass("hover").stop()
			.css({
				marginTop: '-75px', 
				marginLeft: '-200px', 
				top: '50%', 
				left: '50%', 
				width: '400px', 
				height: '150px'
			},500);
			$(this).find(".box img").stop()
				.css({
					width: '400px', 
					height: '150px',
				}, 500);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('.box').removeClass("hover").stop()
			.css({
				marginTop: '0', 
				marginLeft: '0',
				top: '0', 
				left: '0', 
				width: '293px', 
				height: '110px'
				});
			$(this).find(".box img").stop()
				.css({
					width: '293px', 
					height: '110px',
				});
	});


});