this.tooltipText = 
"• " + this.label +
"\n————————————————" + 
"\n         Л   => вибір кнопки" +
"\nShift+Л   => редагування збірки" +
"\n         Пр => Допомога";


/* +================   S E T T I N G   U P   P R E F E R E N C E S   L I S T   ====================+ 

custombuttons.isPref("dom.disable_open_during_load")
custombuttons.getPrefs("dom.disable_open_during_load")
custombuttons.setPrefs("dom.disable_open_during_load", false);
// toggle preference
var s = "dom.disable_open_during_load";
custombuttons.setPrefs(s, !custombuttons.getPrefs(s));
// clear preference
custombuttons.clearPrefs("dom.disable_open_during_load");

*/


/* +================ S E T T I N G   U P   P R E F E R E N C E S   ====================+ 

        This is where you set up your defaults
        
        Check to see if the default already exists i.e user has done setup
        if it doesn't exist then set the variable to your default or do the
        set up options routine. 
        
        Otherwise - a few lines down - the variable concerned will be set
        to the existing preference value.
*/

    var mythis = this;
    var mythisid = this.id;
    var newbuttontrue = false;
    var mywin = "";    
    var imgsep = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAxMiBKdW4gMjAxMSAxODozNzoxOSAtMDAwMOqseEgAAAAHdElNRQfbBgwRLSfpfyqXAAAACXBIWXMAAB7BAAAewQHDaVRTAAAABGdBTUEAALGPC/xhBQAAADZJREFUeNpj/P//PwMlgOXgwYMUmcD4n0InMFHk/kFhAEtjY+MQ9wLFBoymA0hmosgARkqzMwCnMBUdyGvqMQAAAABJRU5ErkJggg==";
    var imgseprem = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAxMiBKdW4gMjAxMSAxODozNzoxOSAtMDAwMOqseEgAAAAHdElNRQfbBg0XKTpSJJidAAAACXBIWXMAAB7BAAAewQHDaVRTAAAABGdBTUEAALGPC/xhBQAAAH5QTFRFwMDA+6OY9k449CAE9BwA9CMI91VA+7Wsxqyp50Uw6T0n3mFR04V71IB14FxL6zgh41I/xLSy9ScM9S4U/Ly0////+6ec9TUc/dzY+HFg/MC492BM9kMs+GpY8h4CtlFEgICAx0My6SUMnmZerVlO5ycO/MO8/uvo3WRU319O5YvB4wAAAAF0Uk5TAEDm2GYAAACFSURBVHjaTY/bEoIwEEMXDOAFvFRKFVCLCOr//yC7VGrz0jmZ2TQhYkXxCkjSjJzWG2w/efE94OgMdS71LMAIp+a9MNSV7zF6RoWa4ubPWrc3uj+sSJifbiD0AdsXnLGwGHLi2XZPCXV5szg0QsDyLRfzfJFiQfVKGT9ulxd7Hnf67Q3nT/gdDvjqQrUWAAAAAElFTkSuQmCC";
    var imgremove = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAE1vbiAxMyBKdW4gMjAxMSAxMDo1NToxMCAtMDAwMEM/9loAAAAHdElNRQfbBg0JOgGUeL5RAAAACXBIWXMAAB7BAAAewQHDaVRTAAAABGdBTUEAALGPC/xhBQAAARxJREFUeNqVk7EOAUEQhvc2CgkJD0A0SqVCcYVCIXEPQUgoPYxC5x6ATk9xxRVKb3AKiUgkSBSS8w8jmay9wyRfdm9uZnbn311HGXYpqSGGLqiDDLtvIAST/E4tZLwjEisYfNAEGxDwmOViLqiBORih0FGuWgFncACdOMHwr89xESjIAit2xt+MYrjI7NkC9zyVfeWiWNnsWnZMV1uzYEuZZAbSt/Rx7JZyNQsUmCu/E8xEEUOn4mo+qo1t+5ZVpVGBkrb1agYnaUJGBe7cRqoGFmuAvebtu9+2bSlCBdZUwAceAlq25ARhB+p1K/2nhy4ShiqJktSzsYMLmOM6994idkGR594Pwp7AmCZpjylkstxvQ1ke04cy/z7nBwUcsK8xH5AKAAAAAElFTkSuQmCC";
    var imglistopen = "data:image/gif;base64,R0lGODlhFwAQAIcAAApLaAUg/0JW/EDwAFfjAXu691T63/5yJvyfPPa4gNH1l/TUst31y8Xs9e756////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAAXABAAAAh9AAcocPCgoMGDCBEqEPgAgMOGDiM+fMCAAIOCDhYm3FiQgEeOIA16JFAQgcmQCEcWNMASYkSXEx+ofIAggAGUB2fiTDjzQIIFOzt+fHCgKESYEgEIJUn0Z1CZQ5/KhEqSgIAGDXZaHFlRQIGsSR++rDjSooCzQclalJrTYEAAOw==";
    var imglistclose = "data:image/gif;base64,R0lGODlhEAAQAIcAAJuQdPjbHunEF5VyC2lQEtrb2PPZINa1F8+bCuK7FfzhIM3Lw6eTGlxIFOjr7ndlOtajDN2vELuRDe/OG8aoF6SDD3RhFLyLCa2PErSfG823HXBeMNLQykM0EP/mIv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG3jbFwBmRgP/IIDrIIAAAAAAAAAAFsABQAAdQAAAAAAAAAAAhgMaG6ithgNQAAAAEoASBgNQAAAAhgNDG3jbFwByRgQTIIDrIIAAD6f2IL5qFsABQAAdgAAAAAAJAAAAhgMuG6ithgNkAAAAEoASBgNkAAAAhgNXG3hkm6l21wAYRgQTAACCD6f2IL5qAAAAAAAAAAAAwAAJEoASHK6CP///gAAAgAAAAAASAAAAAAASBgOCHK6CG6nuwgASBgNwHK6UAAAAAAAAAAAAAAAAAAAAwAASAAAAAAAAFwAYRgMxAAAABgXfHIezQAAABgQTBgP0G6nuz6f4BgNwAAASD6f2G6oQAAACAAAAFobAG6oMwAAAAAAmQAAAgAAAAAAAP66+AAAAAAACAAAAAAASAoACG6oQBgQcAAAUf66OAAAAP7CSGEAaGQAckQAcwAAAAAAsRgOzAAAUQAAAP66OBgOzG48dG48o1wD8RgQBAAEDAAAAAABUAAAAP7KSAAAAAAAEgAAsf7PWP6yiG4YIAAAkAAAAAgAAP7KSBgPMG44ngABOG44elwCDQAAAAAAAP7KUP66QGz49cTQxQAHrAAAAAAAAP66QAAv0AAv0AAAAAAv0AABUIgsYQAv0AAAAgAAAgABAgAAswABAgAAAAAAAwAAAwAAswAAggAEwwBqgAAAMwAAgnEjGHEjGAAACBgPOAAwBAAAAAAv0AABAACUABgRSAAACggJAgbPEAAYEQAAAAAYEguSlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAABwAYegAAACH5BAMAAB8ALAAAAAAQABAAAAjFAD8IHEiwYEEHCwA8aPAAwAKDAgEQqHBgAoUKBAoY5FBhQoCPASYI2MBhoAMAEhRo6MCyQwORAwA4+LDAwgQPKwdYYPlAQAQCDwFgCODBgIGiLG0mqADgw4YDRD1IXdmBwYQEFx58eBnVA4MGGaQKSICAwIcHUKV6taB2QgQJWgF0VCB1goaiARJAiEmTgIAAdCtYUBDAQISyDz8U2CBAwITHYyNcyEiQg4UIERIkiADhAkmDEitIQHBhAIGZBhEqZOiQYEAAOw==";

    var imgmspace = "data:image/gif;base64,R0lGODlhGwAaAIcAABgyGCA5IEdcR1VpVWV2ZWZ3Zml6aXBwcHV1dXd3d3yLfPlj9IaGhoeIiIiIiI+Pj4SShIWThZCQkJGRkaKtoqOuo7O8s8HIwc/Pz9HR0dLS0tTU1NbW1tjY2Nra2tvb293d3dr22+Li4uTk5Ojo6Ojq6Orq6uvr6+zs7O3t7e/v7/Dw8PDx8PHx8fLy8vPz8/T09PX19fb29vr6+vv7+/z8/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAsALAAAAAAbABoAAAj/ABdISHCgoMGDCBMmkLCgwQQSNSJKnEixIokJDRCYmOGio8ePIEPOMIHgQI2QKFN2rFGQRouXMGPKnPmSRssVOHOG2Fkhgk8LO0PkzGnzAI2hK4KGEEAAwoACSpEWpaGiqgqlSy/YoABVqVUVRWekGJsCqwCtXLGSTTGjoFiyZtF2Dbq27YEZKPKiqCCgrwAAaAP4FVBBLwq7M04oPhGBwIXHF1jYKAH5AoEIi0/YlQGiM4gIEGyIHk3aBoQInkHIKMjZc+PKkilDvpx69QEZH3J/4OsX8FbBfivo/mBbhofjHuJunbsTuQfbMTpI76A8rdLpHWIUjD69OvMQ2LUfZYjBoXx5pQIUUDDA3Hx58TA2yJ+Ptf78+TAKxr/Pv7///AfAoMGABBZo4IEDAvhCBgw26OCDEDL4wgEIiIACBhhmqOGGHKIgAgIOPDDCCySWaOKJKI7wgAMLMFBSQjDCiAADCwQEADs=";
    var imgmspacemo = "data:image/gif;base64,R0lGODlhGwAaAIcAABgyGCA5IEdcR1VpVWV2ZWZ3Zml6aXBwcHV1dXd3d3yLfPlj9IaGhoeIiIiIiI+Pj4SShIWThZCQkJGRkaKtoqOuo7O8s7nl/Lvr/sHIwdvb293d3dr22+Li4uTk5Ojo6Ojq6Orq6uzs7OP3//Dx8PPz8/T09PX19fb29vr6+vv7+/z8/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAsALAAAAAAbABoAAAj/ABdISHCgoMGDCBMmkLCgwYQPKyJKnEix4ocJDRCESDGio8ePIEOmCIHgwIqQKFN2XFFQhcqXH1W0DMmhZoUIOC3U5BBS5gGXH3dyEEAAwoACQkH6BNpR6NAMLCggTerRJ0ePTgVAler0Y4qCV5sK1Rp16k6vYD9WEMBWAICtAdoKqID2QNgREQhk2JuBBAsQfDMQiFAXBYbDGCJAYMG4sWMWECIgxoCioGHEeQP7Bcx38OTKBy4fXtv2bdS4bSt8tjw561azNVcfONF67Gunk08UpI3YdVnciHXPnoxhrAIKBmATF26CeHGnwCebKGjigvXr2LNrtz79QPXt4Ld3Ki8Rvjz2EgcQdBBhvryIDggcPPBQor79+/jze3jgYAGDkgkFGCACDCwQEAA7";
    var imgremspace = "data:image/gif;base64,R0lGODlhGwAaAIcAAEdcR2V2ZXBwcHV1dXd3d+0g/oaGhoeIiIiIiI+Pj4SShIWThZCQkJGRkaOuo8HIwc/Pz9HR0dLS0tTU1NbW1tjY2Nra2tvb293d3dr22+Li4uTk5Ojo6Orq6uvr6+zs7O3t7e/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vr6+vv7+/z8/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAUALAAAAAAbABoAAAj/AAswICCgoMGDCBMSYFDgQAMOKyJKnEixIocGBwZ0SEGio8ePIEOm6DBAwIqQKFN2XFFQxYiXMGPKnPlSRUsROHNm2MmzZ4acOW0KUAFUhM+jO4sKVRGiaQikUJ2GEJoChFUQUJFeBZGiYNWrWY9u7SogxYezHxwAWMu2LVsHaD+QTeGhrocFAR7o3cv3QYAFdj2QRYGhMIYFClgoXsyYhYIFhjGgKEjYMN6+mP9GniwAxYXPF9S6HQ3AAegLnFFYWG0hrE/WFjifqEC7guuetSucKDi79m2euXcLOEGhePHfxosLNzGhuXPXzp2bKMg8uvXr2KcLMCGhu/fv4MN3NddeIoL58+jTqzdfQsAADR8gyJ9Pv779DxoGIEiwoYT//wAGKOAGCSBQgAElJaSgggMYUEBAADs=";
    var imgremspacemo = "data:image/gif;base64,R0lGODlhGwAaAIcAAEdcR2V2ZXBwcHV1dXd3d+0g/oaGhoeIiIiIiI+Pj4SShIWThZCQkJGRkaOuo7nl/Lvr/r3t/8HIwdr22+Li4uTk5Ojo6Orq6uzs7OP3//Pz8/T09PX19fb29vr6+vv7+/z8/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAUALAAAAAAbABoAAAj/AAswICCgoMGDCBMSYFDgQAMLICJKnEixooUGBwZc8JCho8ePIEN6uDBAAIiQKFN2BFHwg8qXHz+0DDmhps2bE0LKFODyI86fNUHu7NkRqNGYBTl6NAr0o4ekPpnidArVowMAWLNqzeqAqgClHRcEkEC2rFkJARZ47RChbYQFCkLInUs3hIIFbiN0KMjWrdizgNPm3SugA4TDEK5uXQzAAWIIhA0jlorzMWEODzI/oHxT8wMOBTFr5mzTM2gBokdz9vy54AbWm6XC3uAatu3bmWkLeI27t2bdGnwL1yBgAAUMwnFjoDAAQYIKGqJLn069eoUECAoYKJmwe/cBBgoEAQQAOw==";

    var imgmoveup = "data:image/gif;base64,R0lGODlhHwAaAIcAAAAAAF9JFGpREXRjN3BwcHV1dXd3d5dwCY19T/4W2qWCDaCJG7yLCbWQD5GEZJ6UedKeC9iuEeO6FOnEGfDOGvjaH/HTL/3jKPXcUv3oUPvpboaGhoeIiIiIiI+Pj5CQkJGRkbCli83Lw8/Pz9XSzNHR0dLS0tTU1NbW1tjY2Nrb2Nra2tvb293d3eLi4uTk5Ojo6Orq6uvr6+jr7uzs7O3t7e/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vr6+vv7+/z8/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAkALAAAAAAfABoAAAj/ABN8MECgoMGDCBMeNPAhAQcQMIBInEixokWKMEBwKBDDR46PIEOKHBnSR4wCBICQXMkSJJCCP3DInEmzpk2bP2De2Mmzp8+fP3MS+AF05wwRIQYEQPBARNGdQn/YmEqV6gMBCiJQaKBAgIqqYIX6qEG2LFkSCyhcyKAhg4UJA0iYNeuj4Ni5Mxw0YKsBAAANgCcccDBjbo26BHzQWMxYhAAKbP36DRxBgAjGjBH7kMG584MGFfpKnkxBgoIHnTsj7tGitesBEiqMHl2awQDXrnsUZI27RQAKskVPBjBBAgQBvVvoJtCDhfPnAyJUWDu6LYUItp8/X95jhffvDhQAtL9Q3YKECAcefP++nEeK9/AdT6ggW7KGCsYtw4fPo6D7/e+RMMAEE1iAgQYYFMdAACoA+F5/BPCAwoQUTuhYBBFIcB52ApBQYYUQ7nDCiCSSeJUCDEDAwAECzFDiizsUJOKLJB71gFIDNEVjiTESsIMJQAYp5JBEEtmjDiUkqeSSTDbZpA4EFOACDSNUaeWVWGZ5JQ0uFNCBBy/oIOaYZJZpJpkveNBBAhugpNCbcBawQQIBAQA7";
    var imgmoveupmo = "data:image/gif;base64,R0lGODlhHwAaAIcAAAAAAF9JFGpREXRjN3BwcHV1dXd3d5dwCY19T/4W2qWCDaCJG7yLCbWQD5GEZJ6UedKeC9iuEeO6FOnEGfDOGvjaH/HTL/3jKPXcUv3oUPvpboaGhoeIiIiIiI+Pj5CQkJGRkbCli7fn+7zs/s3Lw9XSzNrb2OLi4uTk5Ojo6Orq6ujr7uzs7OP3//Pz8/T09PX19fb29vr6+vv7+/z8/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAkALAAAAAAfABoAAAj/ABN8MECgoMGDCBMeNPAhAQcQKWhInEixokWKKUBwKKBCRouPIEOKHBlShooCBGiQXMkSJI2CM1rKHDkD5sybH2sSiLlyBYkQAwIgeECipU6eJB8IUBCBQgMFAkyw1OmRZIkFFC5k0JDBwoQBJVbKKFg15AoHDbZqAABAg9sJBxysGDmWQFmQJARQ2MqW7dsIAoqKrHv344MGFdb29UtBgoIHdAvGGEG58gAJFRYvbsxgQOXKMSR/phyAQmbFfgFMkABBwOgRoQlMHj0gQgWti7lSiND5dezZnx0oMH0htwUJEQ488F0Qxuu8Eypk7quhAuvAr2E0fz2ixIAJEyxgc9CAYTWDACa4aycAQ4T79+7zRoggATlvASXgw1//Qj98pQowAAEDBwiwgn/vvVBQfwiK4NMDQQ1AVIPuKUgAgxRm6J+FLmjoIXwuEFDACSx86CELJxTQgQcouODiizDGKCOMKHjQQQIboKTQjjwWsEECAQEAOw==";    
    var imgmovedown = "data:image/gif;base64,R0lGODlhHwAaAIcAAAAAAF9JFGpREXRjN3BwcHV1dXd3d5dwCY19T/4W2qWCDbyLCbWQD5GEZJ6UedKeC9iuEeO6FOnEGfDOGvjaH/HTL/3jKPXcUv3oUPvpboaGhoeIiIiIiI+Pj5CQkJGRkbCli83Lw8/Pz9XSzNHR0dLS0tTU1NbW1tjY2Nrb2Nra2tvb293d3eLi4uTk5Ojo6Orq6uvr6+jr7uzs7O3t7e/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vr6+vv7+/z8/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAkALAAAAAAfABoAAAj/ABN4MECgoMGDCBMeNOAhwYYPL35InEixokWKLz5sKACjB46PIEOKHBmyB4wCBH6QXMkS5I+CPm7InEmzpk2bPmDa2Mmzp8+fP3MS8AF0p4wQDgYEGOAgRNGdQn3UmEqVqgMBBxZAWKBAQIqqYIX2oEG2LNkRWSFAiBBB7YAQZs32KDg2rowGByJIuJCh7wUKEhQ0kBGXxlwCPWYoXhxCwAMJFDIAmAyAwgQJAkIsXny4R4zPoB0cgDChgmTKFiwLBg36MA8WsGMP0EoBw+nJGChQgDAgdmweBV/7ZhHgQQQMAG4nB2BhQoDhLIAT4LGiuvXZEZRTrhxhgHXr0nmosRhP3oGC7NqZU2DggDx56TtQyJ/fGIJt5RmaZ54/f0fB+PzJN4IAEph2WgYYQBBACgHK5x8BO5wg4YQSolWgbRg0N8AIFFL4oA4mhCiiiFcpwMAEEHSVwogs6lAQiCyKeJQDCCwFQggxjugiATqU4OOPQAYppJA75kDCkUgmqeSSS+ZAQAEtzCDClFRWaeWVVc7QQgEcdOBCDmCGKeaYZIrpQgccJKABSgq16WYBGiQQEAA7";
    var imgmovedownmo = "data:image/gif;base64,R0lGODlhHwAaAIcAAAAAAF9JFGpREXRjN3BwcHV1dXd3d5dwCY19T/4W2qWCDbyLCbWQD5GEZJ6UedKeC9iuEeO6FOnEGfDOGvjaH/HTL/3jKPXcUv3oUPvpboaGhoeIiIiIiI+Pj5CQkJGRkbCli7fn+7np/Lzs/s3Lw9XSzNrb2OLi4uTk5Ojo6Orq6ujr7uzs7OP3//Pz8/T09PX19fb29vr6+vv7+/z8/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAkALAAAAAAfABoAAAj/ABN4MECgoMGDCBMeNOAhwYYPKWhInEixokWKKT5sKKBCRouPIEOKHBlShooCBGiQXMkSJI2CM1rKHDkD5sybH2sSiLlyBQkHAwIMcECipU6eJB0IOLAAwgIFAkyw1OmRZAmmECBEiJB1QFGSMgpWDbmiwYEIEi5kWHuBggQFDVaMDEtgLEgSAh5IoJABgF8AFCZIEPC1pNiRDg5AmFCh718LgeHOLRhjhOXLA5pSwODYLwYKFCAMuHw5BmXSlgM8iIABQGfXACxMCIB6hGkClVFnjvD6L+AIo1Hfzk3agQLevWNTYOCg9m0YtfFC4Pw6g2zCtWEUhF67hAAJjR1neMAAIYCJ2iO0E4Ahor379lfBc8Yge0CJ9+/Vv8D/XqkCBhNAAJUJ/Ln3QkH7FSiCTw4gIBQIJCjY3oEEvBDChRhmqOGGG1LoAocghoihCwQUcAILIqaYIQsnFMBBByi4IOOMNNZoI40odMBBAhqgpNCPQBagQQIBAQA7";

    var imgledgreen = "data:image/gif;base64,R0lGODlhCAAIAIcAABzoYB7oXiboYAXoaAvoaQnoaA7oZw7oZBPoYhPoZhXoYyHocRroZBvoZh/oaAzobxXoaRfobxzoZR/oZSXoZinoaynoaSTobyPoZSnoZTnoeT7ogT3ocUzofj/ohUrohlfoiFroiF3oimHojGjoiknokV/dn1XolF/okm7onnDomHjooHXopYnoqoblqIXmqoToranot37otJLowpvouavoxbHoyrLoyrroysDo08Ho1Mvo087n4QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAADwALAAAAAAIAAgAAAhLAHngeGHiRIoaPHSAQDFDhgcNNFwsYBFDxYUGHUIMiMBBQAAKFko8IOAAAAIIFWBkOGBgQoICH3aQwKBAAoMNNnjkaDFCxIobPAICADs=";
    var imgledred = "data:image/gif;base64,R0lGODlhCAAIAIcAAONvb+NwcOR1deBiYuFlZeFkZOFnZ+FnZ+JqauJqauJra+NycuNubuNubuNxceFmZuJra+JsbONvb+NxceR0dOR2duR2duR0dORzc+R2duaAgOeDg+eCguiLi+eDg+iKiuqRkeqTk+qUlOuXl+ybm+iJiemPj+mQkOuWluyenu2fn+2kpO2iou+uru+qqu+qqu+rq/PAwO6oqPCzs/G4uPPCwvTFxfTGxvXKyvbOzvbOzvfU1PfV1YQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGoQaGiH5BAMAADwALAAAAAAIAAgAAAhLAHngeGHiRIoaPHSAQDFDhgcNNFwsYBFDxYUGHUIMiMBBQAAKFko8IOAAAAIIFWBkOGBgQoICH3aQwKBAAoMNNnjkaDFCxIobPAICADs=";
    var imgwarn = "data:image/gif;base64,R0lGODlhFAAUAKIAAP//AJmZmZmZAAAAAP///wAAAAAAAAAAACH5BAEAAAQALAAAAAAUABQAAANYSLokLixKASoYMjd7g46UNQTet3EXZobDULVlxrbu+82tGDNhmosyEY2j4vUErV6Hh0o1i6fmM6aU6hRVQAD2xDa3o2nUihp5kLS0GkZSkN7weHshr78VCQA7";
          
    var myprefstart = this.label + this.id.match(/\d+$/).toString();
    if(myprefstart.indexOf(" ") > 1)
    {
       while(myprefstart.indexOf(" ") > 1)
       {
          myprefstart = myprefstart.replace(" ",'_');
       }
    }
    // To clear the preference and start from "new"
    //
    // 1. uncomment the clearPrefs line below
    // 2. click on the "Save" button
    // 3. comment out the clearPrefs line
    // 4. click on the "Save" button
    
    //custombuttons.clearPrefs(myprefstart); return;


    if(!custombuttons.isPref(myprefstart))
    {
           newbuttontrue = true;
    }
    

    

