TabManager: rename the main div from 'jtalk' to 'amber'

css/amber-normalize.css

@@ -1,6 +1,6 @@
 /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
 /* normalize.css co-opted for the amber browser */
-#jtalk {
+#amber {
   /* =============================================================================
    HTML5 display definitions
    ========================================================================== */
@@ -219,138 +219,138 @@
      */
 
 }
-#jtalk article,
-#jtalk aside,
-#jtalk details,
-#jtalk figcaption,
-#jtalk figure,
-#jtalk footer,
-#jtalk header,
-#jtalk hgroup,
-#jtalk nav,
-#jtalk section,
-#jtalk summary {
+#amber article,
+#amber aside,
+#amber details,
+#amber figcaption,
+#amber figure,
+#amber footer,
+#amber header,
+#amber hgroup,
+#amber nav,
+#amber section,
+#amber summary {
   display: block;
 }
-#jtalk audio, #jtalk canvas, #jtalk video {
+#amber audio, #amber canvas, #amber video {
   display: inline-block;
   *display: inline;
   *zoom: 1;
 }
-#jtalk audio:not([controls]) {
+#amber audio:not([controls]) {
   display: none;
   height: 0;
 }
-#jtalk [hidden] {
+#amber [hidden] {
   display: none;
 }
-#jtalk button,
-#jtalk input,
-#jtalk select,
-#jtalk textarea {
+#amber button,
+#amber input,
+#amber select,
+#amber textarea {
   font-family: sans-serif;
 }
-#jtalk a:focus {
+#amber a:focus {
   outline: thin dotted;
 }
-#jtalk a:hover, #jtalk a:active {
+#amber a:hover, #amber a:active {
   outline: 0;
 }
-#jtalk h1 {
+#amber h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
-#jtalk h2 {
+#amber h2 {
   font-size: 1.5em;
   margin: 0.83em 0;
 }
-#jtalk h3 {
+#amber h3 {
   font-size: 1.17em;
   margin: 1em 0;
 }
-#jtalk h4 {
+#amber h4 {
   font-size: 1em;
   margin: 1.33em 0;
 }
-#jtalk h5 {
+#amber h5 {
   font-size: 0.83em;
   margin: 1.67em 0;
 }
-#jtalk h6 {
+#amber h6 {
   font-size: 0.75em;
   margin: 2.33em 0;
 }
-#jtalk abbr[title] {
+#amber abbr[title] {
   border-bottom: 1px dotted;
 }
-#jtalk b, #jtalk strong {
+#amber b, #amber strong {
   font-weight: bold;
 }
-#jtalk blockquote {
+#amber blockquote {
   margin: 1em 40px;
 }
-#jtalk dfn {
+#amber dfn {
   font-style: italic;
 }
-#jtalk mark {
+#amber mark {
   background: #ff0;
   color: #000;
 }
-#jtalk p, #jtalk pre {
+#amber p, #amber pre {
   margin: 1em 0;
 }
-#jtalk pre,
-#jtalk code,
-#jtalk kbd,
-#jtalk samp {
+#amber pre,
+#amber code,
+#amber kbd,
+#amber samp {
   font-family: monospace, serif;
   _font-family: 'courier new', monospace;
   font-size: 1em;
 }
-#jtalk pre {
+#amber pre {
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
-#jtalk q {
+#amber q {
   quotes: none;
 }
-#jtalk q:before, #jtalk q:after {
+#amber q:before, #amber q:after {
   content: '';
   content: none;
 }
-#jtalk small {
+#amber small {
   font-size: 75%;
 }
-#jtalk sub, #jtalk sup {
+#amber sub, #amber sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
-#jtalk sup {
+#amber sup {
   top: -0.5em;
 }
-#jtalk sub {
+#amber sub {
   bottom: -0.25em;
 }
-#jtalk dl,
-#jtalk menu,
-#jtalk ol,
-#jtalk ul {
+#amber dl,
+#amber menu,
+#amber ol,
+#amber ul {
   margin: 1em 0;
 }
-#jtalk dd {
+#amber dd {
   margin: 0 0 0 40px;
 }
-#jtalk menu, #jtalk ol, #jtalk ul {
+#amber menu, #amber ol, #amber ul {
   padding: 0 0 0 40px;
 }
