/*
 *    Copyright [2012] [wisemapping]
 *
 *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
 *   It is basically the Apache License, Version 2.0 (the "License") plus the
 *   "powered by wisemapping" text requirement on every single page;
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the license at
 *
 *       http://www.wisemapping.org/license
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */

mindplot.widget.KeyboardShortcutTooltip = new Class({
    Extends: mindplot.widget.FloatingTip,

    initialize : function(buttonElem, text) {
        $assert(buttonElem, "buttonElem can not be null");
        $assert(text, "text can not be null");
        this._text = text;

        console.error("mindplot.widget.KeyboardShortcutTooltip must be implemented ...");
//        var children = buttonElem.children();
//        var tipElemId = buttonElem.id + "Tip";
//        var tipDiv = new Element('div', {id:tipElemId});
//        children[0].inject(tipDiv);
//        tipDiv.inject(buttonElem);
//
//        this.parent(tipDiv, {
//            // Content can also be a function of the target element!
//            content: this._buildContent.pass(buttonElem, this),
//            html: true,
//            position: 'bottom',
//            arrowOffset : 10,
//            center: true,
//            arrowSize: 3,
//            offset : {x:0,y:-2},
//            className: 'keyboardShortcutTip',
//            preventHideOnOver : false,
//            motionOnShow:false,
//            motionOnHide:false,
//            fx: { 'duration': '100' }
//        });
//
//        tipDiv.addEvent('click', function(e) {
//            tipDiv.fireEvent('mouseleave', e);
//        });
    },

    _buildContent : function() {
        var result = new Element('div');
        result.setStyles({
            padding:'3px 0px',
            width:'100%'
        });

        var textContainer = new Element('div', {text:this._text});
        textContainer.setStyles({
            width: '100%',
            textAlign: 'center',
            'font-weight':'bold'
        });

        textContainer.inject(result);
        return result;
    }
});