diff --git a/www/layout/admin/default/javascript/debug.js b/www/layout/admin/default/javascript/debug.js
new file mode 100644
index 00000000..36572162
--- /dev/null
+++ b/www/layout/admin/default/javascript/debug.js
@@ -0,0 +1,18 @@
+/*
+	********************************************************************
+	* AUTHOR: Clemens Schwaighofer
+	* DATE: 2015/4/24
+	* DESCRIPTION:
+	* debug javascript
+	* HISTORY:
+	********************************************************************
+*/
+
+// if debug is set to true, console log messages are printed
+var DEBUG = true;
+if (!DEBUG)
+{
+	$($H(window.console)).each(function(w) {
+		window.console[w.key] = function() {}
+	});
+}
diff --git a/www/layout/admin/default/javascript/edit.js b/www/layout/admin/default/javascript/edit.js
index 98985d56..d62b4c02 100644
--- a/www/layout/admin/default/javascript/edit.js
+++ b/www/layout/admin/default/javascript/edit.js
@@ -1,10 +1,3 @@
-/*
-	AUTHOR: Clemens Schwaighofer
-	DATE: 2006/09/05
-	DESC: edit shop js file
-	HISTORY:
-*/
-
 /*
 	code is taken and adapted from dokuwiki
 */
@@ -62,7 +55,6 @@ function expandTA(ta_id)
 	}
 	ta.rows = numNewRows + theRows.length;
 }
-
 // METHOD: ShowHideMenu
 // PARAMS: status -> show or hide
 //         id -> id to work on
@@ -117,3 +109,102 @@ function le(id)
 	if (document.forms[form_name].action_yes.value == 'true')
 		document.forms[form_name].submit();
 }
+
+// METHOD: getWindowSize
+// PARAMS: none
+// RETURN: array with width/height
+// DESC:   wrapper to get the real window size for the current browser window
+function getWindowSize()
+{
+	var width, height;
+	width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
+	height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
+	return {width: width, height: height};
+}
+
+// METHOD: getScrollOffset
+// PARAMS: none
+// RETURN: array with x/y px
+// DESC:   wrapper to get the correct scroll offset
+function getScrollOffset()
+{
+	var left, top;
+	left = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
+	top = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
+	return {left: left, top: top};
+}   
+
+// METHOD: setCenter
+// PARAMS: id to set center
+// RETURN: none
+// DESC:   centers div to current window size middle
+function setCenter(id, left, top)
+{
+	// get size of id
+	var dimensions = $(id).getDimensions();
+	var viewport = getWindowSize();
+	var offset = getScrollOffset();
+
+	console.log('Id %s, dimensions %s x %s, viewport %s x %s', id, dimensions.width, dimensions.height, viewport.width, viewport.height);
+	console.log('Scrolloffset left: %s, top: %s', offset.left, offset.top);
+	console.log('Left: %s, Top: %s', parseInt((viewport.width / 2) - (dimensions.width / 2)), parseInt((viewport.height / 2) - (dimensions.height / 2)));
+	if (left)
+	{
+		$(id).setStyle ({
+			left: parseInt((viewport.width / 2) - (dimensions.width / 2) + offset.left) + 'px'
+		});
+	}  
+	if (top)
+	{  
+		$(id).setStyle ({
+			top: parseInt((viewport.height / 2) - (dimensions.height / 2) + offset.top) + 'px'
+		});
+	}
+}
+
+// METHOD sh
+// PARAMS: id -> element to hide
+//         showText -> text for the element if shown
+//         hideText -> text for the element if hidden
+// RETURN: returns true if hidden, or false if not
+// DESC:   hides an element, additional writes 1 (show) or 0 (hide) into <id>Flag field
+function sh(id, showText, hideText)
+{
+	flag = id + 'Flag';
+	btn = id + 'Btn';
+	// get status from element (hidden or visible)
+	divStatus = $(id).visible();
+	//console.log('Set flag %s for element %s', divStatus, id);
+	if (divStatus)
+	{
+		// hide the element
+		Effect.BlindUp(id, {duration:0.3});
+		$(flag).value = 0;
+		$(btn).innerHTML = showText;
+	}
+	else if (!divStatus)
+	{
+		// show the element
+		Effect.BlindDown(id, {duration:0.3});
+		$(flag).value = 1;
+		$(btn).innerHTML = hideText;
+	}
+	// return current button status
+	return divStatus;
+}
+
+// METHOD: formatBytes
+// PARAMS: bytes in int
+// RETURN: string in GB/MB/KB
+// DESC:   converts a int number into bytes with prefix in two decimals precision
+//         currently precision is fixed, if dynamic needs check for max/min precision
+function formatBytes(bytes)
+{
+	var i = -1;
+	do {
+		bytes = bytes / 1024;
+		i++;
+	} while (bytes > 99);
+
+	return parseFloat(Math.round(bytes * Math.pow(10, 2)) / Math.pow(10, 2)) + ['kB', 'MB', 'GB', 'TB', 'PB', 'EB'][i];
+}
diff --git a/www/layout/admin/default/javascript/firebug.js b/www/layout/admin/default/javascript/firebug.js
new file mode 100644
index 00000000..7d952ad2
--- /dev/null
+++ b/www/layout/admin/default/javascript/firebug.js
@@ -0,0 +1,16 @@
+/* vim: set fileencoding=utf-8 expandtab! shiftwidth=2 : */
+/* modified version of firebugx.js which can cope with 
+ * firebug 1.2+ and the webkit console */
+
+var ConsoleSetup = function() {
+    if (!window.console)
+        window.console = {};
+
+    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
+
+    for (var i = 0; i < names.length; ++i) {
+        if (!window.console[names[i]]) {
+            window.console[names[i]] = function() {}
+        }
+    }
+}();
diff --git a/www/layout/admin/default/templates/main_body.tpl b/www/layout/admin/default/templates/main_body.tpl
index 889526c6..8a6523b9 100644
--- a/www/layout/admin/default/templates/main_body.tpl
+++ b/www/layout/admin/default/templates/main_body.tpl
@@ -15,10 +15,6 @@
 	{if $STYLESHEET}
 	<link rel=stylesheet type="text/css" href="{$css}{$STYLESHEET}">
 	{/if}