-#jtalk nav ul, #jtalk nav ol {
+#amber nav ul, #amber nav ol {
   list-style: none;
   list-style-image: none;
 }
-#jtalk img {
+#amber img {
   border: 0;
   /* 1 */
 
@@ -358,21 +358,21 @@
   /* 2 */
 
 }
-#jtalk svg:not(:root) {
+#amber svg:not(:root) {
   overflow: hidden;
 }
-#jtalk figure {
+#amber figure {
   margin: 0;
 }
-#jtalk form {
+#amber form {
   margin: 0;
 }
-#jtalk fieldset {
+#amber fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
 }
-#jtalk legend {
+#amber legend {
   border: 0;
   /* 1 */
 
@@ -384,10 +384,10 @@
   /* 3 */
 
 }
-#jtalk button,
-#jtalk input,
-#jtalk select,
-#jtalk textarea {
+#amber button,
+#amber input,
+#amber select,
+#amber textarea {
   font-size: 100%;
   /* 1 */
 
@@ -401,15 +401,15 @@
   /* 3 */
 
 }
-#jtalk button, #jtalk input {
+#amber button, #amber input {
   line-height: normal;
   /* 1 */
 
 }
-#jtalk button,
-#jtalk input[type="button"],
-#jtalk input[type="reset"],
-#jtalk input[type="submit"] {
+#amber button,
+#amber input[type="button"],
+#amber input[type="reset"],
+#amber input[type="submit"] {
   cursor: pointer;
   /* 1 */
 
@@ -420,10 +420,10 @@
   /* 3 */
 
 }
-#jtalk button[disabled], #jtalk input[disabled] {
+#amber button[disabled], #amber input[disabled] {
   cursor: default;
 }
-#jtalk input[type="checkbox"], #jtalk input[type="radio"] {
+#amber input[type="checkbox"], #amber input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
 
@@ -437,7 +437,7 @@
   /* 3 */
 
 }
-#jtalk input[type="search"] {
+#amber input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
 
@@ -447,14 +447,14 @@
 
   box-sizing: content-box;
 }
-#jtalk input[type="search"]::-webkit-search-decoration, #jtalk input[type="search"]::-webkit-search-cancel-button {
+#amber input[type="search"]::-webkit-search-decoration, #amber input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }
-#jtalk button::-moz-focus-inner, #jtalk input::-moz-focus-inner {
+#amber button::-moz-focus-inner, #amber input::-moz-focus-inner {
   border: 0;
   padding: 0;
 }
-#jtalk textarea {
+#amber textarea {
   overflow: auto;
   /* 1 */
 
@@ -462,7 +462,7 @@
   /* 2 */
 
 }
-#jtalk table {
+#amber table {
   border-collapse: collapse;
   border-spacing: 0;
 }

css/amber.css

@@ -2,7 +2,7 @@ body.jtalkBody {
     margin-bottom: 350px;
 }
 
-#jtalkTabs, #jtalk .jt_tabs {
+#jtalkTabs, #amber .jt_tabs {
     margin: 0;
     padding: 0;
     background: url("../images/sprite.amber.png") #DBD9C9 0 -27px;
@@ -12,66 +12,66 @@ body.jtalkBody {
     font-weight: bold;
 }
 
-#jtalkTabs li, #jtalk .jt_tabs li {
+#jtalkTabs li, #amber .jt_tabs li {
     padding: 0 1px;
     cursor: pointer;
     color: #565656;
 	max-width: 200px;
 	float:left;
 }
-#jtalk li {
+#amber li {
 	line-height: 14px;
 
 }
-#jtalk .ltab, #jtalk .rtab, #jtalk .mtab {
+#amber .ltab, #amber .rtab, #amber .mtab {
     height: 22px;
     float: left;
 }
 
-#jtalk .ltab, #jtalk .rtab {
+#amber .ltab, #amber .rtab {
     width: 8px;
 }
 
-#jtalk .rtab {
+#amber .rtab {
     margin-right: 1px;
 }
 
-#jtalk .mtab {
+#amber .mtab {
     line-height: 20px;
 }
 
 #jtalkTabs li:hover .ltab,