/* +================   E N D   O F   S E T T I N G   U P   P R E F E R E N C E S   ====================+ */


this.setAttribute("style", "padding-left: 2px !important; padding-right: 2px !important; padding-top: 0px !important; padding-bottom: 0px !important;  margin-top: 4px !important; margin-bottom: 4px !important;");

this.orient = "vertical"

var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"].getService(Components.interfaces.nsIPromptService);

var mydelay = "";




this.onmouseover = function(event)
{
  // initialise the button with the new prefs
  
    if(this.checked == false)
    {
    mythis.setAttribute("initialized", false)
    custombutton.buttonInit(mythis); 
    this.checked = true;
    }
}
this.onmouseout = function(event)
{
   //this.checked = false;
}


this.onclick = function(event)
{
    if(event.button == 0)
    {
      if (event.shiftKey)
      {
        this.getbuttonlist();
        mythis.showNewButton(modifyinitcode);
      }
    }
  
}


var popupbtnlist = [];
var SBlist = [];
var gotppmatch = "";
var pstring = "";

// get the buttons list for the popup 
this.getbuttonlist = function()
{
    popupbtnlist = [];
    
    var cbbtns = document.getElementsByTagName("toolbarbutton");
    for (var i = 0; i < cbbtns.length; i++) 
    {
      if (/^custombuttons\-button\d+$/.test(cbbtns[i].id)) 
      {
       popupbtnlist.push([cbbtns[i].name,cbbtns[i],cbbtns[i].image,"-moz-appearance: none; background-color: #ffdddd !important",cbbtns[i].id.match(/\d+$/).toString() ]);   
      }
    }
    
    // tidy up the popupbtnlist listing
    for(i=0; i<popupbtnlist.length; i++)
    {
      if(popupbtnlist[i][0])
      {
       popupbtnlist[i][0] = popupbtnlist[i][0].substr( 0, 1 ).toUpperCase() + popupbtnlist[i][0].substring(1, popupbtnlist[i][0].length);
       
       if(popupbtnlist[i][1].type == "menu" || popupbtnlist[i][1].type == "menu-iconic")
       {
          popupbtnlist[i][0] = popupbtnlist[i][0] + " *menu";
       }
      }
    }
    
    popupbtnlist.sort();
    
    
    
    SBlist = [];
    gotppmatch = "";
    
        if(custombuttons.isPref(myprefstart))
        {
           buttonsidstr = "";
           gotppmatch = "";
           buttonsidstr = custombuttons.getPrefs(myprefstart);
           
           //alert("pref start string = >" + buttonsidstr + "<")
           SBlist = [];
    
           // now to stringcut and push the values
           
               while(buttonsidstr.indexOf(",") > 0)
            {
              sbitem = buttonsidstr.substr(0,buttonsidstr.indexOf(",")).toString();
              
              if(sbitem != "separator" && sbitem != "Separator" && sbitem != "_" && sbitem != "")
              {
                 //find the data item in popupbtnlist that matches sbitem
                 
                 gotppmatch="";             
                 for(i=0; i<popupbtnlist.length; i++)
                 {
                    if(popupbtnlist[i][4] == sbitem)
                    {
                       gotppmatch = i; //alert("gotppmatch = " + sbitem)
                    }
                 }
                    SBlist.push(popupbtnlist[gotppmatch]); gotppmatch="";
                    if(!document.getElementById("custombuttons-button" + sbitem))
                    {
                       pstring = "\n\n" + this.label;
                       pstring += "\n\nКнопку ID = " + sbitem + " не знайдено."
                       pstring += "\n\nБудь-ласка, натисніть shift + Лівий клац миші щоб переробити цю збірку."
                       prompts.alert(null, "Button Stacker - помилка", pstring);
                    }
              }
              else
              {
                if(sbitem == "separator" || sbitem == "Separator" || sbitem == "_")
                 
                 SBlist.push("_")
              }
            
            //alert("one time check = " + SBlist)            
              buttonsidstr = buttonsidstr.substr(buttonsidstr.indexOf(",")+1, buttonsidstr.length);
    
            }
    
        }
        else
        {
           SBlist = popupbtnlist;
        }
        
} // END OF get button list
this.getbuttonlist();    


 //alert("Stacker list built new length = " + SBlist.length)


