// version -- 1
YAHOO.namespace("cn.overlay.tools");
    
    (function(){
        var Dom   = YAHOO.util.Dom,
            Event = YAHOO.util.Event,
            Panel = YAHOO.widget.Panel;        
            
        // get context position
        var region = Dom.getRegion("overlay_context");
        var overlay_width = 270;
        var context_y = region.top + 10;
        var context_x = region.left + Math.floor( ( region.right - region.left ) / 2 ) - Math.floor( overlay_width / 2 );
        YAHOO.cn.overlay.tools = function( id ) {        
            YAHOO.util.Dom.addClass(document.getElementsByTagName("body"), "yui-skin-sam");
            
            YAHOO.cn.overlay.tools.superclass.constructor.call( this,  id || Dom.generateId(), {
                width: overlay_width + "px", 
                constraintoviewport: true, 
                underlay: "none",
                visible: false, 
                draggable: false,
                effect:{ effect: YAHOO.widget.ContainerEffect.FADE, duration: 1 },
                xy:[ context_x, context_y ]
            });
            var html = "";
            html += "<div class=\"feature_box_1\">";
            html += " <div class=\"feature_body_1b\">";
            html += "  <div class=\"feature_section_1 last\">";
            html += "   <span>" + lang.closeTxt + "</span>";
            html += "    <div class=\"notch\">&nbsp;</div>";
            html += "   <h3>" + lang.eTools.toolsTxt + "</h3>";
            html += "   <p>" + lang.eTools.toolsPopupTxt + "</p>";
            html += "  </div>";
            html += " </div>";
            html += "</div>";
            
            this.setHeader( "<div class=\"header_spacer\"></div>" );
            this.setBody( html );
            this.render( document.body );
        }
        
        YAHOO.lang.extend(YAHOO.cn.overlay.tools, Panel);
        
        // get instance and show
        var overlay_panel;
        Event.onDOMReady( function () {
            if (!region || !UserMgr.isLoggedIn() || self.document.referrer.indexOf('/velocity/MainMenu/') == -1) {
           return;
            }
        
            if ( !overlay_panel ) {
                overlay_panel = new YAHOO.cn.overlay.tools( "overlay_panel" );
            }
            overlay_panel.show();
            setTimeout(function() { overlay_panel.hide(); }, 7000 ); // hide after 7 seconds
        });
    
    })();