
dojo.addOnLoad( function() {
    if(dojo.isIE <= 6) {
        dojo.require("dijit.dijit");
        var ieAlert = document.createElement('div');
        dojo.style(ieAlert, {
            border: '3px solid black',
            background: 'white',
            padding: '30px 20px 20px',
            width: '500px',
            position: 'absolute',
            top: '50px',
            left: ((dijit.getViewport().w / 2) - 250) + 'px',
            zIndex: '9'
        });
        var ieLogo = document.createElement('img');
        ieLogo.src = '/images/ielogo.png';
        dojo.style( ieLogo, {
            'float': 'left',
            margin: '0 10px 10px 0'
        });
        ieAlert.appendChild(ieLogo);
        ieAlert.appendChild(dojo.create('h2', { innerHTML: 'We\'ve detected that you are using Internet Explorer 6' }));
        ieAlert.appendChild(dojo.create('p', { innerHTML: 'Although the website will still work, certain elements may look strange. To view the site as indended, we recommend that you upgrade your browser.' }));
        ieAlert.appendChild(dojo.create('p', { innerHTML: 'You can <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">upgrade your browser</a> or install <a href="http://code.google.com/chrome/chromeframe/">Google Chrome frame</a> for IE6.' }));
        var closeButton = document.createElement('a');
        dojo.style(closeButton, {
            display: 'block',
            position: 'absolute',
            top: '5px',
            right: '20px'
        });
        closeButton.appendChild(document.createTextNode('close'));
        ieAlert.appendChild(closeButton);
        var overlay = document.createElement('div');
        dojo.style(overlay, {
            background: 'black',
            opacity: '0.5',
            width: dijit.getViewport().w + 'px',
            height: dijit.getViewport().h + 'px',
            position: 'absolute',
            top: 0,
            left: 0,
            zIndex: '9'
        });

        dojo.place(overlay, dojo.body(), 'last');
        dojo.place(ieAlert, dojo.body(), 'last');
        dojo.connect(closeButton, 'onclick', function() {
            dojo.destroy(overlay);
            dojo.destroy(ieAlert);
            dojo.xhrGet({
                url: '/ajax/ie6check.ajax',
                handleAs: "text",
                load: function(data) {
                },
                error: function(error) {
                    alert("An unexpected error occurred: ");
                }
            });
        });
    }
} );



