Infinite scroll

Bonjour !

En fait, mon but est de faire un I-scroll sur une des pages spécifique de mon site.
En cherchant de fond en comble j'ai trouvé un code plutôt pas mal mais pas adapté pour wordpress...
J'ai voulu installer Jetpack wordpress mais ça ne sert que pour l'index ou archives...

le truc c'est que j'utilises en même temps une indexation par lettres en ordre alphabetique.
pour le moment, comme je n'ai pas beaucoup d'articles, j'ai tout indexé sur une meme page 20 posts.
Alors voici mes bout de code :

<div id="cont_3">

		<div class="amdlist" id="i-scroll">
			<?php
				query_posts('category_name=anime-manga-drama&showposts=11');
				global $wp_query;
				$args = array_merge( $wp_query->query, array( 'orderby'=> 'title', 'order' => 'ASC' ) );
				query_posts( $args );
				$letter_buffer = -1;
				if (have_posts()){
					while ( have_posts() ) {
						the_post();
						$letter = substr(get_the_title(), 0, 1);
						$letter = ucfirst($letter);
						if($letter != $letter_buffer){
							// si le div a été ouvert (une lettre a déja été trouvée) on le referme
							if ( $letter_buffer != -1)
							echo '</div>';
							// ouvetrure du div
							echo '<div class="chaq_lettre" id="clear">';
							echo '<div id="'. $letter . '" class="lettre">'. $letter . '</div>';
						}
			?>
	<?php
	$query = 'SELECT * FROM wp_posts ORDER BY id DESC LIMIT 0, 1';
	$sql=mysql_query($query);
	while($data=mysql_fetch_object($sql))
	{
	?>
			<a href="<?php the_permalink(); ?>" id="<?php echo $data->id ?>">
				<div class="<?php echo (++$j % 2 == 0) ? 'posteven' : 'postodd'; ?> fiche_list">
					<div class="pre_listamd">
						<div class="image_listamd"><?php the_post_thumbnail(); ?></div>
						<div class="title_listamd"><?php the_title(); ?></div>
					</div>
				</div>
			</a>
	<?php
	}
	?>
			<?php
			$letter_buffer = $letter;
     
					}
			// si le div a été ouvert (une lettre a été trouvée) on le referme
			if ( $letter_buffer != -1)
			echo '</div>';
				}
			else{
				echo 'Rien à voir ici...';
			}
			wp_reset_query();
			?>
		</div>
		<div id="cont_2" style="width: 100%; text-align: center;">
			<img src="<?php bloginfo('stylesheet_directory'); ?>/images/ico_load.gif" style="height: 32px; width: 32px; display: none;" class="loader" alt="" />
		</div>

Mon code JS est tel quel :

(function($) {
$(window).scroll(function(){
	
	if($(window).scrollTop() == $(document).height() - $(window).height()){
		
		alert($(window).scrollTop()); 
		$('.loader').show();
		$.ajax({
			
			url : './content-amd.php?lastid=' + $(".fiche_list").attr("id"),
			success: function(html){
				if(html){
					$("#i-scroll").append(html);
					$('.loader').hide();
				}else{
					$alert('Y a pu de post !');
				}
			}
			
		})
		
	}
	
});
});

Je vous prie de m'aider s'il vous plaît... Je galère depuis plus d'un mois sur ce code alors j'ai opté provisoirement le nombre de posts sur la page mais quand il y en aura beaucoup ca va être dur de tout indexer :(

Voici la page si vous voulez une idée de ce que c'est : chibi-nekotaku.fr/anime-manga-drama/

Merci d'avance pour votre aide !!!
Bien à vous