diff --git a/workflow/engine/templates/cases/casesStartCase.js b/workflow/engine/templates/cases/casesStartCase.js
index 6a4e8644a..f3fa6fa9a 100644
--- a/workflow/engine/templates/cases/casesStartCase.js
+++ b/workflow/engine/templates/cases/casesStartCase.js
@@ -340,13 +340,17 @@ Ext.onReady(function() {
 
 	viewport.doLayout();
 
-	// routine to hide the debug panel if it is open
-	if (parent.PANEL_EAST_OPEN) {
-		parent.PANEL_EAST_OPEN = false;
-		var debugPanel = parent.Ext.getCmp('debugPanel');
-		debugPanel.hide();
-		debugPanel.ownerCt.doLayout();
-	}
+  //routine to hide the debug panel if it is open
+  if( typeof parent != 'undefined' ){
+    if( typeof parent.parent != 'undefined' ){
+      if( parent.parent.PANEL_EAST_OPEN ){
+        parent.parent.PANEL_EAST_OPEN = false;
+        var debugPanel = parent.parent.Ext.getCmp('debugPanel');
+        debugPanel.hide();
+        debugPanel.ownerCt.doLayout();
+      }
+    }
+  }
 
 });
 
diff --git a/workflow/engine/templates/cases/casesStartPage.js b/workflow/engine/templates/cases/casesStartPage.js
index f62aed14c..405009c9e 100644
--- a/workflow/engine/templates/cases/casesStartPage.js
+++ b/workflow/engine/templates/cases/casesStartPage.js
@@ -282,12 +282,16 @@ Ext.onReady(function() {
 
 	viewport.doLayout();
 
-	// routine to hide the debug panel if it is open
-	if (parent.PANEL_EAST_OPEN) {
-		parent.PANEL_EAST_OPEN = false;
-		var debugPanel = parent.Ext.getCmp('debugPanel');
-		debugPanel.hide();
-		debugPanel.ownerCt.doLayout();
-	}
+  //routine to hide the debug panel if it is open
+  if( typeof parent != 'undefined' ){
+    if( typeof parent.parent != 'undefined' ){
+      if( parent.parent.PANEL_EAST_OPEN ){
+        parent.parent.PANEL_EAST_OPEN = false;
+        var debugPanel = parent.parent.Ext.getCmp('debugPanel');
+        debugPanel.hide();
+        debugPanel.ownerCt.doLayout();
+      }
+    }
+  }
 
 });
\ No newline at end of file
diff --git a/workflow/engine/templates/cases/main.js b/workflow/engine/templates/cases/main.js
index 5a7f7c86f..4ae8f9e0c 100755
--- a/workflow/engine/templates/cases/main.js
+++ b/workflow/engine/templates/cases/main.js
@@ -1,16 +1,9 @@
 var PANEL_EAST_OPEN = false;
 var timerMinutes = 2*60*1000;  //every 2 minutes, this should be customized also,
-
 var currentSelectedTreeMenuItem = null;
 var centerPanel;
-
 var menuTree;
 
-var winSize = parent.getClientWindowSize(); 
-
-var detailsMenuTreePanelHeight  = winSize.height - 420;
-var detailsdebugVariablesHeight = winSize.height - 200;
-
 var debugVarTpl = new Ext.Template('<span style="font-size:11">{value}</span>');
 debugVarTpl.compile();
 
@@ -375,6 +368,7 @@ Ext.onReady(function(){
   });
   
   debugTriggers.getSelectionModel().on('rowselect', function(sm, rowIdx, r) {
+    Ext.getCmp('deatachAction').setDisabled(false);
     var detailPanel = Ext.getCmp('debug-details-panel');
     detailPanel.setTitle(r.data.name);
     debugTriggersDetailTpl.overwrite(detailPanel.body, r.data);
@@ -406,7 +400,7 @@ Ext.onReady(function(){
 
   debugPanel = new Ext.Panel({
     id:'debugPanel',
-    title: '',
+    title: _('ID_DEBUG_PANEL_TITLE'),
     region: 'east',
     layout: 'border',
     width: 300,
@@ -429,7 +423,13 @@ Ext.onReady(function(){
         items: [
           debugVariables,
           debugTriggers
-        ]
+        ], 
+        listeners: {
+          beforetabchange: function(){
+            Ext.getCmp('deatachAction').setDisabled(true);
+            Ext.getCmp('debug-details-panel').html = '';
+          }
+        }
       }),
       {
         region: 'south',
@@ -448,6 +448,7 @@ Ext.onReady(function(){
           '->',
           {
             id: 'deatachAction',
+            disabled: true,
             text: _('ID_OPEN_IN_A_NEW_WINDOW'),
             iconCls: 'ss_sprite ss_application_form',
             handler: function(){
@@ -492,8 +493,6 @@ Ext.onReady(function(){
         ]
     }]  
   });
-
-  //deatachAction.setDisabled(true);
   
   var viewport = new Ext.Viewport({
     layout: 'border',