$(function() {		

	// initialize overlay trigger
	$("a[rel]").overlay({
			

		// start exposing when overlay starts to load
		onBeforeLoad: function() {
			
			// this line does the magic. it makes the background image sit on top of the mask
			this.getBackgroundImage().expose({
			color: '#00446D',
			opacity: 0.5,
			openSpeed: 500,
			closeSpeed: 500
			});

			// grab wrapper element inside content
			var wrap = this.getContent().find("div.wrap");
			
			// load only for the first time it is opened
			if (wrap.is(":empty")) {			
				wrap.load(this.getTrigger().attr("href"));	
			}		

		}, 
		
		// when overlay is closed take the expose instance and close it as well
		onClose: function() {
			$.expose.close();
		}
		
	});			
});