Index: trunk/core/kernel/utility/debugger/debugger.js
===================================================================
diff -u -r6093 -r7391
--- trunk/core/kernel/utility/debugger/debugger.js	(.../debugger.js)	(revision 6093)
+++ trunk/core/kernel/utility/debugger/debugger.js	(.../debugger.js)	(revision 7391)
@@ -64,17 +64,37 @@
 	this.DebuggerTable = document.getElementById('debug_table');
 	this.RowCount = 0;
 	this.busyRequest = false;
-	
+
 //	window.$Debugger = this; // this should be uncommented in case if debugger variable is not $Debugger
-	window.onscroll = function(ev) { window.$Debugger.Resize(ev); }
-	window.onresize = function(ev) { window.$Debugger.Resize(ev); }
+	this.AddEvent(window, 'scroll', function (ev) { window.$Debugger.Resize(ev); });
+	this.AddEvent(window, 'resize', function (ev) { window.$Debugger.Resize(ev); });
+//	this.AddEvent(window, 'keydown', function (ev) { window.$Debugger.KeyDown(ev); }); // don't work in IE
 	document.onkeydown = function(ev) { window.$Debugger.KeyDown(ev); }
 }
 
+Debugger.prototype.SetOpacity = function(opacity)
+{
+	this.DebuggerToolbar.style.opacity = (opacity / 100);
+  this.DebuggerToolbar.style.MozOpacity = (opacity / 100);
+  this.DebuggerToolbar.style.KhtmlOpacity = (opacity / 100);
+  this.DebuggerToolbar.style.filter = "alpha(opacity=" + opacity + ")";
+}
+
 Debugger.prototype.AddToolbar = function($var_name) {
 	var $span = document.createElement('SPAN');
-	$span.innerHTML = '<table cellspacing="3" cellpadding="0" width="100%" class="dbg-toolbar"><tr><td><input type="button" class="dbg-button" value="Reload Frame" onclick="self.location.reload();" /><input type="button" class="dbg-button" value="Show Debugger" onclick="' + $var_name + '.Toggle();" /><br /></td></tr></table>';
-	
+	$span.style.position = 'absolute';
+
+	$span.innerHTML = '<table cellspacing="3" cellpadding="0" class="dbg-toolbar"><tr><td><input type="button" class="dbg-button" value="Reload Frame" onclick="self.location.reload();" /><input type="button" class="dbg-button" value="Show Debugger" onclick="' + $var_name + '.Toggle();" /><br /></td></tr></table>';
+
+	this.DebuggerToolbar = $span;
+	this.SetOpacity(20);
+	$span.onmouseover = function() {
+		$Debugger.SetOpacity(100);
+	}
+	$span.onmouseout = function() {
+		$Debugger.SetOpacity(20);
+	}
+
 	var $body = document.getElementsByTagName('BODY')[0];
 	$body.insertBefore($span, $body.firstChild);
 }
@@ -98,7 +118,7 @@
 
 Debugger.prototype.Clear = function() {
 	if (!this.IsQueried) return false;
-	
+
 	this.IsQueried = false;
 	while (this.DebuggerTable.rows.length) {
 		this.RemoveRow(0);
@@ -154,7 +174,7 @@
 
 Debugger.prototype.successCallback = function(p_req, p_pass, p_object) {
 	var contents = p_req.responseText;
-	
+
 	contents = contents.split(p_object.RowSeparator);
 	if (contents.length == 1) {
 		alert('error: '+p_req.responseText);
@@ -165,7 +185,7 @@
 	for (var $i = 0; $i < contents.length - 1; $i++) {
 		p_object.AppendRow(contents[$i]);
 	}
-	
+
 	p_object.Refresh();
 }
 
@@ -278,3 +298,11 @@
 	$arguments_layer.style.display = ($arguments_layer.style.display == 'none') ? 'block' : 'none';
 }
 
+Debugger.prototype.AddEvent = function (el, evname, func) {
+	var $status = false;
+	if (document.all) {
+		$status = el.attachEvent('on' + evname, func);
+	} else {
+		$status = el.addEventListener(evname, func, true);
+	}
+}
\ No newline at end of file