javascript carregamento ou botão carregar mais como facebook

[Danilo MC 1]

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>