jQuery function

how to simplify this function

[drooh]

So I have this function

$("#brewhouse").click(function (event) {
event.preventDefault();
$('#pLoaderImg').css("display", "block");
$.ajax({
url: "portfolio/brewhouse.php",
dataType: "html",
success: function(data){
$("#webDetail").fadeOut(function() {
$(this).html(data).slideDown('slow');
});
$('#pLoaderImg').fadeOut();
}
});
});

Wondering how I can reuse this function without having to rewrite it each time. For example, everything stays the same except for the url of the loaded php file and the click element (#brewhouse)

should I have a smaller function that calls this function and passes a few variables? just not sure how to do that with jQuery

[daveVk]

enclose what you have within a function

function setClick( elId, url ) {
$('#'+elId).click(function (event) {
event.preventDefault();
$('#pLoaderImg').show();
$.ajax({
url: url,
dataType: "html",
success: function(data){
$("#webDetail").fadeOut(function() {
$(this).html(data).slideDown('slow');
});
$('#pLoaderImg').fadeOut();
}
});
});
);

and call for each
setClick('brewhouse', 'portfolio/brewhouse.php');