carregamento ou botão carregar mais como facebook

Olá eu possuo um código java script que esta carregando um conteúdo para mim igual ao do facebook, quando desço a barra ele carrega, os conteúdos são carregados a cada 20 itens e esta funcionando perfeito, agora eu preciso colocar um botão para clicar qndo quero que carregue, assim qndo ele não carregar o botão de "carregar mais" irá exibir + 20 itens, alguem pode me ajudar como coloco o botão nesse código? segue abaixo o código que coloquei para funcionar o carregamento.

 <link rel="stylesheet" type="text/css" href="home/home.css">

	 

 <script type="text/javascript">

 $(document).ready(function(){

	 

 var flag = 0;

	 

 $.ajax({

 type: "GET",

 url: "home/get_data.php",

 data: {

 'offset': 0,

 'limit': 20

 },

 success: function(data){

 $('.conteudo-imob').append(data);

 flag += 20;

 }

 });

 $(window).scroll(function(){

 if($(window).scrollTop() >= $(document).height() - $(window).height()){

 $.ajax({

 type: "GET",

 url: "home/get_data.php",

 data: {

 'offset': flag,

 'limit': 20

 },

 success: function(data){

 $('.conteudo-imob').append(data);

 flag +=20;

 }

 });

 }

 });

 });

 </script>

	 

 <section>

     <div class="search-fundo">

     <form action="index.php?" method="">

     <input type="hidden" name="link" value="9" />

 <input type="text" name="cod" placeholder="Pesquisar código">

 </form>

     </div>

 <div class="conteudo-imob" id="item">

	 

 </div>  <!-- finaliza conteudo -->

  

  

 </section>