text: 
  	/*
  	 *
  	 *	jQuery Sliding Menu Plugin
  	 *	Mobile app list-style navigation in the browser
  	 *
  	 *	Written by Ali Zahid
  	 *	http://designplox.com/jquery-sliding-menu
  	 *
  	 */
  
  (function($)
  {
      menuWidth = 0; 
      
  	var usedIds = [];
  
  	$.fn.menu = function(options)
  	{
  		var selector = this.selector;
  
  		var settings = $.extend(
  		{
  			dataJSON: false,
  			backLabel: 'Back'
  
  		}, options);
  
  		return this.each(function()
  		{
  			var self = this,
  				menu = $(self),
  				data;
  
  			if (menu.hasClass('sliding-menu'))
  			{
  				return;
  			}
  
  			menuWidth = menu.width();
                          
  			if (settings.dataJSON)
  			{
  				data = processJSON(settings.dataJSON);
  			}
  			else
  			{
  				data = process(menu);
  			}
  
  			menu.empty().addClass('sliding-menu');
  
  			var rootPanel;
  
  			if (settings.dataJSON)
  			{
  				$(data).each(function(index, item)
  				{
  					var panel = $('<ul></ul>');
  
  					if (item.root)
  					{
  						rootPanel = '#' + item.id;
  					}
  
  					panel.attr('id', item.id);
  					panel.addClass('menu-panel');
  					panel.width(menuWidth);
  
  					$(item.children).each(function(index, item)
  					{
  						var link = $('<a></a>');
  
  						link.attr('class', item.styleClass);
  						link.attr('href', item.href);
  						link.text(item.label);
  
  						var li = $('<li></li>');
  
  						li.append(link);
  
  						panel.append(li);
  
  					});
  
  					menu.append(panel);
  
  				});
  			}
  			else
  			{
  				$(data).each(function(index, item)
  				{
  					var panel = $(item);
  
  					if (panel.hasClass('menu-panel-root'))
  					{
  						rootPanel = '#' + panel.attr('id');
  					}
  
  					panel.width(menuWidth);
  
  					menu.append(item);
  
  				});
  			}
  
  			rootPanel = $(rootPanel);
  			rootPanel.addClass('menu-panel-root');
  
  			var currentPanel = rootPanel;
  
  			menu.height(rootPanel.height());
  
  			var wrapper = $('<div></div>').addClass('sliding-menu-wrapper').width(data.length * menuWidth);
  
  			menu.wrapInner(wrapper);
  
  			wrapper = $('.sliding-menu-wrapper', menu);
  
  			$('a', self).on('click', function(e)
  			{
  				var href = $(this).attr('href'),
  					label = $(this).text();
  
  				if (wrapper.is(':animated'))
  				{
  					e.preventDefault();
  
  					return;
  				}
  
  				if (href == '#')
  				{
  					e.preventDefault();
  				}
  				else if (href.indexOf('#menu-panel') == 0)
  				{
  					var target = $(href),
  						isBack = $(this).hasClass('back'),
  						marginLeft = parseInt(wrapper.css('margin-left'));
  
  					if (isBack)
  					{
  						if (href == '#menu-panel-back')
  						{
  							target = currentPanel.prev();
  						}
  
  						wrapper.stop(true, true).animate(
  						{
  							marginLeft: marginLeft + menuWidth
  
  						}, 'fast');
  					}
  					else
  					{
  						target.insertAfter(currentPanel);
  
  						if (settings.backLabel === true)
  						{
  							$('.back', target).text(label);
  						}
  						else
  						{
  							$('.back', target).text(settings.backLabel);
  						}
  
  						wrapper.stop(true, true).animate(
  						{
  							marginLeft: marginLeft - menuWidth
  
  						}, 'fast');
  					}
  
  					currentPanel = target;
  
  					menu.stop(true, true).animate(
  					{
  						height: target.height()
  
  					}, 'fast');
  
  					e.preventDefault();
  				}
                                  //sliding_menu_size();
  			});
  
  			return this;
  
  		});
  
  		function process(data)
  		{
  			var ul = $('ul', data),
  				panels = [];
  
  			$(ul).each(function(index, item)
  			{
  				var panel = $(item),
  					handler = panel.prev(),
  					id = getNewId();
  
  				if (handler.length == 1)
  				{
  					handler.addClass('nav').attr('href', '#menu-panel-' + id);
  				}
  
  				panel.attr('id', 'menu-panel-' + id);
  
  				if (index == 0)
  				{
  					panel.addClass('menu-panel-root');
  				}
  				else
  				{
  					panel.addClass('menu-panel');
  
  					var li = $('<li></li>'),
  						back = $('<a></a>').addClass('back').attr('href', '#menu-panel-back');
  
  					panel.prepend(back);
  				}
  
  				panels.push(item);
  
  			});
  
  			return panels;
  		}
  
  		function processJSON(data, parent)
  		{
  			var root = { id: 'menu-panel-' + getNewId(), children: [], root: (parent ? false : true) },
  				panels = [];
  
  			if (parent)
  			{
  				root.children.push(
  				{
  					styleClass: 'back',
  					href: '#' + parent.id
  
  				});
  			}
  
  			$(data).each(function(index, item)
  			{
  				root.children.push(item);
  
  				if (item.children)
  				{
  					var panel = processJSON(item.children, root);
  
  					item.href = '#' + panel[0].id;
  					item.styleClass = 'nav';
  
  					panels = panels.concat(panel);
  				}
  
  			});
  
  			return [root].concat(panels);
  		}
  
  		function getNewId()
  		{
  			var id;
  
  			do
  			{
  				id = Math.random().toString(36).substring(3, 8);
  			}
  			while (usedIds.indexOf(id) >= 0);
  
  			usedIds.push(id);
  
  			return id;
  		}
  
  	};
  
  } (jQuery));
  
  $(window).resize(function(){
      setTimeout(function(){
          sliding_menu_size();
      },200);    
  });
  
  function sliding_menu_size(){        
      menuWidth = $(".sliding-menu").width();
      
      $(".sliding-menu").each(function(){        
          
          var c = $(this).find("ul.menu-panel-root > li").length;
          var h = 0;
          
          $(this).find("ul.menu-panel-root > li").each(function(){
              h += $(this).height();
          });
          
          $(this).height(h);
          $(this).find(".sliding-menu-wrapper").css("margin-left","0px");
          
          $(this).find("ul").each(function(){
              $(this).width(menuWidth);
          });
      });
          
  }