var srcUrl,MItem,stPop;
var sImg = this.image;
var popItem = "";
var optmenu = "";
var optlist = "";
var firstrun = "";


//alert(SBlist)
MItem=function(SBlist,value){
  var mItem=document.createElement('menuitem');
  mItem.setAttribute('label',SBlist[value] [0]);
  mItem.value = SBlist[value] [1];
  mItem.tooltipText = 'Run ' + SBlist[value] [0];
  mItem.setAttribute('class','menuitem-iconic');
  mItem.setAttribute('image',SBlist[value] [2]);
   
      if(SBlist[value][1].parentNode)
      {
         mItem.tooltipText = SBlist[value][0] + "\nID = " + SBlist[value][4] + "\n" + SBlist[value][1].parentNode.id;
      }
      else
      {
         mItem.tooltipText = "";
      } 
 
      if(SBlist[value][1])
      {  
       if(SBlist[value][1].type == "menu" || SBlist[value][1].type == "menu-iconic")
       {
          mItem.setAttribute('style', SBlist[value] [3]);
          mItem.setAttribute("disabled", true);      
       }  
      }
      
  return mItem;
}


stPop=document.createElement('menupopup');
stPop=createMenu(stPop,SBlist);

// The SHOW mythis.stPop is called with a slight delay timer. This gives the system the time to
// do the swapping of menu arrays when we want to.
 