-#jtalk .jt_tabs li:hover .ltab {
+#amber .jt_tabs li:hover .ltab {
     background: url("../images/sprite.amber.png") -16px -96px;
 }
 
 #jtalkTabs li:hover .mtab,
-#jtalk .jt_tabs li:hover .mtab {
+#amber .jt_tabs li:hover .mtab {
     background: url("../images/sprite.amber.png") 0 -73px;
 }
 
 #jtalkTabs li:hover .rtab,
-#jtalk .jt_tabs li:hover .rtab {
+#amber .jt_tabs li:hover .rtab {
     background: url("../images/sprite.amber.png") -24px -96px;
 }
 
 #jtalkTabs li.selected,
-#jtalk .jt_tabs li.selected {
+#amber .jt_tabs li.selected {
     color: #111;
 }
 
 #jtalkTabs li.selected .ltab,
-#jtalk .jt_tabs li.selected .ltab {
+#amber .jt_tabs li.selected .ltab {
     background: url("../images/sprite.amber.png") 0px -96px;
 }
 
 #jtalkTabs li.selected .mtab,
-#jtalk .jt_tabs li.selected .mtab {
+#amber .jt_tabs li.selected .mtab {
     background: url("../images/sprite.amber.png") 0 -50px;
 }
 
 #jtalkTabs li.selected .rtab,
-#jtalk .jt_tabs li.selected .rtab {
+#amber .jt_tabs li.selected .rtab {
     background: url("../images/sprite.amber.png") -8px -96px;
 }
 
@@ -80,7 +80,7 @@ body.jtalkBody {
     color: #aaa;
 }
 
-#jtalk {
+#amber {
        position: fixed;
        bottom: 0;
        left: 0;
@@ -89,12 +89,12 @@ body.jtalkBody {
        z-index: 1000;
 }
 
-#jtalk, #jtalk button, #jtalk input, #jtalk select {
+#amber, #amber button, #amber input, #amber select {
        font-family: Lucida Grande, Tahoma, sans-serif;
        font-size: 11px;
 }
 
-#jtalk #logo {
+#amber #logo {
     position: absolute;
     top: 3px;
     left: 8px;
@@ -103,18 +103,18 @@ body.jtalkBody {
     background: url("../images/tinylogo.amber.png") top left no-repeat;
 }
 
-#jtalk #jt_toolbar {
+#amber #jt_toolbar {
     height: 27px;
     background: url("../images/sprite.amber.png") 0 0;
 }
 
-#jtalk #jt_toolbar input {
+#amber #jt_toolbar input {
     margin-left: 50px;
     width: 250px;
     margin-top: 5px;
 }
 
-#jtalk #jt_toolbar #jt_close {
+#amber #jt_toolbar #jt_close {
     position: absolute;
     right: 4px;
     top: 6px;
@@ -124,12 +124,12 @@ body.jtalkBody {
     cursor: pointer;
 }
 
-#jtalk #jt_toolbar #jt_close:hover {
+#amber #jt_toolbar #jt_close:hover {
     background: url('../images/offHover.amber.png');
 }
 
 
-#jtalk .ui-resizable-handle {
+#amber .ui-resizable-handle {
     background-color: transparent;
     top: 0;
     cursor: row-resize;
@@ -204,7 +204,7 @@ body.jtalkBody {
     background: #ddd;
 }
 
-.jtalkTool select, #jtalk input {
+.jtalkTool select, #amber input {
     border-top: 1px solid #bbb;
     border-left: 1px solid #bbb;
     border-right: 1px solid #fff;
@@ -336,12 +336,12 @@ body.jtalkBody {
     color: white;
 }
 
-#jtalk .jtalkTool .jt_tabs {
+#amber .jtalkTool .jt_tabs {
     top: 150px;
     position: absolute;
 }
 
-#jtalk .jtalkTool .jt_tabs.jt_browser {
+#amber .jtalkTool .jt_tabs.jt_browser {
     padding-left: 25%;
 }
 

js/IDE.deploy.js

