$(document).ready(function() {
	// find the div.fade elements and hook the hover event
	$('.site4, .site1, .site3, .site2').hover(function() {
		// on hovering over find the element we want to fade *up*
		var fade = $('> .fadeThis', this);

		// if the element is currently being animated (to fadeOut)...
		if (fade.is(':animated')) {
			// ...stop the current animation, and fade it to 1 from current position
			fade.stop().fadeTo(500, 1);
		} else {
			fade.fadeIn(500);
		}
	}, function () {
		var fade = $('> .fadeThis', this);
		if (fade.is(':animated')) {
			fade.stop().fadeTo(500, 0);
		} else {
			fade.fadeOut(500);
		}
	});
	$("a.site4, a.site2, a.site3, a.site1").fancybox({
		'zoomSpeedIn':		500, 
		'zoomSpeedOut':	500, 
		'overlayShow':		false
	});
});