var showstPop = function()
{
   clearTimeout(mydelay);
   this.stPop.showPopup();   
}



function createMenu(menu,aray) 
{
  for (var i=0;i<aray.length;i++) 
  {
    if(aray[i])  
    {
    
    //alert(aray[i]) 
      if (aray[i][0] == 'separator' || aray[i][0] == "Separator" || aray[i][0] == "_") 
      {
       menu.appendChild(document.createElement('menuseparator'));
      }
      else 
      {
             if(document.getElementById("custombuttons-button" + aray[i][4]))
             {
                menu.appendChild(MItem(aray,i));
             }
             else
             {
                alert("Button missing")
             }
      }
    }
  }    
  return menu;
}



var cleanarray = function()
{
    
    //clearTimeout(mydelay);
    
    do    
    { 
       if(stPop.lastChild)
       {
         stPop.removeChild(stPop.lastChild)
       }
    }
    while(stPop.lastChild != stPop.firstChild)
    if(stPop.firstChild)
    {
      stPop.removeChild(stPop.firstChild)
    }
}





 
this.siteGo=function(evt) {

    var site=evt.target.value;

    site.click(evt);
    
    this.checked = false;


    
}



this.appendChild(stPop);
this.type = "menu"; // this.setAttribute("class", "menu-iconic");


/*
var that = this;
this.hideDropMarker = function() {
  var dropMarker = document.getAnonymousElementByAttribute(that, "class", "toolbarbutton-menu-dropmarker");
  if (dropMarker) {
    dropMarker.setAttribute("hidden", "true");
  } else {
    setTimeout(that.hideDropMarker, 10);
  }
}

if (this.type == "menu") {
  this.leftclick = this.hideDropMarker;
  this.hideDropMarker();
}

*/




  //this.setAttribute('onclick', 'gQuot(event, this)');

  //this. onclick = function (event) { custombuttons. gQuot. mHandler (event); }
  //this. ondblclick = function (event) { custombuttons. gQuot. mHandler (event); }

/* +============================================================

    S T A R T   O F   S E T T I N G   U P   V A R I A B L E S

   ============================================================+ */    
     

// set up button variables...

mythis.showNewButton = function (callback)
{


    var ipi = XML. ignoreProcessingInstructions;
    XML. ignoreProcessingInstructions = false;
    var dialog = <>
    
        <?xml-stylesheet href="chrome://global/skin/"?>
        <?xml-stylesheet href="resource://gre/res/html.css"?>
        <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
                id="dlgsp"
                title="Button Stacker Setup - "
                buttonpack = "center"
            buttons="accept,cancel"
            defaultButton = "extra1" 
            buttonlabelaccept="  Зробити Збірку Кнопок  "
                ondialogaccept="return windowController.accept();">
                
        
            <script type="application/x-javascript">
                <![CDATA[
                    var windowController =
                    {
                        accept: function ()
                        {
                            var sbpicks = "";
                            
                            for(var i=0; i < 29; i++)
                            {
                               if(document. getElementById(i).value != "")
                               {
                                  sbpicks += document.getElementById(i).value + ',';                            
                               }
                            }


                            window. arguments [0] (sbpicks);    
                                                   
                        }
 
                    }
                                      
                ]]> 
                



            </script>
            

            
                   
       <hbox style="margin-bottom: 4px; width: 500px;">

             <description value="Button Stacker Set-up" style="width: 500px; margin-bottom: 9px; color: #000099; font-weight: bold; text-align: center; padding-top: 8px; font-size: 135%" />

       </hbox>
  
      
      
          <hbox id="hboxmain">
          
<vbox> <!-- left side                              sbpicks = sbpicks.substr(0, sbpicks.length - 1);  -->

 <vbox> <!-- v box cols -->
 
  <hbox id="colholder">
          
        <vbox style="padding-top: 1em; max-width: 100px; background: #ddddff; border: medium ridge #6666CC;">

              <hbox>
                    <label value="0" style="margin-right: -2px; margin-top: 4px;" />
                    <textbox id="0" 
                        onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} 
                        clickSelectsAll="true" style="width: 40px;" />
           <menuitem id="si0" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="1" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="1" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si1" style="width: 16px; height: 16px;"  class="menuitem-iconic" />                 
              </hbox>
        
              <hbox>
                    <label value="2" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="2" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si2" style="width: 16px; height: 16px;"  class="menuitem-iconic" />                 
              </hbox>
        
              <hbox>
                    <label value="3" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="3" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
                 <menuitem id="si3" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox> 
                    <label value="4" style="margin-right: -2px; margin-top: 4px;" />                     
                 <textbox id="4" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
                 <menuitem id="si4" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="5" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="5" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
                 <menuitem id="si5" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="6" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="6" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
                 <menuitem id="si6" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="7" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="7" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
                 <menuitem id="si7" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="8" style="margin-right: -2px; margin-top: 4px;" />                            
                 <textbox id="8" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
                 <menuitem id="si8" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="9" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="9" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px; margin-bottom: 12px;" />
                 <menuitem id="si9" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
        
        </vbox>
        
        <vbox style="padding-top: 1em; max-width: 100px; background: #ddddff; border: medium ridge #6666CC;">

              
              <hbox>
                    <label value="10" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="10" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si10" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="11" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="11" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si11" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="12" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="12" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si12" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="13" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="13" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si13" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>        
                    <label value="14" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="14" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si14" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="15" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="15" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si15" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="16" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="16" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectAll="true" style="width: 40px" />
           <menuitem id="si16" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="17" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="17" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si17" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="18" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="18" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si18" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="19" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="19" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si19" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
        
        </vbox>
        
        <vbox style="padding-top: 1em; max-width: 100px; background: #ddddff; border: medium ridge #6666CC;">

              
              <hbox>
                    <label value="20" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="20" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si20" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="21" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="21" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si21" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="22" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="22" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si22" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="23" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="23" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si23" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>        
                    <label value="24" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="24" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si24" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="25" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="25" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si25" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="26" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="26" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si26" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="27" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="27" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si27" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="28" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="28" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si28" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
              <hbox>
                    <label value="29" style="margin-right: -2px; margin-top: 4px;" />              
                 <textbox id="29" onclick={"opener.document.getElementById(\"" + this.id + "\").savetarget(event)"} clickSelectsAll="true" style="width: 40px" />
           <menuitem id="si29" style="width: 16px; height: 16px;"  class="menuitem-iconic" />
              </hbox>
        
        

        </vbox>

  </hbox> <!-- close hbox col holder -->
  
 </vbox> <!-- close vbox cols --> 

    <hbox flex="1" pack="center" style="padding-top: 8px; padding-bottom: 5px; border: medium ridge #6666CC; padding-left: 0px; margin-top: -3px; margin-bottom: 0px;">
       <image id="moveupbtn" 
           style="margin-top: 2px; margin-bottom: 3px;" 
           onmouseout={"opener.document.getElementById(\"" + this.id + "\").moveupout(event)"} 
           onmouseover={"opener.document.getElementById(\"" + this.id + "\").moveupover(event)"}           
           onclick={"opener.document.getElementById(\"" + this.id + "\").moveitemup(event)"} 
           src="" />
       
       <button id="moveitembtn" label="< Переміщення >" 
           style="margin-left: -2px; margin-right: -2px;" 
           oncommand={"opener.document.getElementById(\"" + this.id + "\").moveitemdone(event)"} />
       
       <image id="movedownbtn" 
           style="margin-top: 2px; margin-bottom: 3px;" 
           onmouseout={"opener.document.getElementById(\"" + this.id + "\").movedownout(event)"} 
           onmouseover={"opener.document.getElementById(\"" + this.id + "\").movedownover(event)"}               
           onclick={"opener.document.getElementById(\"" + this.id + "\").moveitemdown(event)"} 
           src="" />
  
       <image id="makeitemspace" 
           label=" Make space" 
           style="margin-left: 20px; margin-top: 2px; margin-bottom: 3px;" 
           onmouseout={"opener.document.getElementById(\"" + this.id + "\").mspacemout(event)"} 
           onmouseover={"opener.document.getElementById(\"" + this.id + "\").mspacemover(event)"} 
           onclick={"opener.document.getElementById(\"" + this.id + "\").makeaspace(event)"} 
           src="" />
       
       <label value="space" style="margin-left: 4px; margin-right: 4px; padding-top: 2px; padding-bottom: 2px; color: #000099; font-size: 135%; font-weight: bold;" />
       
       <image id="remitemspace" 
           label=" Make space" 
           style="margin-top: 2px; margin-bottom: 3px;" 
           onmouseout={"opener.document.getElementById(\"" + this.id + "\").remspacemout(event)"} 
           onmouseover={"opener.document.getElementById(\"" + this.id + "\").remspacemover(event)"}           
           onclick={"opener.document.getElementById(\"" + this.id + "\").remaspace(event)"} 
           src="" />

    </hbox>    
 
