





<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="content-language" content="en">
    <title>Site Undergoing Maintenance</title>

    <link rel="icon" type="image/png" href="images/favicon.png">

    <link rel="stylesheet" href="styles/styles.css" type="text/css" media="all"/>

    <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>


    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <style type="text/css">@import "/styles/maintenance.css;jsessionid=2C0AE501252F694D4228C4F30751B497";</style>

    <script type="text/javascript">
        function redirect(hostname) {
            window.location.assign('http://' + hostname);
        }

        function setMaintenanceCheckTimeout(hostname) {
            setTimeout(function() { checkMaintenance(hostname); }, 30000);
        }

        function setRedirectTimeout(hostname) {
            $('#redirect-msg').show();
            setTimeout(function() { redirect(hostname); }, 3000);
        }

        function checkMaintenance(hostname) {
            $('#check-maintenance').show();
            $.ajax({
                url: 'maintenance!ajaxMaintenanceStatus.jspa?hostname=' + hostname,
                type: 'GET',
                cache: false,
                dataType: 'json',
                data: {},
                success: function(data) {
                    $('#check-maintenance').hide();
                    if ( data && data.inMaintenance === false ) {
                        setRedirectTimeout(hostname);
                    } else {
                        setMaintenanceCheckTimeout(hostname);
                    }
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    $('#check-maintenance').hide();
                }
            });
        }

        $(document).ready(function() {
            var preview = false;
            var hostname = "bookclubs.barnesandnoble.com";
            var detail = {"activeOption":"","customMessage":"","frozen":false,"hibernated":false,"inMaintenance":false,"maintenanceUrl":"https://status.jiveon.com/maintenance.jspa?hostname=bookclubs.barnesandnoble.com","redirectUrl":"","suspended":false,"uat":false};
            if ( preview ) {
                $('#preview-banner').show();
                if ( detail && detail.inMaintenance === true ) {
                    $('#preview-banner .maintenance-on').show()
                    $('#preview-banner .maintenance-off').hide()
                } else {
                    $('#preview-banner .maintenance-off').show()
                    $('#preview-banner .maintenance-on').hide()
                }
            } else {
                $('#preview-banner').hide();
                setMaintenanceCheckTimeout(hostname);
            }
            if ( detail && detail.activeOption == "custom-message"
                    && detail.customMessage && detail.customMessage.length > 0 ) {
                $('#custom-message').html(detail.customMessage).show();
                $('#default-message').hide();
            } else {
                $('#custom-message').hide();
                $('#default-message').show();
            }
        });
    </script>



</head>

<body>
<div class="j-jca-bg">
    <div class="j-jca-container box j-rc5 ">
        <img src="images/jive-software-logo.png" alt="Jive logo" title="Jive" class="logo">
        <h1> </h1>

        

    <div id="preview-banner" class="strip pad" style="display:none;">
        <div>
            You are viewing a <strong>preview</strong> version of the custom
            maintenance page.
        </div>
        <div class="p16 maintenance-off" style="display:none">
            This installation is <strong>not in maintenance mode</strong>.
        </div>
        <div class="p16 maintenance-on" style="display:none">
            This installation <strong>is in maintenance mode</strong>.
            <div class="p16">
                Auto-refresh is disabled in preview.
            </div>
        </div>
    </div>

    <div class="strip pad">

        <h3>Site Undergoing Maintenance</h3>

        <div class="p16" id="default-message">This site is currently down, but will be back shortly.</div>

        <div class="p16" id="custom-message" style="display:none;"></div>

        <div class="p16">
            <script language="JavaScript" type="text/javascript">
            <!--
            var d = new Date();
            var months = new Array("Jan","Feb","Mar","Apr","May","Jun","July","Aug","Sep","Oct","Nov","Dec");
            document.write("(" + months[d.getMonth()] + " " + d.getDate() + ")");
            //-->
            </script>
        </div>

        <div class="p16">
            <a href="http://bookclubs.barnesandnoble.com">bookclubs.barnesandnoble.com</a>
        </div>
    </div>

    <div class="pad">
        <h4>Note:</h4>

        <p>Please wait a few minutes, and try doing whatever it was that you were doing again.</p>

        <div class="p16">
            <div id="check-maintenance" style="display:none;">
                <img src="images/loader_spinner.gif" style="width:16px;height:16px;" /> Checking site for availability...
            </div>
            <div id="redirect-msg" style="display:none;">
                <img src="images/loader_spinner.gif" style="width:16px;height:16px;" /> Site available! Redirecting...
            </div>
        </div>
    </div>


    </div>

    
</div>
</body>
</html>