-	{if $USE_JQUERY}
-	<!-- JQuery -->
-	<script type="text/javascript" src="{$js}/jquery.js"></script>
-	{/if}
 	{if $CSS_INCLUDE}
 	<link rel=stylesheet type="text/css" href="{$CSS_INCLUDE}">
 	{/if}
@@ -26,16 +22,21 @@
 	<link rel=stylesheet type="text/css" href="{$CSS_SPECIAL_INCLUDE}">
 	{/if}
 	<script language="JavaScript" src="{$js}/firebug.js"></script>
-	{if $JAVASCRIPT}
-	<script language="JavaScript" src="{$js}{$JAVASCRIPT}"></script>
+	<script language="JavaScript" src="{$js}/debug.js"></script>
+	{if $USE_JQUERY}
+	<!-- JQuery -->
+	<script type="text/javascript" src="{$js}/jquery.js"></script>
 	{/if}
-	{* declare prototype everywhere *}
 	{if $USE_PROTOTYPE}
 	<script src="{$js}/scriptaculous/prototype.js" type="text/javascript"></script>
 	{/if}
 	{if $USE_SCRIPTACULOUS}
 	<script src="{$js}/scriptaculous/scriptaculous.js" type="text/javascript"></script>
 	{/if}
+	{if $JAVASCRIPT}
+	<script language="JavaScript" src="{$js}{$JAVASCRIPT}"></script>
+	{/if}
+	{* declare prototype everywhere *}
 	{if $JS_INCLUDE}
 	<script language="JavaScript" src="{$JS_INCLUDE}"></script>
 	{/if}
diff --git a/www/layout/frontend/default/javascript/debug.js b/www/layout/frontend/default/javascript/debug.js
new file mode 120000
index 00000000..ecfbe668
--- /dev/null
+++ b/www/layout/frontend/default/javascript/debug.js
@@ -0,0 +1 @@
+../../../admin/default/javascript/debug.js
\ No newline at end of file
diff --git a/www/layout/frontend/default/javascript/firebug.js b/www/layout/frontend/default/javascript/firebug.js
new file mode 120000
index 00000000..f24a9ab8
--- /dev/null
+++ b/www/layout/frontend/default/javascript/firebug.js
@@ -0,0 +1 @@
+../../../admin/default/javascript/firebug.js
\ No newline at end of file
diff --git a/www/layout/frontend/default/templates/main_body.tpl b/www/layout/frontend/default/templates/main_body.tpl
index 22dbfd91..5c99d21d 100644
--- a/www/layout/frontend/default/templates/main_body.tpl
+++ b/www/layout/frontend/default/templates/main_body.tpl
@@ -15,6 +15,8 @@
 	{if $STYLESHEET}
 	<link rel=stylesheet type="text/css" href="{$CSS}{$STYLESHEET}">
 	{/if}
+	<script language="JavaScript" src="{$js}/firebug.js"></script>
+	<script language="JavaScript" src="{$js}/debug.js"></script>
 	{if $JAVASCRIPT}
 	<script language="JavaScript" src="{$JS}{$JAVASCRIPT}"></script>
 	{/if}