</vbox> <!-- close vbox left -->         
        
<vbox flex="1" style="padding-left:5px; padding-top: 7px; width: 250px;  border: medium ridge #6666CC;">
        
        <vbox id="listvbox" style="max-height: 210px">
          <!-- <menulist oncommand={"opener.document.getElementById(\"" + this.id + "\").addbsbtn(event)"} >
          <menupopup id="btnmenu" height="210"  >
            <menuitem id="btnlisttop" style="display: none;  text-align: left;" label="ПЕРЕЛІК КНОПОК" value="http://mozilla.org" 
            image="" />


          </menupopup>
          </menulist> -->
          
            <listhead>          
              <listheader id="listhdr" 
                  class="listitem-iconic"
                  onclick={"opener.document.getElementById(\"" + this.id + "\").togglelist(event)"}  
                  style="margin-top: 8px; margin-left: 5px;" width="244px" 
                  label="ПЕРЕЛІК КНОПОК" />            
            </listhead>
            
          <listbox id="listbox" rows="12" 
          style="height: 0px; padding-bottom: 0px;"
          onclick={"opener.document.getElementById(\"" + this.id + "\").addbsbtn(event)"} >

    
             <listcols>
                <listcoll>
            <!-- list items fit in here -->
                </listcoll>
             </listcols>
            
          </listbox>
                
        </vbox>
         
        <vbox style="margin-top: 0px;">
        <description id="descbox1"  style="display: inline; padding-left: 10px; padding-right: 10px; margin-top: 5px;">Використовуй меню ПЕРЕЛІК КНОПОК для додавання чи вилучення обраної кнопки до/зі збірки. В лівій панелі будеш бачити її номер ID і іконку. Кнопка додається у першу вільну стрічку збірки.</description>
        <description id="descbox2" style="display: inline; padding-left: 10px; padding-right: 10px; margin-top: 0px;">Використовуй кнопки "separator" для додавання чи вилучення розділювачів. </description>

            <description id="remsephelp2" style="display: inline; padding-left: 10px; padding-right: 10px; margin-top: 0px;">* Наводь вказівник миші на</description>
            <description id="remsephelp4" style="display: inline; margin-bottom: 11px; padding-left: 10px; padding-right: 10px; margin-top: -4px;">кнопки, щоб побачити підказки.</description>
           
           <hbox>
           
           <image id="chkboxled" 
               style="margin-top: 8px; margin-bottom: 14px; padding-left: 15px; margin-right: -5px;" 
               src="" />

                             
            <checkbox id="chkboxhidemenu" 
                label="Показувати кнопки-меню" 
                checked="true"
                onclick={"opener.document.getElementById(\"" + this.id + "\").showhidemenus(event)"}
                style="display: inline; margin-bottom: 8px;" />
           </hbox>

        </vbox>

    <vbox>
      <hbox flex="1" pack="center" style="padding-left: 0px; margin-top: 6px; margin-bottom: 0px;">
       <button id="addsepbtn" 
           style="margin-right: -2px;" 
           oncommand={"opener.document.getElementById(\"" + this.id + "\").addsep(event)"} 
           label=" Додати"  />
       <label value="separator" style="padding-top: 2px; padding-bottom: 2px; color: #000099; font-size: 135%; font-weight: bold;" />
       <button id="removesep" 
           style="margin-left: -2px;" 
           oncommand={"opener.document.getElementById(\"" + this.id + "\").remsep(event)"} 
           label=" Вилучити"  />
      </hbox>            
    </vbox>                
</vbox>        
      </hbox>
      
        </dialog>
     
    </>;


            


 var data = '<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?>' + dialog.toXMLString();
 var url = "data:application/vnd.mozilla.xul+xml," + encodeURIComponent(data);
 window. openDialog (url, "YOU_MUST_GIVE_YOUR_WINDOW_A_NAME_HERE", "chrome,dependent,centerscreen,dialog=yes", callback);
//window. openDialog ("data:application/vnd.mozilla.xul+xml," + dialog. toXMLString (), "YOU_MUST_GIVE_YOUR_WINDOW_A_NAME_HERE", "chrome,dependent,centerscreen,dialog=yes", callback);
XML. ignoreProcessingInstructions = ipi;




window.setTimeout(function() {
  var ww = Components.classes["@mozilla.org/embedcomp/window-watcher;1"]
                     .getService(Components.interfaces.nsIWindowWatcher);
 
  var em = ww.getWindowEnumerator();
 
  var index = 1;
  while (em.hasMoreElements()) {
    let win = em.getNext();
    if(win.name == "YOU_MUST_GIVE_YOUR_WINDOW_A_NAME_HERE") 
    {
      mywin = win.document;
      
      optmenu = win.document. getElementById ("btnmenu");
      optlist = win.document. getElementById ("listbox");

      // update the doc title with this button's name
      var updatetitle = win.document.title;
      updatetitle = updatetitle + " " + mythis.label;
      win.document.title = updatetitle;

      // add the image to the Add Separator & Remove buttons
      var updatesepbtn = mywin.getElementById("addsepbtn");
      updatesepbtn.setAttribute("class", "button");      
      updatesepbtn.image = imgsep;
      updatesepbtn.tooltipText = "Додати розділювач у першу\nдоступну вільну стрічку";

      var updaterembtn = mywin.getElementById("removesep");
      updaterembtn.image = imgseprem;  
      updaterembtn.setAttribute("class", "button");
      updaterembtn.tooltipText = "1. Клацни розділювач, який хочеш вилучити.\n2. Потім клацни цю кнопку";
      

      // add tooltip and images to the up/down arrow buttons
      var updateupbtn = mywin.getElementById("moveupbtn")
      updateupbtn.tooltipText = "1. Вибери розділювач або кнопку.\n2. Потім клацни цю кнопку"; 
      updateupbtn.src = imgmoveup;     
      var updatedownbtn = mywin.getElementById("movedownbtn")
      updatedownbtn.tooltipText = "1. Вибери розділювач або кнопку.\n2. Потім клацни цю кнопку";
      updatedownbtn.src = imgmovedown; 
            
      // add the image to the list header
      var updatelisthdr = mywin.getElementById("listhdr");
      updatelisthdr.image = imglistopen;
      
      // add the image to the make/remove a space buttons
      var updatespacebtn = mywin.getElementById("makeitemspace");
      updatespacebtn.tooltipText="Зроби місце для нової кнопки ПІД\nвибраною кнопкою."
      var updateremspacebtn = mywin.getElementById("remitemspace");
      updateremspacebtn.tooltipText="Клацни на вільному полі\nпотім клацни цю кнопку щоб вилучити його."
            
      // add the toolitps for the moveitem button
      var updatemvitmbtn = mywin.getElementById("moveitembtn");
      updatemvitmbtn.tooltipText = 'Вибери поле клацнувши по ньому\nпотім переміщуй його стрілками "Догори" і "Додолу"';

      // add the led
      var updatecbled = mywin.getElementById("chkboxled");
      updatecbled.src = imgledgreen;
      
      // add the make and remove space images
      var updatemkspace = mywin.getElementById("makeitemspace");
      updatemkspace.src = imgmspace;
      var updateremspace = mywin.getElementById("remitemspace");
      updateremspace.src = imgremspace; 

      firstrun = true;
      var showhidemenubtns = mywin.getElementById("chkboxhidemenu").checked;



        mythis.showhidemenus()
       
        preloadsblist();
        
      return;
    }
    index++
  }
}, 1000)
    
};
 
