var oDemoWin;

// shows demo sticky win.
function showDemo(strType, strAdvertiser)
{
    // Create a new swiff
    var oSwf = new Swiff("/resources/flash/ad_demos/SpotxAdDemo.swf", {
        id: "ad_demo_swf",
        width: 864,
        height: 637,
        params: {base: "."},
        vars: {
            type: strType,
            advertiser: strAdvertiser
        },
        properties: {menu: false}
    });
    
    var oContainer = new Element("div", {id:"ad_demo_container"});
    oContainer.grab(oSwf);
    
    // Add a close button for the model demo window
    var oCloseBtn = new Element("div")
        .addClass("close_demo_win");
    
    oCloseBtn.addEvent("click", function() {
        oContainer.destroy();
        oDemoWin.hide();
        return false;
    });
    oContainer.grab(oCloseBtn);
    
    if(!oDemoWin)
    {
        oDemoWin = new StickyWin.Modal({
            content: oContainer,
            modalOptions: {
                modalStyle: {
                    'background-color': '#333',
                    'opacity': .7
                },
                hideOnClick: true
            },
            onClose: function(){
                // Get rid of everything cuz the swf keeps playing in IE
                // and you continue to hear the ad playing in thebackground
                oContainer.destroy();
            }
        });
    }
    else
    {
        oDemoWin.setContent(oContainer);
        oDemoWin.show();
    }
    
    oDemoWin.pin();
    if(Browser.Engine.gecko)
    {
        $(oDemoWin.id).setStyle("top", 0);
    }
    
    return false;
};

function initAdDemoButtons()
{
    $$("#ad_demo_buttons div").each(function(oDiv) {
        oDiv.addEvent("mouseover", function() {
            this.addClass("demo_button_over");
        });
        oDiv.addEvent("mouseout", function() {
            this.removeClass("demo_button_over");
        });
    });
}

window.addEvent("domready", function() {
    initAdDemoButtons();
});