I'm totally new to jQuery.

I used this snippet of ode (had to addapt it) to autoload (think Twitter) new posts on my page when scrolling.

Since this is ressource heavy for my server when a user scrolls fast, I want it to be activated when cliking on a button, lets say <button id="load_more">Load more</button>

Can anyone help me convert mine ? I can't get it to work...

Here is the code I use for autoscroll :

2. <?php
3.   $maxPage = $this->Paginator->counter('%pages%');
4.   ?>
5.   <script type="text/javascript">
6.   var lastX = 0;
7.   var currentX = 0;
8.   var page = 1;
9.    
10.   $(window).scroll(function () {
11.   if (page < <?php echo $maxPage;?>) {
12.   currentX = $(window).scrollTop();
13.   if (currentX - lastX > 150 * page) {
14.   lastX = currentX - 150;
15.   page++;
16.   $("#busy-indicator").fadeIn();
17.   $.get('<?php echo $this->Html->url('/users/getmore_timeline/'.$this->Session->read('Auth.User.id')); ?>/page:' + page, function(data) {
18.   setTimeout(function(){
19.   $('#postList').append(data);
20.   var bi =  $("#busy-indicator");
21.         bi.stop(true, true);
22.         bi.fadeOut();
23.   }, 500);
24.   });
25.   }
26.   }
27.   });
28.   </script>

MAny thanks for your time and help !