var buildlist = function(idx)
{
//  [name, button, image, style, button.id]

      var mItem = document.createElement("listitem");

      optlist.appendChild(mItem);
      
      // FIRST... set up the menu item    
      mItem.setAttribute("class","listitem-iconic"); 
      mItem.label = popupbtnlist[idx][0];
      mItem.image = popupbtnlist[idx][2];
      mItem.setAttribute("id", "mitemid" + idx); 
      mItem.style.height = "20px"; 

      if(popupbtnlist[idx][1].parentNode)
      {
         mItem.tooltipText= popupbtnlist[idx][0] + "\nID = " + popupbtnlist[idx][4] + "\n" + popupbtnlist[idx][1].parentNode.id;
      }
 
      mItem.setAttribute("value", popupbtnlist[idx][4]); 

       if(popupbtnlist[idx][1].type == "menu" || popupbtnlist[idx][1].type == "menu-iconic")
       {
          mItem.setAttribute('style', popupbtnlist[idx] [3])
          mItem.setAttribute("disabled", true);
       }
       

    
      // THEN... add in the various menuitem elements and attributes
      var inItem=document.createElement('listcell');  
      inItem.setAttribute("class","listcell-iconic");
      inItem.setAttribute("image", popupbtnlist[idx][2]);
      inItem.setAttribute("label",popupbtnlist[idx][0]);
      
      //inItem.setAttribute("closemenu", "none");
      inItem.setAttribute("id", "mitemid" + idx);
    
      // width sixty less than box width to allow for scrollbar and ellipis
      inItem.style.width = "210px";
      inItem.style.height = "20px";

       if(popupbtnlist[idx][1].type == "menu" || popupbtnlist[idx][1].type == "menu-iconic")
       {
          inItem.setAttribute('style', popupbtnlist[idx] [3])
          inItem.setAttribute("disabled", true);
       } 
       
       // IF preloading less than thirty buttons set the relevant background to green
            if(SBlist.length < 30)
            {
           for(var mkgrn = 0; mkgrn < 29; mkgrn++)
           
             //if(SBlist[mkgrn] )
             //{
               {
                  if(SBlist[mkgrn] && popupbtnlist[idx][0] == SBlist[mkgrn][0])
                  {
                    mItem.setAttribute("style", "background-color: #bbffbb;");  
                  }
               
               }
             //}
        }
     
      mItem.appendChild(inItem)


}


var firstmenuoption = "";
var buildoptmenu = function(idx)
{
  // btns.push([0,mybuttons.name,mybuttons,mybuttons.image,"-moz-appearance: none; background-color: #ffdddd !important"]); 

  firstmenuoption = document.getElementById("btnlisttop");
  
  var mItem=document.createElement('menuitem'); // newnode
  
  optmenu.appendChild(mItem);

  // FIRST... set up the menu item    
  mItem.setAttribute("class","menuitem-iconic"); 
  mItem.label = popupbtnlist[idx][1];
  mItem.image = popupbtnlist[idx][3];
  mItem.setAttribute("id", "mitemid" + idx); 
  
  mItem.onmouseover = function()
  { 
     if(popupbtnlist[idx][2].parentNode)
     {
     mItem.tooltipText= popupbtnlist[idx][1] + "\nID = " + popupbtnlist[idx][5] + "\n" + popupbtnlist[idx][2].parentNode.id;
     }
  }
  mItem.onmouseout = function()
  { 
     mItem.tooltipText="";
  }        

  mItem.setAttribute("closemenu", "none");  
  mItem.setAttribute("value", popupbtnlist[idx][5]); 

   if(popupbtnlist[idx][2].type == "menu" || popupbtnlist[idx][2].type == "menu-iconic")
   {
      mItem.setAttribute('style', popupbtnlist[idx] [4])
      mItem.setAttribute("disabled", true);
   } 


  // THEN... add in the various menuitem elements and attributes
  var inItem=document.createElement('menuitem');  
  inItem.setAttribute("class","menuitem-iconic");
  inItem.setAttribute("image", popupbtnlist[idx][3]);
  inItem.setAttribute("label",popupbtnlist[idx][1]);
  inItem.setAttribute("closemenu", "none");
  inItem.setAttribute("id", "mitemid" + idx);
  inItem.onmouseout = function()
  { 
     inItem.tooltipText="";
  }  
  // width sixty less than box width to allow for scrollbar and ellipis
  inItem.style.width = "190px";
 
  mItem.appendChild(inItem)
}


this.addsep = function(event)
{
    // Find the first empty place
    var j = 0;
    while(mywin.getElementById(j).value != "" && j < 29)
    {
       j++
    }
    
    // then add the separator line and stacker image (si)
    var findemptystacker = mywin.getElementById(j);
    findemptystacker.value = "_";
    
    var findemptystacker = mywin.getElementById("si"+j);
    findemptystacker.image = imgsep;
    findemptystacker.tooltipText = "розділювач";
    
    clearstyles();
    //this.moveitemdone();
}

this.remsep = function(event)
{
    var goterrorseprem = false;

    // find the selcted separator textbox
    var j = 0;
    
     try
     {
    while(mywin.getElementById(j).value != "_" && j < 29 || mywin.getElementById(j).selectionEnd == mywin.getElementById(j).selectionStart)
    {
       j++
    }
     }
     catch(err)
     {

    prompts.alert(null, "Button Stacker - помилка", "\nНе вибрано розділювача");
    goterrorseprem = true;            
     }
       if(goterrorseprem == false)
       {
    var findselectedsep = mywin.getElementById(j);
    findselectedsep.value = "";
    var findselectedsepi = mywin.getElementById("si"+j);
    findselectedsepi.image = "";
    findselectedsepi.tooltipText = "розділювач"
       }                

    //var result = prompts.confirm(null, "Button Stacker - вилучити стрічку?", "Клацни OK якщо хочеш вилучити вільну стрічку.\nКлацни «Скасувати» для того, щоб залишити її для розміщення тут іншої кнопки.");

    // result is now true if OK was clicked, and false if cancel was clicked
    
    if(prompts.confirm(null, "Button Stacker - вилучити стрічку?", "Клацни OK якщо хочеш вилучити вільну стрічку.\nКлацни «Скасувати» для того, щоб залишити її для розміщення тут іншої кнопки."))
    {
      closegaps(findselectedsep,findselectedsepi,j);
    }
    this.moveitemdone();
    
}

var closegaps = function(thisplace,thisplaceimg,idxj)
{
    idxj = parseInt(idxj);
    var nextplace = mywin.getElementById((idxj)+1);    
    
    while(nextplace.value != "" && idxj < 29)
    {
    thisplace = mywin.getElementById(idxj);
    thisplaceimg = mywin.getElementById("si"+idxj);       
       
    nextplace = mywin.getElementById(idxj+1);
    var nextplaceimg = mywin.getElementById("si"+(idxj + 1));       
       
       thisplace.value = nextplace.value;
       thisplaceimg.image = nextplaceimg.image;
       idxj++
    }
    nextplace.value = "";
    if(nextplace.image)
    {
       nextplaceimg.image = "";
    }
    clearstyles();
    //this.moveitemdone();
}

this.addbsbtn = function(event)
{


   // grab the menuitem background color - if not green ADD a button
   var grabcheck = mywin.getElementById(event.target.id).getAttribute("style");
   var keepmitem = mywin.getElementById(event.target.id);

   // menu buttons don't work in stackers (YET) 
   var grabtype = mywin.getElementById(event.target.id).getAttribute("disabled");
   if(grabtype == "true") 
   {
       alert("Кнопки-меню не працюють у збірках. (ЩЕ)\n\nМожна вимкнути відображення кнопок-меню у цьому переліку\n для цього зачини цей перелік клацнувши кнопку «Допомога» вгорі і зніми «галочку» у полі вибору."); return;
   }
   

   if(grabcheck != "background-color: #bbffbb;") 
   {
    
      
    // Find the first empty place
    var j = 0;
    while(mywin.getElementById(j).value != "" && j < 29)
    {
       j++
    }
    var findemptystacker = mywin.getElementById(j);
    
    // grab the menu item that was clicked ...
    var mitemtargetid = event.target.id;
    var mitemtarget = mywin.getElementById(mitemtargetid).value;

        
    // place it in the stacker list along with the relevant image
    findemptystacker.value = mitemtarget;
    findemptystacker = mywin.getElementById("si"+j);
    findemptystacker.image = mywin.getElementById(mitemtargetid).image;
    findemptystacker.tooltipText = mywin.getElementById(mitemtargetid).tooltipText;
    
    // change the selected menuitem background to green 
    var grabbgcolor = mywin.getElementById(mitemtargetid);
    grabbgcolor.setAttribute("style", "background-color: #bbffbb;");
    //grabbgcolor.style.backgroundColor = "#bbffbb"
   } // END OF grab check is false
   else
   {
      var mitemtarget = mywin.getElementById(event.target.id).value;
      rembsbtn(mitemtarget, keepmitem) 
   }
}


