var menu = <menupopup xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
              xmlns:cb="http://xsms.nm.ru/custombuttons/"
              oncommand="this. parentNode. cbController. handleMenuitem (event);">
        <menuitem label="36"
              type="checkbox"
              cb:url={"http://www.101.ru/?an=port_playmp3&channel=36"}/>
        <menuitem label="37"
              type="checkbox"
              cb:url={"http://www.101.ru/?an=port_playmp3&channel=37"}/>
        <menuitem label="38"
              type="checkbox"
              cb:url={"http://www.101.ru/?an=port_playmp3&channel=38"}/>
      </menupopup>;

this. appendChild (custombuttonsUtils. makeXML (menu));
this. type = "menu";
this. orient = "horizontal";

this. cbController =
{
    btn: null,
    
    get browser ()
    {
        var br = this. btn. getElementsByTagName ("browser") [0];
        if (!br)
        {
            br = <browser xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" style="hidden:true;" type="content"/>;
            br = custombuttonsUtils. makeXML (br);
            this. btn. appendChild (br);
        }
        return br;
    },
    
    handleMenuitem: function (event)
    {
        this. btn. removeChild (this. browser);
        this. btn. setAttribute ("tooltiptext", "");
        var menuitem = event. target;
        if (!menuitem. getAttribute ("checked"))
            return;
        Array. forEach
        (
            menuitem. parentNode. childNodes,
            function (item)
            {
                if (item == menuitem)
                    return;
                item. removeAttribute ("checked");
            }
        );
        var url = menuitem. getAttributeNS ("http://xsms.nm.ru/custombuttons/", "url");
        if (!url)
            return;
        this. browser. loadURI (url);
    },
    
    showTooltip: function ()
    {
        try
        {
            var doc = this. browser. contentDocument;
            var ts = doc. getElementById ("titlesong");
            this. btn. setAttribute ("tooltiptext", ts. textContent);
        } catch (e) {}
    }
};
this. cbController. btn = this;
 
this. onmouseover = function ()
{
    this. cbController. showTooltip ();
};

var menu = <menupopup xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
              xmlns:cb="http://xsms.nm.ru/custombuttons/"
              oncommand="this. parentNode. cbController. handleMenuitem (event);">
        <menuitem label="36"
              type="checkbox"
              cb:url={"http://www.101.ru/?an=port_playmp3&channel=36&bit=1&serv="}/>
        <menuitem label="37"
              type="checkbox"
              cb:url={"http://www.101.ru/?an=port_playmp3&channel=37&bit=1&serv="}/>
        <menuitem label="38"
              type="checkbox"
              cb:url={"http://www.101.ru/?an=port_playmp3&channel=38&bit=1&serv="}/>
      </menupopup>;

this. appendChild (custombuttonsUtils. makeXML (menu));
this. type = "menu";
this. orient = "horizontal";

this. cbController =
{
    btn: null,
    tab: null,
    evtHandle: true,
    
    handleMenuitem: function (event)
    {
        var oldTab = this. tab;
        if (oldTab)
        {
            var br = gBrowser. getBrowserForTab (oldTab);
            br. loadURI ("about:blank");
        }
        this. btn. setAttribute ("tooltiptext", "");
        var menuitem = event. target;
        var checked = menuitem. getAttribute ("checked");
        this. clearMenu ();
        if (checked)
        {
            var url = menuitem. getAttributeNS ("http://xsms.nm.ru/custombuttons/", "url");
            this. tab = gBrowser. addTab (url);
            menuitem. setAttribute ("checked", "true");
        }
        if (oldTab)
        {
            this. evtHandle = false;
            if (oldTab)
                gBrowser. removeTab (oldTab);
            this. evtHandle = true;
        }
    },
    
    showTooltip: function ()
    {
        try
        {
            var doc = gBrowser. getBrowserForTab (this. tab). contentDocument;
            var ts = doc. getElementById ("titlesong");
            this. btn. setAttribute ("tooltiptext", ts. textContent);
        } catch (e) {}
    },
    
    clearMenu: function ()
    {
        var mp = this. btn. getElementsByTagName ("menupopup") [0];
        for (var i = 0; i < mp. childNodes. length; i++)
            mp. childNodes [i]. removeAttribute ("checked");
    },
    
    handleEvent: function (event)
    {
        if (this. evtHandle && (event. type == "TabClose") && (this. tab == event. originalTarget))
        {
            this. clearMenu ();
            this. tab = null;
        }
    }
};
this. cbController. btn = this;
 
this. onmouseover = function ()
{
    this. cbController. showTooltip ();
};

this. onDestroy = function ()
{
    gBrowser. removeEventListener ("TabClose", this. cbController, true);
};

gBrowser. addEventListener ("TabClose", this. cbController, false);