$(document).ready(function() {
	$('.hoverTip').hover(
		function() {	
		this.tip = this.title;
		this.kinderen = $(this).children()
		$(this).append(
			'<div class="overviewWrapper">'														
				+'<div class="overviewMid">'																	
					+this.tip	
				+'</div>'														
			+'</div>'
		);
		this.title = "";
		this.width = $(this).width();
		this.height = $(this).height();
		$(this).find('.overviewWrapper').css({left:this.width-148})
		$(this).find('.overviewWrapper').css({top:this.height-140})
		$('.overviewWrapper').fadeIn(300);
	},
	function() {
		$('.overviewWrapper').fadeOut(100);
		$(this).children().remove();
		$(this).append(this.kinderen);
			this.title = this.tip;
		}
	);
});

// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs-adv ul.thumbs li').css('opacity', onMouseOutOpacity)
	.hover(
		function () {
			$(this).not('.selected').fadeTo('fast', 1.0);
		}, 
		function () {
			$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
		}
	);