$(document).ready(function() {   

    // assign a click event to the exposed element 
    $(".bbw_facewall_module_container .face").overlay({
    	expose: '#f1f1f1',
    	fixed: false,
    	onBeforeLoad: function() {
			// grab wrapper element inside content 
    		var wrap = this.getOverlay().find(".overlayContentWrap");
    		wrap.html('<div class="bbw_loader"></div>');
    		// load the page specified in the trigger
    		var id = this.getTrigger().attr('id').replace("FaceWall_","");
    		wrap.load('index.php?option=com_facewall&view=content&tmpl=component&format=ajax&id=' + id);
		},
		onClose: function() {
		}
    });

    // Assing tooltips to all facewall images.
    $("span[title]").tooltip({position: 'top center'});
});