From dbc92a9a376ea9e80568c64aab241fcbdff3331e Mon Sep 17 00:00:00 2001
From: Ashan Fernando <ashan256@gmail.com>
Date: Sun, 14 Jul 2013 15:51:54 +0530
Subject: [PATCH 1/5] Task:UserTemplates Changing beez3 template MooTools
 dependencies. Todo: hide.js (templates/beez3/javascript/hide.js)

---
 templates/beez3/html/com_content/form/edit.php  | 2 +-
 templates/beez3/html/com_weblinks/form/edit.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/beez3/html/com_content/form/edit.php b/templates/beez3/html/com_content/form/edit.php
index 79428978e4c75..ce997971260c6 100644
--- a/templates/beez3/html/com_content/form/edit.php
+++ b/templates/beez3/html/com_content/form/edit.php
@@ -29,7 +29,7 @@
 <script type="text/javascript">
 	Joomla.submitbutton = function(task)
 	{
-		if (task == 'article.cancel' || document.formvalidator.isValid(document.id('adminForm')))
+		if (task == 'article.cancel' || document.formvalidator.isValid(document.getElementById('adminForm')))
 		{
 			<?php echo $this->form->getField('articletext')->save(); ?>
 			Joomla.submitform(task);
diff --git a/templates/beez3/html/com_weblinks/form/edit.php b/templates/beez3/html/com_weblinks/form/edit.php
index 76d5758ba8e75..0252f6a190e1a 100644
--- a/templates/beez3/html/com_weblinks/form/edit.php
+++ b/templates/beez3/html/com_weblinks/form/edit.php
@@ -19,7 +19,7 @@
 <script type="text/javascript">
 	Joomla.submitbutton = function(task)
 	{
-		if (task == 'weblink.cancel' || document.formvalidator.isValid(document.id('adminForm')))
+		if (task == 'weblink.cancel' || document.formvalidator.isValid(document.getElementById('adminForm')))
 		{
 			<?php echo $this->form->getField('description')->save(); ?>
 			Joomla.submitform(task);

From be3b496e74adee1706504877e6e30d3c7534e159 Mon Sep 17 00:00:00 2001
From: Ashan Fernando <ashan256@gmail.com>
Date: Sun, 15 Sep 2013 09:13:34 +0530
Subject: [PATCH 2/5] Task:UserTemplates Removing MooTools dependencies from
 hide.js

---
 templates/beez3/javascript/hide.js | 240 ++++++++++++-----------------
 1 file changed, 99 insertions(+), 141 deletions(-)

diff --git a/templates/beez3/javascript/hide.js b/templates/beez3/javascript/hide.js
index b62f42eb450a5..a1cedad37c576 100644
--- a/templates/beez3/javascript/hide.js
+++ b/templates/beez3/javascript/hide.js
@@ -2,196 +2,154 @@
 
 /*global window, localStorage, Cookie, altopen, altclose, big, small, rightopen, rightclose, bildauf, bildzu */
 
-Object.append(Browser.Features, {
-	localstorage: (function() {
-		return ('localStorage' in window) && window.localStorage !== null;
-	})()
-});
-
 function saveIt(name) {
-	var x = document.id(name).style.display;
+    var x = document.getElementById(name).style.display;
 
-	if (!x) {
-		alert('No cookie available');
-	} else {
-		if (Browser.Features.localstorage) {
-			localStorage[name] = x;
-		} else {
-			Cookie.write(name, x, {duration: 7});
-		}
-	}
+    if (!x) {
+        alert('No cookie available');
+    } else if(localStorage){
+            localStorage[name] = x;
+    }
 }
 
 function readIt(name) {
-	if (Browser.Features.localstorage) {
-		return localStorage[name];
-	} else {
-		return Cookie.read(name);
-	}
+    if (localStorage) {
+        return localStorage[name];
+    }
 }
 
 function wrapperwidth(width) {
-	document.id('wrapper').setStyle('width', width);
+	jQuery('#wrapper').css('width', width);
 }
 
 // add Wai-Aria landmark-roles
-window.addEvent('domready', function () {
+jQuery(function($) {
+    $('#nav').attr('role', 'navigation');
+    $('#mod-search-searchword').closest('form').attr('role', 'search');
+    $('#main').attr('role', 'main');
+    $('#right').attr('role', 'contentinfo');
+}); 
 
-	if (document.id('nav')) {
-		document.id('nav').setProperties( {
-			role : 'navigation'
-		});
-	}
-
-	if (document.id('mod-search-searchword')) {
-		document.id(document.id('mod-search-searchword').form).set( {
-			role : 'search'
-		});
-	}
-
-	if (document.id('main')) {
-		document.id('main').setProperties( {
-			role : 'main'
-		});
-	}
-
-	if (document.id('right')) {
-		document.id('right').setProperties( {
-			role : 'contentinfo'
-		});
-	}
-
-});
-
-window.addEvent('domready', function() {
+jQuery(function($) {
 
 		// get ankers
-		var myankers = document.id(document.body).getElements('a.opencloselink');
-		myankers.each(function(element) {
-			element.setProperty('role', 'tab');
-			var myid = element.getProperty('id');
-			myid = myid.split('_');
-			myid = 'module_' + myid[1];
-			document.id(element).setProperty('aria-controls', myid);
+		var $myankers = $('a.opencloselink');
+		$myankers.each(function() {
+		    var $element = $(this);
+			$element.attr('role', 'tab');
+            var myid = $element.attr('id');
+            myid = myid.split('_');
+            myid = 'module_' + myid[1];
+            $element.attr('aria-controls', myid);
 		});
 
-		var list = document.id(document.body).getElements('div.moduletable_js');
-		list.each(function(element) {
-
-			if (element.getElement('div.module_content')) {
+		var $list = $('div.moduletable_js');
+		$list.each(function() {
+            var $element = $(this);
+			if ($element.find('div.module_content').length) {
 
-				var el = element.getElement('div.module_content');
-				el.setProperty('role', 'tabpanel');
-				var myid = el.getProperty('id');
+				var $el = $element.find('div.module_content');
+				$el.attr('role', 'tabpanel');
+				var myid = $el.attr('id');
 				myid = myid.split('_');
 				myid = 'link_' + myid[1];
-				el.setProperty('aria-labelledby', myid);
-				var myclass = el.get('class');
+				$el.attr('aria-labelledby', myid);
+				var myclass = $el.attr('class');
 				var one = myclass.split(' ');
 				// search for active menu-item
-				var listelement = el.getElement('a.active');
-				var unique = el.id;
+				var $listelement = $el.find('a.active').first();
+				var unique = $el.attr('id');
 				var nocookieset = readIt(unique);
-				if ((listelement) ||
+				if (($listelement.length) ||
 						((one[1] == 'open') && (nocookieset == null))) {
-					el.setStyle('display', 'block');
-					var eltern = el.getParent();
-					var elternh = eltern.getElement('h3');
-					var elternbild = eltern.getElement('img');
-					elternbild.setProperties( {
-						alt : altopen,
-						src : bildzu
-					});
-					elternbild.focus();
+					$el.show();
+					var $eltern = $el.parent();
+					var $elternh = $eltern.find('h3').first();
+					var $elternbild = $eltern.find('img').first();
+					$elternbild.attr('alt', altopen).attr('src', bildzu);
+					$elternbild.focus();
 				} else {
-					el.setStyle('display', 'none');
-					el.setProperty('aria-expanded', 'false');
+					$el.hide();
+					$el.attr('aria-expanded', 'false');
 				}
 
-				unique = el.id;
+				unique = $el.attr('id');
 				var cookieset = readIt(unique);
-				if (cookieset == 'block') {
-					el.setStyle('display', 'block');
-					el.setProperty('aria-expanded', 'true');
+				if (cookieset === 'block') {
+					$el.show();
+					$el.attr('aria-expanded', 'true');
 				}
 
 			}
 		});
 	});
 
-window.addEvent('domready', function() {
-	var what = document.id('right');
+jQuery(function($) {
+	var $what = $('#right');
 	// if rightcolumn
-		if (what != null) {
-			var whatid = what.id;
+		if ($what.length) {
+			var whatid = $what.attr('id');
 			var rightcookie = readIt(whatid);
-			if (rightcookie == 'none') {
-				what.setStyle('display', 'none');
-				document.id('nav').addClass('leftbigger');
+			if (rightcookie === 'none') {
+				$what.hide();
+				$('#nav').addClass('leftbigger');
 				wrapperwidth(big);
-				var grafik = document.id('bild');
-				grafik.innerHTML = rightopen;
-				grafik.focus();
+				var $grafik = $('#bild');
+				$grafik.html(rightopen);
+				$grafik.focus();
 			}
 		}
 	});
 
 function auf(key) {
-	var el = document.id(key);
-
-	if (el.style.display == 'none') {
-		el.setStyle('display', 'block');
-		el.setProperty('aria-expanded', 'true');
-
-		if (key != 'right') {
-			el.slide('hide').slide('in');
-			el.getParent().setProperty('class', 'slide');
-			eltern = el.getParent().getParent();
-			elternh = eltern.getElement('h3');
-			elternh.addClass('high');
-			elternbild = eltern.getElement('img');
-			// elternbild.focus();
-			el.focus();
-			elternbild.setProperties( {
-				alt : altopen,
-				src : bildzu
-			});
+    var $ = jQuery.noConflict();
+	var $el = $(key);
+
+	if (!$el.is(':visible')) {
+		$el.show();
+		$el.attr('aria-expanded', 'true');
+
+		if (key !== 'right') {
+			$el.hide().toggle('slide');
+			$el.parent().attr('class', 'slide');
+			$eltern = $el.parent().parent();
+			$elternh = $eltern.find('h3').first();
+			$elternh.addClass('high');
+			$elternbild = $eltern.find('img').first();
+			$el.focus();
+			$elternbild.attr('alt', altopen).attr('src', bildzu);
 		}
 
-		if (key == 'right') {
-			document.id('right').setStyle('display', 'block');
+		if (key === 'right') {
+			$('#right').show();
 			wrapperwidth(small);
-			document.id('nav').removeClass('leftbigger');
-			grafik = document.id('bild');
-			document.id('bild').innerHTML = rightclose;
-			grafik.focus();
+			$('#nav').removeClass('leftbigger');
+			$grafik = $('#bild');
+			$('#bild').html(rightclose);
+			$grafik.focus();
 		}
 	} else {
-		el.setStyle('display', 'none');
-		el.setProperty('aria-expanded', 'false');
-
-		el.removeClass('open');
-
-		if (key != 'right') {
-			eltern = el.getParent().getParent();
-			elternh = eltern.getElement('h3');
-			elternh.removeClass('high');
-			elternbild = eltern.getElement('img');
-			// alert(bildauf);
-			elternbild.setProperties( {
-				alt : altclose,
-				src : bildauf
-			});
-			elternbild.focus();
+		$el.hide();
+		$el.attr('aria-expanded', 'false');
+
+		$el.removeClass('open');
+
+		if (key !== 'right') {
+			$eltern = $el.parent().parent();
+			$elternh = $eltern.find('h3').first();
+			$elternh.removeClass('high');
+			$elternbild = $eltern.find('img').first();
+			$elternbild.attr('alt', altclose).attr('src', bildauf);
+			$elternbild.focus();
 		}
 
-		if (key == 'right') {
-			document.id('right').setStyle('display', 'none');
+		if (key === 'right') {
+			$('#right').hide();
 			wrapperwidth(big);
-			document.id('nav').addClass('leftbigger');
-			grafik = document.id('bild');
-			grafik.innerHTML = rightopen;
-			grafik.focus();
+			$('#nav').addClass('leftbigger');
+			$grafik = $('#bild');
+			$grafik.html(rightopen);
+			$grafik.focus();
 		}
 	}
 	// write cookie

From 23341d4cbd732f730ff5a6e2795111fc6e0f7158 Mon Sep 17 00:00:00 2001
From: Ashan Fernando <ashan256@gmail.com>
Date: Sun, 15 Sep 2013 10:13:15 +0530
Subject: [PATCH 3/5] Task:UserTemplates Removing MooTools dependencies in
 hide.js

---
 templates/beez3/javascript/hide.js | 147 +++++++++++++++--------------
 1 file changed, 74 insertions(+), 73 deletions(-)

diff --git a/templates/beez3/javascript/hide.js b/templates/beez3/javascript/hide.js
index a1cedad37c576..1e339417fd486 100644
--- a/templates/beez3/javascript/hide.js
+++ b/templates/beez3/javascript/hide.js
@@ -158,94 +158,95 @@ function auf(key) {
 
 // ########### Tabfunctions ####################
 
-window.addEvent('domready', function() {
-	var alldivs = document.id(document.body).getElements('div.tabcontent');
-	var outerdivs = document.id(document.body).getElements('div.tabouter');
-	outerdivs = outerdivs.getProperty('id');
-
-	for (var i = 0; i < outerdivs.length; i++) {
-		alldivs = document.id(outerdivs[i]).getElements('div.tabcontent');
-		count = 0;
-		alldivs.each(function(element) {
-			count++;
-			var el = document.id(element);
-			el.setProperty('role', 'tabpanel');
-			el.setProperty('aria-hidden', 'false');
-			el.setProperty('aria-expanded', 'true');
-			elid = el.getProperty('id');
-			elid = elid.split('_');
-			elid = 'link_' + elid[1];
-			el.setProperty('aria-labelledby', elid);
-
-			if (count != 1) {
-				el.addClass('tabclosed').removeClass('tabopen');
-				el.setProperty('aria-hidden', 'true');
-				el.setProperty('aria-expanded', 'false');
-			}
-		});
-
-		countankers = 0;
-		allankers = document.id(outerdivs[i]).getElement('ul.tabs').getElements('a');
-
-		allankers.each(function(element) {
-			countankers++;
-			var el = document.id(element);
-			el.setProperty('aria-selected', 'true');
-			el.setProperty('role', 'tab');
-			linkid = el.getProperty('id');
-			moduleid = linkid.split('_');
-			moduleid = 'module_' + moduleid[1];
-			el.setProperty('aria-controls', moduleid);
-
-			if (countankers != 1) {
-				el.addClass('linkclosed').removeClass('linkopen');
-				el.setProperty('aria-selected', 'false');
-			}
-		});
-	}
+jQuery(function($) {
+	var $alldivs = $('div.tabcontent');
+	var $outerdivs = $('div.tabouter');
+	//outerdivs = outerdivs.getProperty('id');
+    
+    $outerdivs.each(function(){
+        var $alldivs = $(this).find('div.tabcontent');
+        var count = 0;
+        $alldivs.each(function(){
+        var $el = $(this);
+            count++;
+            $el.attr('role', 'tabpanel');
+            $el.attr('aria-hidden', 'false');
+            $el.attr('aria-expanded', 'true');
+            elid = $el.attr('id');
+            elid = elid.split('_');
+            elid = 'link_' + elid[1];
+            $el.attr('aria-labelledby', elid);
+
+            if (count !== 1) {
+                $el.addClass('tabclosed').removeClass('tabopen');
+                $el.attr('aria-hidden', 'true');
+                $el.attr('aria-expanded', 'false');
+            }          
+        });
+        
+        $allankers = $(this).find('ul.tabs').first().find('a');
+
+        $allankers.each(function() {
+            countankers++;
+            var $el = $(this);
+            $el.attr('aria-selected', 'true');
+            $el.attr('role', 'tab');
+            linkid = $el.attr('id');
+            moduleid = linkid.split('_');
+            moduleid = 'module_' + moduleid[1];
+            $el.setProperty('aria-controls', moduleid);
+
+            if (countankers != 1) {
+                $el.addClass('linkclosed').removeClass('linkopen');
+                $el.attr('aria-selected', 'false');
+            }
+        });
+    });
 });
 
 function tabshow(elid) {
-	var el = document.id(elid);
-	var outerdiv = el.getParent();
-	outerdiv = outerdiv.getProperty('id');
+    var $ = jQuery.noConflict();
+	var $el = $('#' + elid);
+	var $outerdiv = $el.parent();
 
-	var alldivs = document.id(outerdiv).getElements('div.tabcontent');
-	var liste = document.id(outerdiv).getElement('ul.tabs');
+	var $alldivs = $outerdiv.find('div.tabcontent');
+	var $liste = $outerdiv.find('ul.tabs').first();
 
-	liste.getElements('a').setProperty('aria-selected', 'false');
+	$liste.find('a').attr('aria-selected', 'false');
 
-	alldivs.each(function(element) {
-		element.addClass('tabclosed').removeClass('tabopen');
-		element.setProperty('aria-hidden', 'true');
-		element.setProperty('aria-expanded', 'false');
+	$alldivs.each(function() {
+	    var $element = $(this);
+		$element.addClass('tabclosed').removeClass('tabopen');
+		$element.attr('aria-hidden', 'true');
+		$element.attr('aria-expanded', 'false');
 	});
 
-	el.addClass('tabopen').removeClass('tabclosed');
-	el.setProperty('aria-hidden', 'false');
-	el.setProperty('aria-expanded', 'true');
-	el.focus();
+	$el.addClass('tabopen').removeClass('tabclosed');
+	$el.attr('aria-hidden', 'false');
+	$el.attr('aria-expanded', 'true');
+	$el.focus();
 	var getid = elid.split('_');
-	var activelink = 'link_' + getid[1];
-	document.id(activelink).setProperty('aria-selected', 'true');
-	liste.getElements('a').addClass('linkclosed').removeClass('linkopen');
-	document.id(activelink).addClass('linkopen').removeClass('linkclosed');
+	var activelink = '#link_' + getid[1];
+	$(activelink).attr('aria-selected', 'true');
+	$liste.find('a').addClass('linkclosed').removeClass('linkopen');
+	$(activelink).addClass('linkopen').removeClass('linkclosed');
 }
 
 function nexttab(el) {
-	var outerdiv = document.id(el).getParent();
-	var liste = outerdiv.getElement('ul.tabs');
+    var $ = jQuery.noConflict();
+	var $outerdiv = $('#' + el).parent();
+	var $liste = $outerdiv.find('ul.tabs').first();
 	var getid = el.split('_');
-	var activelink = 'link_' + getid[1];
-	var aktiverlink = document.id(activelink).getProperty('aria-selected');
-	var tablinks = liste.getElements('a').getProperty('id');
+	var activelink = '#link_' + getid[1];
+	var aktiverlink = $(activelink).attr('aria-selected');
+	var $tablinks = $liste.find('a');
 
-	for ( var i = 0; i < tablinks.length; i++) {
+	for ( var i = 0; i < $tablinks.length; i++) {
 
-		if (tablinks[i] == activelink) {
+		if ($($tablinks[i]).attr('id') === activelink) {
 
-			if (document.id(tablinks[i + 1]) != null) {
-				document.id(tablinks[i + 1]).onclick();
+			if ($($tablinks[i + 1]).length) {
+				$($tablinks[i + 1]).click();
 				break;
 			}
 		}
@@ -349,7 +350,7 @@ var mobileMenu = new Class({
     }
 });
 
-window.addEvent('domready', function () {
+jQuery(function () {
     new mobileMenu();
 });
 

From 609cd280e516a0bcba22333b2a63ee97f36cb1d9 Mon Sep 17 00:00:00 2001
From: Ashan Fernando <ashan256@gmail.com>
Date: Sun, 15 Sep 2013 11:44:19 +0530
Subject: [PATCH 4/5] Task:UserTemplates Removing MooTools dependencies from
 hide.js

---
 templates/beez3/javascript/hide.js | 143 +++++++++++++----------------
 1 file changed, 62 insertions(+), 81 deletions(-)

diff --git a/templates/beez3/javascript/hide.js b/templates/beez3/javascript/hide.js
index 1e339417fd486..c486f0daca023 100644
--- a/templates/beez3/javascript/hide.js
+++ b/templates/beez3/javascript/hide.js
@@ -166,6 +166,7 @@ jQuery(function($) {
     $outerdivs.each(function(){
         var $alldivs = $(this).find('div.tabcontent');
         var count = 0;
+        var countankers = 0;
         $alldivs.each(function(){
         var $el = $(this);
             count++;
@@ -194,7 +195,7 @@ jQuery(function($) {
             linkid = $el.attr('id');
             moduleid = linkid.split('_');
             moduleid = 'module_' + moduleid[1];
-            $el.setProperty('aria-controls', moduleid);
+            $el.attr('aria-controls', moduleid);
 
             if (countankers != 1) {
                 $el.addClass('linkclosed').removeClass('linkopen');
@@ -256,99 +257,79 @@ function nexttab(el) {
 
 
 // mobilemenuheader
-var mobileMenu = new Class({
+var mobileMenu = function(){
 
-    displayed:false,
-    initialize:function () {
-        var self = this;
-        // create the elements once
-        self.createElements();
+    var $ = jQuery.noConflict(), displayed = false, $mobile, $menu, $menuWrapper;
 
-        // show the elements if the browser size is smaller
-        if (self.getX() <= 461 && !self.displayed) {
-            self.display();
-        }
+    var getX = function() {
+        return $(document).width();
+    };
 
-        // react on resize events
-        window.addEvent('resize', function () {
-            if (self.getX() >= 461) {
-                if (self.displayed) {
-                    self.mobile.setStyle('display', 'none');
-                    document.id('menuwrapper').setStyle('display', 'block');
-                    self.displayed = false;
-                }
-            }
-            if (self.getX() < 461) {
-                if(!self.displayed) {
-                    self.display();
-                }
+    var createElements = function () {
+        var Openmenu=Joomla.JText._('TPL_BEEZ3_OPENMENU');
+        var Closemenu=Joomla.JText._('TPL_BEEZ3_CLOSEMENU');
+        $menu = $("#header").find('ul.menu').first();
+        $menuWrapper = $('<div>', {id : 'menuwrapper', role: 'menubar'});
 
+        // create the menu opener and assign events
+        $mobile = $('<div>', {id: 'mobile_select'}).html('<h2><a href=#" id="menuopener" onclick="return false;"><span>Openmenu</span></a></h2>').show();
+        $mobile.on('click', function(){
+           var state = $menuWrapper.css('display');
+            $menuWrapper.slideToggle();
+
+            if (state === 'none') {
+                $('#menuopener').html(Closemenu);
+                $('#menuwrapper').attr('aria-expanded', 'true').attr('aria-hidden','false');
+            } else {
+                $('#menuopener').html(Openmenu);
+                $('#menuwrapper').attr('aria-expanded', 'false').attr('aria-hidden', 'true');
             }
         });
-    },
 
-    getX: function() {
-        return document.body.getSize().x;
-    },
+        // add the menu to the dom
+        $menu.wrap($menuWrapper);
+
+        // add the menuopener to the dom and hide it      
+        $('#header').find('#menuwrapper').first().before($mobile.hide());
+        $menuWrapper = $('#menuwrapper');
+        $mobile = $('#mobile_select');
+
+    };
+    var display = function () {
+        $menuWrapper.hide();
+        $mobile.show();
+        displayed = true;
+    };
+    
+    var initialize = function () {
+        // create the elements once
+        createElements();
 
-    createElements:function () {
-        var self = this;
-        var Openmenu=Joomla.JText._('TPL_BEEZ3_OPENMENU');
-        var Closemenu=Joomla.JText._('TPL_BEEZ3_CLOSEMENU');
-        this.menu = document.id("header").getElement('ul.menu');
-        this.menuWrapper = new Element('div#menuwrapper', {
-            'role':'menubar'
-        });
+        // show the elements if the browser size is smaller
+        if (getX() <= 461 && !displayed) {
+            display();
+        }
 
-        // create the menu opener and assign events
-        this.mobile = new Element('div', {
-            'id':'mobile_select',
-            html:'<h2><a href=#" id="menuopener" onclick="return false;"><span>Openmenu</span></a></h2>',
-            styles:{
-                display:'block'
-            },
-            events:{
-                click:function () {
-                    var state = self.menuWrapper.getStyle('display');
-                    self.wrapper.toggle();
-
-                    if (state == 'none') {
-                        document.id('menuopener').set('html', Closemenu);
-                        document.id('menuwrapper').setProperties({
-                            'aria-expanded':'true',
-                            'aria-hidden':'false'
-                        });
-                    } else {
-                        document.id('menuopener').set('html',  Openmenu);
-                        document.id('menuwrapper').setProperties({
-                            'aria-expanded':'false',
-                            'aria-hidden':'true'
-                        });
-                    }
+        // react on resize events
+        $(window).on('resize', function () {
+            if (getX() >= 461) {
+                if (displayed) {
+                    $mobile.hide();
+                    $('#menuwrapper').show();
+                    displayed = false;
                 }
             }
+            if (getX() < 461) {
+                if(!displayed) {
+                    display();
+                }
 
+            }
         });
-
-        // add the menu to the dom
-        this.menuWrapper.wraps(this.menu);
-        // create the effect
-        this.wrapper = new Fx.Reveal(document.id('menuwrapper'), {
-            duration:'long',
-            transition:'bounce:out',
-            link:'chain'
-        });
-        // add the menuopener to the dom and hide it
-        this.mobile.setStyle('display', 'none')
-            .inject(document.id("header").getElement('#menuwrapper'), 'before');
-
-    },
-    display:function () {
-        this.menuWrapper.setStyle('display', 'none');
-        this.mobile.setStyle('display', 'block');
-        this.displayed = true;
-    }
-});
+    };
+    
+    initialize();
+};
 
 jQuery(function () {
     new mobileMenu();

From 8870af42fced7413caaaaaa2079138d40390e27f Mon Sep 17 00:00:00 2001
From: Ashan Fernando <ashan256@gmail.com>
Date: Mon, 23 Sep 2013 20:58:00 +0530
Subject: [PATCH 5/5] Task:UserTemplates fixing the beezHide Chrome issue

---
 templates/beez3/javascript/hide.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/beez3/javascript/hide.js b/templates/beez3/javascript/hide.js
index c486f0daca023..0d7d8b7faafd2 100644
--- a/templates/beez3/javascript/hide.js
+++ b/templates/beez3/javascript/hide.js
@@ -103,7 +103,7 @@ jQuery(function($) {
 
 function auf(key) {
     var $ = jQuery.noConflict();
-	var $el = $(key);
+	var $el = $('#' + key);
 
 	if (!$el.is(':visible')) {
 		$el.show();