$(function() {
    var hideEmptyDivs = function() {
	$('#messages > div').each(function() {
	    if (!$(this).children().length) {
		$(this).hide();
	    }
	});
    };

    $('#messages div div').each(function() {
	$(this).append($('<a class="dismiss-message" title="dismiss message"><img src="/img/icons/cross.png" alt="dismiss message" /></a>'));
    });


    $('.dismiss-message').live('click', function(e) {
	e.stopPropagation();
	$(this).closest('div').fadeOut('fast', function() {
	    $(this).remove();
	    hideEmptyDivs();
	});
    });
});