/*
 * Displays a message to users that the exhibition is closed
 * Requires the jQuery library
 */

 $(document).ready(function() {
    // Insert the HTML
    $('body').append('<div id="closed-message-box" style="z-index:100; position:absolute; top:0;left:0;right:0;width:100%;height:30px;background-color:#FFF;color:black;border-bottom:1px solid red;display:none;"><p style="color:#000;font-size:13pt;margin: 7px 0 0 3%;">This exhibition is now closed. <a style="color:red;padding-left:20px  ;" href="#">Hide message</a></p></div>');
    // Fade in the message
    $('#closed-message-box').fadeIn('slow');
    // IF you click anywhere on the message, close the message  
    $('#closed-message-box,#closed-message-box a').click(function(){
         $('#closed-message-box').fadeOut('slow');
         return false;
    });
})