Infinite Scroll Script

infinite_scroll.js

	/*
	
		Infinite Scroll for the listings
	
	*/
	
	if($('#listings').length){

		if($('.alignleft a').length){

			$(document).ready(function() {
			
				var $loading = $("<p class='loading'>Loading more listings...</p>"),
				$footer = $('#footer_container'),
				opts = {
					offset: '100%'
				};

				$('#listings_container').append($loading);
				
				$footer.waypoint(function(event, direction) {
					
					$footer.waypoint('remove');
					
					$('#listings_container').append($loading);
					
					$.get($('.alignleft a').attr('href'), function(data) {
					
						var $data = $(data);
						
						$('#listings').append($data.find('#listings').html());
						$('#listings li:odd').addClass('odd');
						
						$loading.detach();
						
						$('.alignleft a').replaceWith($data.find('.alignleft a'));
												
						/*
						
							Have we reached the end my friend?
						
						*/
						
						if(!$data.find('.alignleft a').length){
						
							$loading.detach();
						
						}else{
						
							$footer.waypoint(opts);
						
						}
						
					});
					
				}, opts);
				
			});
		
		}
	
	}