var rembsbtn = function(rembtnid, grabbgcolor)
{
    // look for the incoming button in the stacker list
    var k = 0;
    while(mywin.getElementById(k).value != rembtnid && k < 29)
    {
       k++
    }
    var findrembtn = mywin.getElementById(k);    
    

    // remove the id#, the image, and reset the menutiem background color
        findrembtn.value = "";

    var findremimg = mywin.getElementById("si"+k);
    findremimg.image = "";
    findremimg.tooltipText = "";

    grabbgcolor.setAttribute("style", "background-color: #ffffff; color: #000000;");       

    // prompt user to close gap or leave it for another button
    
    if(prompts.confirm(null, "Button Stacker - вилучити стрічку?", "Клацни OK якщо хочеш вилучити вільну стрічку.\nКлацни «Скасувати» для того, щоб залишити її для розміщення тут іншої кнопки."))
    {
      closegaps(findrembtn,findremimg,k);
    }  
    
    clearstyles();

}

this.togglelist = function(event)
{
   // check the list box style display status and toggle accordingly
   var chklbdisplay = mywin.getElementById("listbox").style.height;
   
   if(chklbdisplay == "0px")
   {
       var swaphderimg = mywin.getElementById("listhdr");
       swaphderimg.image = imglistclose;
       swaphderimg.label = "Допомога";
       
       mywin.getElementById("descbox1").style.display = "none";
       mywin.getElementById("descbox2").style.display = "none";       
       mywin.getElementById("remsephelp2").style.display = "none";
       mywin.getElementById("remsephelp4").style.display = "none";
    mywin.getElementById("chkboxhidemenu").style.display = "none";       
        mywin.getElementById("chkboxled").style.display = "none";
             
       mywin.getElementById("listbox").style.height = "244px"; 
   }
   else
   {
       var swaphderimg = mywin.getElementById("listhdr");
       swaphderimg.image = imglistopen;
       swaphderimg.label = "ПЕРЕЛІК КНОПОК";       
       
       mywin.getElementById("descbox1").style.display = "inline";
       mywin.getElementById("descbox2").style.display = "inline";       
       mywin.getElementById("remsephelp2").style.display = "inline";
       mywin.getElementById("remsephelp4").style.display = "inline";
    mywin.getElementById("chkboxhidemenu").style.display = "inline";       
        mywin.getElementById("chkboxled").style.display = "inline";
                     
       mywin.getElementById("listbox").style.height = "0px";   
   }
   
}


var preloadsblist = function()
{
    // get SBlist length. IF less than thirty put them into the "built" list 
    
    if(SBlist.length < 30)
    {
       for(var x=0; x < SBlist.length; x++)
       {

      // add the button id
    if(SBlist[x] && SBlist[x][0] == "_")
    {
      mywin.getElementById(x).value = "_";
    }
    else
    {
      if(SBlist[x]){ mywin.getElementById(x).value = SBlist[x][4];}
    }
      
      // add the button's image 
      if(mywin.getElementById(x).value == "_")
      {
         mywin.getElementById("si"+x).image = imgsep;
      }
      else
      {
         // find the corresponding image
         var z=0;
         
         
          try
          {
             while(popupbtnlist[z][1] != SBlist[x][1] && z < popupbtnlist.length)
             {
                z++;
             }
               
             mywin.getElementById("si"+x).image = popupbtnlist[z][2];
             var ttt =  popupbtnlist[z][0] + "\nID = " + popupbtnlist[z][4] + "\n" + popupbtnlist[z][1].parentNode.id;
             mywin.getElementById("si"+x).tooltipText =    ttt;
             
        }
        catch(err)
        {
           if(document.getElementById("custombuttons-button" + mywin.getElementById(x).value))
           {
            pstring = "\nЦя кнопка була перейменована з моменту останнього вжитку";
            pstring += "\nзбірки. Будь-ласка зачини це меню,";
            pstring += "\n потім відчини меню редагування кнопки";
            pstring += '\nі клацни "OK".';
            
            prompts.alert(null, "Button Stacker - Перейменована кнопка", pstring);
            return;
           }
           else
           {
/*
               // set stacker entry color to red bold
               for(var losti=0; losti < 29; losti++)
               {
                  var mylost = mywin.getElementById(losti)
                  var mylostimg = mywin.getElementById("si" + losti)
                  if(mylost.value == mywin.getElementById(x).value)
                  {
                     mylost.style.color = "#ff0000";
                     mylost.style.fontWeight = "bold";
                     mylostimg.src = imgwarn;

                  }
               }
*/               
               // set button list entry background to RED
               var missingitem = "";
               for(var losti = 0; losti < popupbtnlist.length; losti++)
               {
                   if(popupbtnlist[losti][4] == mywin.getElementById(x).value)
                   {
                       var errupdate = mywin.getElementById("mitemid" + x).id; // .id;
                       errupdate.previousSibling.style.color = "#ff0000";
                       mywin.getElementById("mitemid" + losti).style.fontWeight = "bold";
                       missingitem = losti;
                   }  
               }
               
            mywin.getElementById(x).previousSibling. style.color = "#ff0000"; 
            mywin.getElementById(x).previousSibling. style.fontWeight = "bold";
            //mywin.getElementById(x).focus();
            mywin.getElementById(x).click();
                           
            pstring = "\nКнопка у стрічці " + mywin.getElementById(x).id; // + mywin.getElementById(x).name;
            pstring += " була вилучена з часу останнього вжитку";
            pstring += "\nзбірки.";
            pstring += '\n\n* Вибери іншу кнопку для цієї стрічки або...';
            pstring += '\n \ \ клацни кнопку "-" (мінус) щоб вилучити стрічку';
            pstring += '\n\n* Потім клацни Зробити Збірку Кнопок для';
            pstring += "\n \ \ оновлення складу збірки.\n\n";
            
            prompts.alert(null, "Button Stacker - вилучена кнопка", pstring);   
                  
           }
          }
      }
      
       } // END OF for var x loop
    
    } // END OF if SBlist length 
}


var keepmovetarget="";
var keepmovetargetid="";

this.savetarget = function(event)
{
   clearstyles();

   keepmovetarget = event.target.value;
   keepmovetargetid = event.target.id
   //alert(keepmovetarget + " id = " + keepmovetargetid);
   
   mywin.getElementById("moveitembtn").label = "Зроблено";
   mywin.getElementById(keepmovetargetid ).previousSibling.style.color="#FF0000";
   mywin.getElementById(keepmovetargetid ).previousSibling.style.fontWeight="bold";

    // toggle tooltip texts to match button label / function
     var updatemvitmbtn = mywin.getElementById("moveitembtn"); 
     if(updatemvitmbtn.label == "< Перемістити >")
     {
            updatemvitmbtn.tooltipText = 'Вибери поле, клацнувши по ньому, \nпотім переміщуй його стрілками "Догори" і "Додолу"';
         }
         else
         {
            updatemvitmbtn.tooltipText = 'Будь-ласка клацни цю кнопку коли\nзакінчиш переміщення кнопок.';         
         }  
}

var clearstyles = function()
{
   // clear any previous styles
   for(var csi = 0; csi < 29; csi++)
   {
      mywin.getElementById(csi ).previousSibling.style.color="#000000";
      mywin.getElementById(csi ).previousSibling.style.fontWeight="normal";   
   }
   
   // click the done button to clear selection

}

var nextplaceup = "";
var storeplaceupval = "";
var storeplaceupimg = "";
var savemoveup = false;

this.moveitemup = function(event)
{
    if(!keepmovetarget)
    {
        prompts.alert(null, "Button Stacker - помилка", "\nСпочатку треба вибрати кнопку чи розділювач");
    }

    // focus on the button image
    //mywin.getElementById("moveitembtn").focus();

    if(keepmovetarget && keepmovetargetid > 0)
    {
        nextplaceup = keepmovetargetid - 1;
        
        // store the value and image of the next place up
        storeplaceupval = mywin.getElementById(nextplaceup).value;
        storeplaceupimg = mywin.getElementById("si" + nextplaceup).image;
        
        // move the current value and image up by one
        mywin.getElementById(nextplaceup).value = keepmovetarget;
        mywin.getElementById(nextplaceup).previousSibling.style.color="#FF0000";
        mywin.getElementById(nextplaceup).focus();
        mywin.getElementById(nextplaceup).previousSibling.style.fontWeight="bold";         
        mywin.getElementById("si" + nextplaceup).image =  mywin.getElementById("si" + keepmovetargetid).image;
        
        
        // place the stored value and image in the "moved item's" place
        mywin.getElementById(keepmovetargetid).value = storeplaceupval;
        mywin.getElementById(keepmovetargetid).previousSibling.style.color="#000000";
        mywin.getElementById(keepmovetargetid).previousSibling.style.fontWeight="normal";            
        mywin.getElementById("si" + keepmovetargetid).image =  storeplaceupimg;
        
        // reset keepmove to the new "one place up" values
        keepmovetarget = mywin.getElementById(nextplaceup).value;
        keepmovetargetid = nextplaceup;
            savemoveup = true;
    }
}

var nextplacedown = ""; var storeplacedownval = ""; var storeplacedownimg = ""; 

