YAHOO.namespace("example.panel");

    YAHOO.example.panel.panels = [];

    function init() {
        YAHOO.example.panel.panel = new YAHOO.widget.Panel("privacy-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panel.render();

        YAHOO.example.panel.panels["privacy-popup"] = YAHOO.example.panel.panel;

        YAHOO.example.panel.panelBml = new YAHOO.widget.Panel("bml-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panelBml.render();

        YAHOO.example.panel.panels["bml-popup"] = YAHOO.example.panel.panelBml;

        YAHOO.example.panel.panelStar = new YAHOO.widget.Panel("starRating-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panelStar.render();

        YAHOO.example.panel.panels["starRating-popup"] = YAHOO.example.panel.panelStar;

        YAHOO.example.panel.panelUserAgreement = new YAHOO.widget.Panel("user-agreement-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panelUserAgreement.render();

        YAHOO.example.panel.panels["user-agreement-popup"] = YAHOO.example.panel.panelUserAgreement;

        YAHOO.example.panel.panelCid = new YAHOO.widget.Panel("cid-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panelCid.render();

        YAHOO.example.panel.panels["cid-popup"] = YAHOO.example.panel.panelCid;

        YAHOO.example.panel.panelBmlTerms = new YAHOO.widget.Panel("bmlterms-popup", { width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panelBmlTerms.render();

        YAHOO.example.panel.panels["bmlterms-popup"] = YAHOO.example.panel.panelBmlTerms;

        YAHOO.example.panel.panelCoupon = new YAHOO.widget.Panel("coupon-popup", { iframe:true, width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
        YAHOO.example.panel.panelCoupon.render();

        YAHOO.example.panel.panels["coupon-popup"] = YAHOO.example.panel.panelCoupon;

        YAHOO.example.panel.panel3DSecureFaq = new YAHOO.widget.Panel("3DSecureFaq-popup", { zIndex: 15, width:"620px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true, modal:false } );
                        YAHOO.example.panel.panel3DSecureFaq.render();

        YAHOO.example.panel.panels["3DSecureFaq-popup"] = YAHOO.example.panel.panel3DSecureFaq;

        }

    function create() {
        var form = document.forms["overlayform"];

        // get form values
        var id = form["id"].value;

        var x = form["x"].value;
        var y = form["y"].value;

        var header = form["header"].value;
        var body = form["body"].value;
        var footer = form["footer"].value;

        var visible = form["visible"].checked;

        var effectArg;

        if (form["effect"].selectedIndex > 0) {
            var dur = form["duration"].value;
            if (! dur) {
                dur = 0.5;
            } else {
                dur = parseFloat(dur);
            }
            var effect = form["effect"].options[form["effect"].selectedIndex].value;
            var effectClass = eval(effect);

            effectArg = {
                effect:effectClass,
                duration:dur
            };
        }

        var width = form["width"].value;
        var height = form["height"].value;
        var zIndex = form["zIndex"].value;
        var constrain = form["constraintoviewport"].checked;
        var useIframe = form["iframe"].checked;

        var fixedcenter = form["fixedcenter"].checked;

        var modal = form["modal"].checked;
        var close = form["close"].checked;
        var draggable = form["draggable"].checked;

        var context = form["context"].value;
        var contextArg = new Array();
        if (context) {
            contextArg[0] = context;
            contextArg[1] = form["elementMagnet"].options[form["elementMagnet"].selectedIndex].value;
            contextArg[2] = form["contextMagnet"].options[form["contextMagnet"].selectedIndex].value;
        }

        var underlay = "none";
        if (form["underlay"].selectedIndex > 0) {
            underlay = form["underlay"].options[form["underlay"].selectedIndex].value;
        }

        var args = {};
        args.visible = visible;

        if (effectArg) {
            args.effect = effectArg;
        }

        if (x) {
            args.x = parseInt(x, 10);
        }

        if (y) {
            args.y = parseInt(y, 10);
        }

        if (width) {
            args.width = width;
        }

        if (height) {
            args.height = height;
        }

        args.constraintoviewport = constrain;

        args.iframe = useIframe;

        args.fixedcenter = fixedcenter;

        args.draggable = draggable;
        args.modal = modal;
        args.underlay = underlay;
        args.close = close;

        if (contextArg.length > 0) {
            args.context = contextArg;
        }

        var newMod;
        var isNew = true;

        if (YAHOO.example.panel.panels[id]) {
            newMod = YAHOO.example.panel.panels[id];
            newMod.cfg.applyConfig(args);
            isNew = false;
        } else {
            newMod = new YAHOO.widget.Panel(id, args);
            YAHOO.example.panel.panels[id] = newMod;
        }

        if (header) {
            newMod.setHeader(header);
        }
        if (body) {
            newMod.setBody(body);
        }
        if (footer) {
            newMod.setFooter(footer);
        }

        if (isNew) {
            newMod.render(document.body);
        } else {
            newMod.render();
        }
    }

    YAHOO.util.Event.addListener(window, "load", init);