YAHOO.util.Event.onDOMReady(
        function() {
            var panexists = document.getElementById("resizablepanel");
            if (panexists == null){ return; }

            // Create a panel Instance, from the 'resizablepanel' DIV standard module markup
            var panel = new YAHOO.widget.Panel("resizablepanel", {
                draggable: false,
                close: false,
                width: "348px",
                height: "150px",
                autofillheight: "body", // default value, specified here to highlight its use in the example
                constraintoviewport:true,
                context: ["showbtn", "tl", "bl"],
                zIndex: 1
            });
            panel.render();
         
//            // Create Resize instance, binding it to the 'resizablepanel' DIV
//            var resize = new YAHOO.util.Resize("resizablepanel", {
//                handles: ["br"],
//                autoRatio: false,
//                minWidth: 348,
////                minHeight: 150,
//                status: true,
//                setSize:false
//            });
//
//
//            resize.on("startResize", function(args) {
//                    resize.set("maxWidth", 348);
//                    resize.set("maxHeight", 150);
//            }, panel, true);
//
//            resize.on("resize", function(args) {
//                var panelHeight = args.height;
//                this.cfg.setProperty("height", panelHeight + "px");
//            }, panel, true);
             
        }
    );