@@ -617,7 +617,7 @@ selector: "addTab:",
 fn: function (aWidget){
 var self=this;
 smalltalk.send(smalltalk.send(self, "_tabs", []), "_add_", [aWidget]);
-smalltalk.send(aWidget, "_appendToJQuery_", [smalltalk.send("#jtalk", "_asJQuery", [])]);
+smalltalk.send(aWidget, "_appendToJQuery_", [smalltalk.send("#amber", "_asJQuery", [])]);
 smalltalk.send(aWidget, "_hide", []);
 return self;}
 }),
@@ -629,7 +629,7 @@ smalltalk.method({
 selector: "close",
 fn: function (){
 var self=this;
-((($receiver = self['@opened']).klass === smalltalk.Boolean) ? ($receiver ? (function(){smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})() : nil) : smalltalk.send($receiver, "_ifTrue_", [(function(){smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})]));
+((($receiver = self['@opened']).klass === smalltalk.Boolean) ? ($receiver ? (function(){smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})() : nil) : smalltalk.send($receiver, "_ifTrue_", [(function(){smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})]));
 return self;}
 }),
 smalltalk.TabManager);
@@ -656,9 +656,9 @@ fn: function (){
 var self=this;
 smalltalk.send(self, "_initialize", [], smalltalk.TabManager.superclass || nil);
 (self['@opened']=true);
-smalltalk.send((function(html){return smalltalk.send(smalltalk.send(html, "_div", []), "_id_", ["jtalk"]);}), "_appendToJQuery_", [smalltalk.send("body", "_asJQuery", [])]);
+smalltalk.send((function(html){return smalltalk.send(smalltalk.send(html, "_div", []), "_id_", ["amber"]);}), "_appendToJQuery_", [smalltalk.send("body", "_asJQuery", [])]);
 smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);
-smalltalk.send(self, "_appendToJQuery_", [smalltalk.send("#jtalk", "_asJQuery", [])]);
+smalltalk.send(self, "_appendToJQuery_", [smalltalk.send("#amber", "_asJQuery", [])]);
 (function($rec){smalltalk.send($rec, "_addTab_", [smalltalk.send((smalltalk.IDETranscript || IDETranscript), "_current", [])]);smalltalk.send($rec, "_addTab_", [smalltalk.send((smalltalk.Workspace || Workspace), "_new", [])]);return smalltalk.send($rec, "_addTab_", [smalltalk.send((smalltalk.TestRunner || TestRunner), "_new", [])]);})(self);
 smalltalk.send(self, "_selectTab_", [smalltalk.send(smalltalk.send(self, "_tabs", []), "_last", [])]);
 (function($rec){smalltalk.send($rec, "_onResize_", [(function(){return (function($rec){smalltalk.send($rec, "_updateBodyMargin", []);return smalltalk.send($rec, "_updatePosition", []);})(self);})]);return smalltalk.send($rec, "_onWindowResize_", [(function(){return smalltalk.send(self, "_updatePosition", []);})]);})(self);