this.moveitemdown = function(event)
{
    if(!keepmovetarget)
    {
        prompts.alert(null, "Button Stacker - помилка", "\nСпочатку треба вибрати кнопку чи розділювач");
    }

    // sweep for the item with the focus

    if(savemoveup == false)
    {
       keepmovetargetid = event.target.id;
    }    
    
    if(keepmovetarget && keepmovetargetid < 29)
    {
        nextplacedown =( parseInt(keepmovetargetid) + 1);
        
        // store the value and image of the next place down
        storeplacedownval = mywin.getElementById(nextplacedown).value;
        storeplacedownimg = mywin.getElementById("si" + nextplacedown).image;
        
        // move the current value and image down by one
        mywin.getElementById(nextplacedown).value = keepmovetarget;
        mywin.getElementById(nextplacedown).previousSibling.style.color="#FF0000";
        mywin.getElementById(nextplacedown).previousSibling.style.fontWeight="bold"; 
        mywin.getElementById(nextplacedown).focus();
        mywin.getElementById("si" + nextplacedown).image =  mywin.getElementById("si" + keepmovetargetid).image;
        
        // place the stored value and image in the "moved item's" place
        mywin.getElementById(keepmovetargetid).value = storeplacedownval;
        mywin.getElementById(keepmovetargetid).previousSibling.style.color="#000000";
        mywin.getElementById(keepmovetargetid).previousSibling.style.fontWeight="normal";
        mywin.getElementById("si" + keepmovetargetid).image = storeplacedownimg;
        
        // reset keepmove to the new "one place up" values
        keepmovetarget = mywin.getElementById(nextplacedown).value;
        keepmovetargetid = nextplacedown;        
    
    }
}


this.moveitemdone = function(event)
{
   if(keepmovetarget && mywin.getElementById("moveitembtn").label != "< Переміщення >")
   {
      
     clearstyles();
     
      keepmovetarget = "";
      keepmovetargetid = "";
      //savemoveup = false;
      
      mywin.getElementById("moveitembtn").label = "< Переміщення >";
   }
   
   // toggle tooltip texts to match button label / function
     var updatemvitmbtn = mywin.getElementById("moveitembtn"); 
     if(updatemvitmbtn.label == "< Переміщення >")
     {
            updatemvitmbtn.tooltipText = 'Вибери поле, клацнувши по ньому, \nпотім переміщуй його стрілками "Догори" і "Додолу"';
         }
         else
         {
            updatemvitmbtn.tooltipText = 'Будь-ласка клацни цю кнопку коли\nзакінчиш переміщення кнопок.';       
         }
         

}
 

this.makeaspace = function(event)
{
    if(!keepmovetarget)
    {
       keepmovetarget = mywin.getElementById("0").value;
       keepmovetargetid = mywin.getElementById("0").id;
       mywin.getElementById("0").focus();
    }
    
    // now ripple from the bottom up to leave a space BELOW the target
    
    if(mywin.getElementById("29").value != "")
    {
       prompts.alert(null, "Button Stacker - помилка переповнення", "\nТвоя збірка заповнена.\nВилучи одну з кнопок для того, щоб звільнити місце для іншої кнопки");
    }
    
         var firstfilled = 29;
         while(mywin.getElementById(firstfilled).value == "" && firstfilled > 0)
         {
            firstfilled--;
         }
         //alert(mywin.getElementById(firstfilled).value)
         
         
    while(firstfilled > keepmovetargetid)
    {    
         var rippledown = mywin.getElementById(firstfilled);
         var rippledownplus = mywin.getElementById(firstfilled +1);
         rippledownplus.value = rippledown.value;
         
         var rippledownimg = mywin.getElementById("si" + firstfilled);
         var rippledownimgplus = mywin.getElementById("si" + (parseInt(firstfilled) +1));
         rippledownimgplus.image = rippledownimg.image;
         
         firstfilled--;       
     }
     mywin.getElementById(firstfilled +1).value = "";
     mywin.getElementById("si" + (parseInt(firstfilled) +1)).image = ""; 
     this.moveitemdone();   
}

this.remaspace = function(event) // (thisplace,thisplaceimg,idxj)
{
   closegaps(keepmovetargetid, null, keepmovetargetid);
   this.moveitemdone();   
   mywin.getElementById("moveitembtn").label = "< Переміщення >";
     
   // toggle tooltip texts to match button label / function
     var updatemvitmbtn = mywin.getElementById("moveitembtn"); 
     if(updatemvitmbtn.label == "< Переміщення >")
     {
            updatemvitmbtn.tooltipText = 'Вибери поле, клацнувши по ньому, \nпотім переміщуй його стрілками "Догори" і "Додолу"';
         }
         else
         {
            updatemvitmbtn.tooltipText = 'Будь-ласка клацни цю кнопку коли\nзакінчиш переміщення кнопок.';          
         }
}


this.mspacemover = function()
{
  mywin.getElementById("makeitemspace").src = imgmspacemo;
}
this.mspacemout = function()
{
  mywin.getElementById("makeitemspace").src = imgmspace;
}

this.remspacemover = function()
{
  mywin.getElementById("remitemspace").src = imgremspacemo;
}
this.remspacemout = function()
{
  mywin.getElementById("remitemspace").src = imgremspace;
}

this.moveupover = function()
{
  mywin.getElementById("moveupbtn").src = imgmoveupmo;
}
this.moveupout = function()
{
  mywin.getElementById("moveupbtn").src = imgmoveup;
}


this.movedownover = function()
{
  mywin.getElementById("movedownbtn").src = imgmovedownmo;
}
this.movedownout = function()
{
  mywin.getElementById("movedownbtn").src = imgmovedown;
}



var firstrun = true;

this.showhidemenus = function()
{
//alert("first = " + firstrun + "showhide = " + showhidemenubtns)


   // toggle the led image
   

   
if(firstrun == true) 
{
   mywin.getElementById("chkboxled").src = imgledgreen;
   showhidemenubtns == true;
   firstrun = false;

 //alert("in first run")  
   
   // first clean out the original array
   
   
    do    
    { 
       if(optlist.lastChild)
       {
         optlist.removeChild(optlist.lastChild)
       }
    }
    while(optlist.lastChild != optlist.firstChild)
    if(optlist.firstChild)
    {
      optlist.removeChild(optlist.firstChild)
    }  


   // then rebuild the new look list   

    var showhidemenubtns = mywin.getElementById("chkboxhidemenu").checked;
    
    for(i=0; i < popupbtnlist.length; i++)
    {
       if((popupbtnlist[i][1].type != "menu" && popupbtnlist[i][1].type != "menu-iconic") || showhidemenubtns == true)
       {
          buildlist(i)
       }
        } 

       mywin.getElementById("descbox1").style.marginTop = "3px";   
   
   return;
}
  
   showhidemenubtns = mywin.getElementById("chkboxhidemenu").checked
      
   if(showhidemenubtns == false)
   {
      mywin.getElementById("chkboxled").src = imgledgreen;
   }
   else
   {
      mywin.getElementById("chkboxled").src = imgledred;   
   }


   // first clean out the original array 
   
   
    do    
    { 
       if(optlist.lastChild)
       {
         optlist.removeChild(optlist.lastChild)
       }
    }
    while(optlist.lastChild != optlist.firstChild)
    if(optlist.firstChild)
    {
      optlist.removeChild(optlist.firstChild)
    }  


   // then rebuild the new look list   

    var showhidemenubtns = mywin.getElementById("chkboxhidemenu").checked;
    
    for(i=0; i < popupbtnlist.length; i++)
    {
       if((popupbtnlist[i][1].type != "menu" && popupbtnlist[i][1].type != "menu-iconic") || showhidemenubtns == false)
       {
          buildlist(i)
       }
        } 

       mywin.getElementById("descbox1").style.marginTop = "3px";

       
   
   //alert("in show hide menus") 
}

  
var modifyinitcode = function(sbpicks)
{    
    if(sbpicks.length == 0)
    {
       prompts.alert(null, "Button Stacker - помилка", "\nСпочатку треба вибрати кнопку");            
       return;
    }
    
    // Update the preferences 
    custombuttons.setPrefs(myprefstart,"");
    custombuttons.setPrefs(myprefstart, sbpicks);
    mythis.checked = false;

    // initialise the button with the new prefs
    mythis.setAttribute("initialized", false)
    custombutton.buttonInit(mythis);
}





/* +============================================================

    E N D   O F   S E T T I N G   U P   V A R I A B L E S

   ============================================================+ */
   
   
if(newbuttontrue == true)
{
    var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"].getService(Components.interfaces.nsIPromptService);
    prompts.alert(null, "Button Stacker - Нове встановлення", 'Привіт,\n\nбудь-ласка, зміни ім’я кнопки і іконку (за бажанням) через CB-меню > Edit Button, \nа потім через Shift+Лівий клац миші уклади або відредагуй збірку\n\n\n');
}


this.onDestroy = function(reason) {

  if (reason == "delete") 
  {
    custombuttons.clearPrefs(myprefstart);
  }
}
  

this.setAttribute('author','squeaky');
this.setAttribute('version','20110330.2');
this.setAttribute('homepage', 'http://custombuttons.mozdev.org/drupal/content/button-stacker');