var loading = $('<img>').attr('src', '/img/ajax-loader.gif');

function showJob(id) {

        // load article content
        $.ajax({
                type: "GET",
                url: "/jobs.php",
                data: "mode=ajax&id=" + id,
                success: function(jobHtml) {
                        $("#job" + id).html(jobHtml).slideDown();
                },
                beforeSend: function() { // add loading indicator
                        $("#jobBlock" + id + " img").show();
                },
                complete: function() { // remove loading indicator
                        $("#jobBlock" + id + " img").hide();
			$("#jobBlock" + id + " a").text('[ collapse ]').attr('href','javascript:hideJob(' + id + ')');
                }
        });

}

function hideJob(id) {
	$("#job" + id).slideUp();
	$("#jobBlock" + id + " a").text('[ expand ]').attr('href','javascript:showJob(' + id + ')');
}