@@ -699,7 +699,7 @@ smalltalk.method({
 selector: "onResize:",
 fn: function (aBlock){
 var self=this;
-jQuery('#jtalk').resizable({
+jQuery('#amber').resizable({
 	handles: 'n', 
 	resize: aBlock,
 	minHeight: 230
@@ -725,7 +725,7 @@ smalltalk.method({
 selector: "open",
 fn: function (){
 var self=this;
-((($receiver = self['@opened']).klass === smalltalk.Boolean) ? (! $receiver ? (function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})() : nil) : smalltalk.send($receiver, "_ifFalse_", [(function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})]));
+((($receiver = self['@opened']).klass === smalltalk.Boolean) ? (! $receiver ? (function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})() : nil) : smalltalk.send($receiver, "_ifFalse_", [(function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})]));
 return self;}
 }),
 smalltalk.TabManager);
@@ -870,7 +870,7 @@ smalltalk.method({
 selector: "updateBodyMargin",
 fn: function (){
 var self=this;
-smalltalk.send(self, "_setBodyMargin_", [smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_height", [])]);
+smalltalk.send(self, "_setBodyMargin_", [smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_height", [])]);
 return self;}
 }),
 smalltalk.TabManager);
@@ -881,7 +881,7 @@ smalltalk.method({
 selector: "updatePosition",
 fn: function (){
 var self=this;
-jQuery('#jtalk').css('top', '').css('bottom', '0px');
+jQuery('#amber').css('top', '').css('bottom', '0px');
 return self;}
 }),
 smalltalk.TabManager);

js/IDE.js

@@ -858,11 +858,11 @@ category: 'adding/Removing',
 fn: function (aWidget){
 var self=this;
 smalltalk.send(smalltalk.send(self, "_tabs", []), "_add_", [aWidget]);
-smalltalk.send(aWidget, "_appendToJQuery_", [smalltalk.send("#jtalk", "_asJQuery", [])]);
+smalltalk.send(aWidget, "_appendToJQuery_", [smalltalk.send("#amber", "_asJQuery", [])]);
 smalltalk.send(aWidget, "_hide", []);
 return self;},
 args: ["aWidget"],
-source: "addTab: aWidget\x0a    self tabs add: aWidget.\x0a    aWidget appendToJQuery: '#jtalk' asJQuery.\x0a    aWidget hide",
+source: "addTab: aWidget\x0a    self tabs add: aWidget.\x0a    aWidget appendToJQuery: '#amber' asJQuery.\x0a    aWidget hide",
 messageSends: ["add:", "tabs", "appendToJQuery:", "asJQuery", "hide"],
 referencedClasses: []
 }),
@@ -875,10 +875,10 @@ selector: "close",
 category: 'actions',
 fn: function (){
 var self=this;
-((($receiver = self['@opened']).klass === smalltalk.Boolean) ? ($receiver ? (function(){smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})() : nil) : smalltalk.send($receiver, "_ifTrue_", [(function(){smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})]));
+((($receiver = self['@opened']).klass === smalltalk.Boolean) ? ($receiver ? (function(){smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})() : nil) : smalltalk.send($receiver, "_ifTrue_", [(function(){smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_hide", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_hide", []);smalltalk.send(self['@selectedTab'], "_hide", []);smalltalk.send(self, "_removeBodyMargin", []);smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_removeClass_", ["jtalkBody"]);return (self['@opened']=false);})]));
 return self;},
 args: [],
-source: "close\x0a    opened ifTrue: [\x0a\x09'#jtalk' asJQuery hide.\x0a\x09ul asJQuery hide.\x0a\x09selectedTab hide.\x0a\x09self removeBodyMargin.\x0a\x09'body' asJQuery removeClass: 'jtalkBody'.\x0a\x09opened := false]",
+source: "close\x0a    opened ifTrue: [\x0a\x09'#amber' asJQuery hide.\x0a\x09ul asJQuery hide.\x0a\x09selectedTab hide.\x0a\x09self removeBodyMargin.\x0a\x09'body' asJQuery removeClass: 'jtalkBody'.\x0a\x09opened := false]",
 messageSends: ["ifTrue:", "hide", "asJQuery", "removeBodyMargin", "removeClass:"],
 referencedClasses: []
 }),
@@ -912,15 +912,15 @@ fn: function (){
 var self=this;
 smalltalk.send(self, "_initialize", [], smalltalk.TabManager.superclass || nil);
 (self['@opened']=true);
-smalltalk.send((function(html){return smalltalk.send(smalltalk.send(html, "_div", []), "_id_", ["jtalk"]);}), "_appendToJQuery_", [smalltalk.send("body", "_asJQuery", [])]);
+smalltalk.send((function(html){return smalltalk.send(smalltalk.send(html, "_div", []), "_id_", ["amber"]);}), "_appendToJQuery_", [smalltalk.send("body", "_asJQuery", [])]);
 smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);
-smalltalk.send(self, "_appendToJQuery_", [smalltalk.send("#jtalk", "_asJQuery", [])]);
+smalltalk.send(self, "_appendToJQuery_", [smalltalk.send("#amber", "_asJQuery", [])]);
 (function($rec){smalltalk.send($rec, "_addTab_", [smalltalk.send((smalltalk.IDETranscript || IDETranscript), "_current", [])]);smalltalk.send($rec, "_addTab_", [smalltalk.send((smalltalk.Workspace || Workspace), "_new", [])]);return smalltalk.send($rec, "_addTab_", [smalltalk.send((smalltalk.TestRunner || TestRunner), "_new", [])]);})(self);
 smalltalk.send(self, "_selectTab_", [smalltalk.send(smalltalk.send(self, "_tabs", []), "_last", [])]);
 (function($rec){smalltalk.send($rec, "_onResize_", [(function(){return (function($rec){smalltalk.send($rec, "_updateBodyMargin", []);return smalltalk.send($rec, "_updatePosition", []);})(self);})]);return smalltalk.send($rec, "_onWindowResize_", [(function(){return smalltalk.send(self, "_updatePosition", []);})]);})(self);
 return self;},
 args: [],
-source: "initialize\x0a    super initialize.\x0a    opened := true.\x0a    [:html | html div id: 'jtalk'] appendToJQuery: 'body' asJQuery.\x0a    'body' asJQuery \x0a\x09addClass: 'jtalkBody'.\x0a    self appendToJQuery: '#jtalk' asJQuery.\x0a    self \x0a\x09addTab: IDETranscript current;\x0a\x09addTab: Workspace new;\x0a\x09addTab: TestRunner new.\x0a    self selectTab: self tabs last.\x0a    self \x0a\x09onResize: [self updateBodyMargin; updatePosition];\x0a\x09onWindowResize: [self updatePosition]",
+source: "initialize\x0a    super initialize.\x0a    opened := true.\x0a    [:html | html div id: 'amber'] appendToJQuery: 'body' asJQuery.\x0a    'body' asJQuery \x0a\x09addClass: 'jtalkBody'.\x0a    self appendToJQuery: '#amber' asJQuery.\x0a    self \x0a\x09addTab: IDETranscript current;\x0a\x09addTab: Workspace new;\x0a\x09addTab: TestRunner new.\x0a    self selectTab: self tabs last.\x0a    self \x0a\x09onResize: [self updateBodyMargin; updatePosition];\x0a\x09onWindowResize: [self updatePosition]",
 messageSends: ["initialize", "appendToJQuery:", "id:", "div", "asJQuery", "addClass:", "addTab:", "current", "new", "selectTab:", "last", "tabs", "onResize:", "updateBodyMargin", "updatePosition", "onWindowResize:"],
 referencedClasses: ["IDETranscript", "Workspace", "TestRunner"]
 }),
@@ -970,14 +970,14 @@ selector: "onResize:",
 category: 'actions',
 fn: function (aBlock){
 var self=this;
-jQuery('#jtalk').resizable({
+jQuery('#amber').resizable({
 	handles: 'n', 
 	resize: aBlock,
 	minHeight: 230
 });
 return self;},
 args: ["aBlock"],
-source: "onResize: aBlock\x0a    <jQuery('#jtalk').resizable({\x0a\x09handles: 'n', \x0a\x09resize: aBlock,\x0a\x09minHeight: 230\x0a})>",
+source: "onResize: aBlock\x0a    <jQuery('#amber').resizable({\x0a\x09handles: 'n', \x0a\x09resize: aBlock,\x0a\x09minHeight: 230\x0a})>",
 messageSends: [],
 referencedClasses: []
 }),
@@ -1006,10 +1006,10 @@ selector: "open",
 category: 'actions',
 fn: function (){
 var self=this;
-((($receiver = self['@opened']).klass === smalltalk.Boolean) ? (! $receiver ? (function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})() : nil) : smalltalk.send($receiver, "_ifFalse_", [(function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})]));
+((($receiver = self['@opened']).klass === smalltalk.Boolean) ? (! $receiver ? (function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})() : nil) : smalltalk.send($receiver, "_ifFalse_", [(function(){smalltalk.send(smalltalk.send("body", "_asJQuery", []), "_addClass_", ["jtalkBody"]);smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_show", []);smalltalk.send(smalltalk.send(self['@ul'], "_asJQuery", []), "_show", []);smalltalk.send(self, "_updateBodyMargin", []);smalltalk.send(self['@selectedTab'], "_show", []);return (self['@opened']=true);})]));
 return self;},
 args: [],
-source: "open\x0a    opened ifFalse: [\x0a\x09'body' asJQuery addClass: 'jtalkBody'.\x0a\x09'#jtalk' asJQuery show.\x0a\x09ul asJQuery show.\x0a\x09self updateBodyMargin.\x0a\x09selectedTab show.\x0a\x09opened := true]",
+source: "open\x0a    opened ifFalse: [\x0a\x09'body' asJQuery addClass: 'jtalkBody'.\x0a\x09'#amber' asJQuery show.\x0a\x09ul asJQuery show.\x0a\x09self updateBodyMargin.\x0a\x09selectedTab show.\x0a\x09opened := true]",
 messageSends: ["ifFalse:", "addClass:", "asJQuery", "show", "updateBodyMargin"],
 referencedClasses: []
 }),
@@ -1211,10 +1211,10 @@ selector: "updateBodyMargin",
 category: 'actions',
 fn: function (){
 var self=this;
-smalltalk.send(self, "_setBodyMargin_", [smalltalk.send(smalltalk.send("#jtalk", "_asJQuery", []), "_height", [])]);
+smalltalk.send(self, "_setBodyMargin_", [smalltalk.send(smalltalk.send("#amber", "_asJQuery", []), "_height", [])]);
 return self;},
 args: [],
-source: "updateBodyMargin\x0a    self setBodyMargin: '#jtalk' asJQuery height",
+source: "updateBodyMargin\x0a    self setBodyMargin: '#amber' asJQuery height",
 messageSends: ["setBodyMargin:", "height", "asJQuery"],
 referencedClasses: []
 }),
