function LyricLabelBox ()
{
    this.init("4em","Lyric:");

    // for firefox, a width must be given, otherwise when you hide/re-show it
    // doesnt lay'e, straight. IE doesnt have the problem. But width makes
    // for a bit too much extra room and so we dont do it with IE
    if( !Utils.isIE() )
	this.getContent().style.width = "8em";

    this.initSwaraLyricLabelBox();

    /**
     * called when contents have changed - override of {@link SwaraLyricLabelBox}
     */
    this.onChange = function() {
	EventManager.postEvent(EventManager.EVENT_LYRICTOOLBAR_LABELCHANGED, this, this.getTextBox().value);
    }

    /**
     * override of {@link SwaraLyricLabelBox#handleEvent}
     */
    this.handleEvent = function(evt, src, data) {
	if( evt == EventManager.EVENT_LYRIC_SELECTED ) {
	    this.fView = src;
	    this.getTextBox().value = src.getModel().getText();
	    this.getContent().style.display    = "";
	    this.fOrigContents = this.getTextBox().value;
	    // TODO: move to end
	}
	else {
	    this.fView = null;
	    this.fOrigContents = "";
	}
	return true;
    }
}
/**
 * @class
 * represents the lyric label edit box. It implements the {@link EventListener}
 * interface.
 */
@class
represents the lyric label edit box. It implements the  EventListener
interface.
@class represents the lyric label edit box . It implements the EventListener interface .
function LyricLabelBox ()
{
    this.init("4em","Lyric:");
    if( !Utils.isIE() )
	this.getContent().style.width = "8em";
    this.initSwaraLyricLabelBox();
    this.onChange = function() {
	EventManager.postEvent(EventManager.EVENT_LYRICTOOLBAR_LABELCHANGED, this, this.getTextBox().value);
    }
    this.handleEvent = function(evt, src, data) {
	if( evt == EventManager.EVENT_LYRIC_SELECTED ) {
	    this.fView = src;
	    this.getTextBox().value = src.getModel().getText();
	    this.getContent().style.display    = "";
	    this.fOrigContents = this.getTextBox().value;
	}
	else {
	    this.fView = null;
	    this.fOrigContents = "";
	}
	return true;
    }
}
function LyricLabelBox ( ) { this . init ( "4em" , "Lyric:" ) ; if ( ! Utils . isIE ( ) ) this . getContent ( ) . style . width = "8em" ; this . initSwaraLyricLabelBox ( ) ; this . onChange = function ( ) { EventManager . postEvent ( EventManager . EVENT_LYRICTOOLBAR_LABELCHANGED , this , this . getTextBox ( ) . value ) ; } this . handleEvent = function ( evt , src , data ) { if ( evt == EventManager . EVENT_LYRIC_SELECTED ) { this . fView = src ; this . getTextBox ( ) . value = src . getModel ( ) . getText ( ) ; this . getContent ( ) . style . display = "" ; this . fOrigContents = this . getTextBox ( ) . value ; } else { this . fView = null ; this . fOrigContents = "" ; } return true ; } }
@class
 represents the lyric label edit box.
@class represents the lyric label edit box .
// for firefox, a width must be given, otherwise when you hide/re-show it
 // doesnt lay'e, straight. IE doesnt have the problem. But width makes
 // for a bit too much extra room and so we dont do it with IE
 /**
     * called when contents have changed - override of {@link SwaraLyricLabelBox}
     */ /**
     * override of {@link SwaraLyricLabelBox#handleEvent}
     */ // TODO: move to end
