var interstitialActive = false;

var interstitalDest;

function interstitial ()
{
    interstitialActive = true;

    var grey = new Element ('div', {
        'id' : 'greyOut',
        'style' : 'position: absolute; top: 0px; left: 0px; background-color: #000000; z-index: 50; opacity:0.5;filter: alpha(opacity=50);'
    });

    var div = new Element ('div', {
        'id' : 'interstitial',
        'style' : 'width: 400px; height: 400px;'
    });

    var topImg = new Element ('img', {
        'src' : '/Anthem/_images/inter_top.gif'
    });

    var botImg = new Element ('img', {
        'src' : '/Anthem/_images/inter_bot.gif'
    });

    var content = new Element ('div', {
        'id' : 'interstitialContent',
        'style' : "background-image: url('/Anthem/_images/inter_bg.gif'); padding: 10px;"
    });

    div.insert (topImg);
    div.insert (content);
    div.insert (botImg);

    var height = document.body.clientHeight;
    var width = document.body.clientWidth;

    grey.style.height = height + "px";
    grey.style.width = width + "px";

    var actionDiv = new Element ('div', {'style' : 'margin-left: auto; margin-right: auto; width: 250px;'});

    var ok = new Element ('img', {
        'src' : '/Anthem/_images/inter_continue.gif',
        'style' : 'margin-right: 40px;'
    });

    Event.observe (ok, "click", function (e) {

        interstitialActive = false;

        $("interstitial").remove ();
        $("greyOut").remove ();

        window.location.href = interstitialDest;
    });

    var cxl = new Element ('img', {
        'src' : '/Anthem/_images/inter_cancel.gif'
    });

    Event.observe (cxl, "click", function (e) {
        interstitialActive = false;
        $("interstitial").remove ();
        $("greyOut").remove ();
    });

    actionDiv.insert (ok);
    actionDiv.insert (cxl);

    var body = document.getElementsByTagName ("body") [0];

    Element.extend (body);

    body.insert (grey);
    body.insert (div);

    var url = "/anthem/interstitial.html";

    new Ajax.Request (url, {
        'method' : 'get',
        'onSuccess' : function (transport) {
            $('interstitialContent').update (transport.responseText);
            $('interstitialContent').insert ("<br/>");
            $('interstitialContent').insert ("<br/>");
            $('interstitialContent').insert (actionDiv);
        }
    });
};

Event.observe (window, "resize", function (e) {
    if (interstitialActive) {

        var height = document.body.clientHeight;
        var width = document.body.clientWidth;

        $("greyOut").style.height = height + "px";
        $("greyOut").style.width = width + "px";

        var left = (Math.floor ((width - 500) / 2));

        $("interstitial").style.left = left + "px";
         
    } else {
        return false;
    }
});

Event.observe (document, "mousedown", function (e) {

    var node = e.target;

    if (node.nodeName == "A") {

        Element.extend (node);

        if (node.href.match (/javascript/i)) {
            return false;
        }

        if (node.href.match (/anthem/i) || node.href.match (/^[A-Za-z]+\.[A-Za-z]/)) {
            return false;
        } else {

            interstitialDest = node.href;

            Event.stop (e);

            if (interstitialActive) {
                return false;
            }

            interstitial ();

            return false;
        }

    } else {
        return false;
    }
});