@@ -1227,10 +1227,10 @@ selector: "updatePosition",
 category: 'actions',
 fn: function (){
 var self=this;
-jQuery('#jtalk').css('top', '').css('bottom', '0px');
+jQuery('#amber').css('top', '').css('bottom', '0px');
 return self;},
 args: [],
-source: "updatePosition\x0a    <jQuery('#jtalk').css('top', '').css('bottom', '0px')>",
+source: "updatePosition\x0a    <jQuery('#amber').css('top', '').css('bottom', '0px')>",
 messageSends: [],
 referencedClasses: []
 }),

st/IDE.st

@@ -351,7 +351,7 @@ tabs
 
 close
     opened ifTrue: [
-	'#jtalk' asJQuery hide.
+	'#amber' asJQuery hide.
 	ul asJQuery hide.
 	selectedTab hide.
 	self removeBodyMargin.
@@ -371,7 +371,7 @@ newBrowserTab
 !
 
 onResize: aBlock
-    <jQuery('#jtalk').resizable({
+    <jQuery('#amber').resizable({
 	handles: 'n', 
 	resize: aBlock,
 	minHeight: 230
@@ -385,7 +385,7 @@ onWindowResize: aBlock
 open
     opened ifFalse: [
 	'body' asJQuery addClass: 'jtalkBody'.
-	'#jtalk' asJQuery show.
+	'#amber' asJQuery show.
 	ul asJQuery show.
 	self updateBodyMargin.
 	selectedTab show.
@@ -419,18 +419,18 @@ setBodyMargin: anInteger
 !
 
 updateBodyMargin
-    self setBodyMargin: '#jtalk' asJQuery height
+    self setBodyMargin: '#amber' asJQuery height
 !
 
 updatePosition
-    <jQuery('#jtalk').css('top', '').css('bottom', '0px')>
+    <jQuery('#amber').css('top', '').css('bottom', '0px')>
 ! !
 
 !TabManager methodsFor: 'adding/Removing'!
 
 addTab: aWidget
     self tabs add: aWidget.
-    aWidget appendToJQuery: '#jtalk' asJQuery.
+    aWidget appendToJQuery: '#amber' asJQuery.
     aWidget hide
 !
 
@@ -444,10 +444,10 @@ removeTab: aWidget
 initialize
     super initialize.
     opened := true.
-    [:html | html div id: 'jtalk'] appendToJQuery: 'body' asJQuery.
+    [:html | html div id: 'amber'] appendToJQuery: 'body' asJQuery.
     'body' asJQuery 
 	addClass: 'jtalkBody'.
-    self appendToJQuery: '#jtalk' asJQuery.
+    self appendToJQuery: '#amber' asJQuery.
     self 
 	addTab: IDETranscript current;
 	addTab: Workspace new;