// global variable to keep the latest timeout instance so it can be cancelled if a message is displayed before the time out runs
var lastTimeout = null;


jQuery(document).ready(function() {
    jQuery('#feedback').click(function() {
        jQuery(this).slideUp('slow');
    });
});

// type: success|warning|error
function displayMessage(type, title, message, timeout) {

    // clear last timeout.
    clearTimeout(lastTimeout);

    jQuery('#feedback #frame #icon img').each(function() {
        if (type == jQuery(this).attr('id')) {
            jQuery(this).css('display', 'block');
        }
    });
    jQuery('#feedback #frame #pane #title').text(title);
    jQuery('#feedback #frame #pane #message').text(message);

    if (!isNaN(timeout)) {
        lastTimeout = setTimeout(function() {
            jQuery('#feedback').slideUp('slow');
        }, timeout);
    }

    jQuery('#feedback').slideDown('medium');

    return lastTimeout;
    
}