$(document).ready(function(){
	// infinitescroll() is called on the element that surrounds 
	// the items you will be loading more of
	$('#articles').infinitescroll({
	
	navSelector  : "div#test",            
				   // selector for the paged navigation (it will be hidden)
	nextSelector : "div#test a:first",    
				   // selector for the NEXT link (to page 2)
	itemSelector : "#articles div.item",       
					// selector for all items you'll retrieve
	loadingImg   : "http://localhost/blog/wp-content/themes/thid.v2/images/loader.gif",  
					// loading image.
					// default: "http://www.infinite-scroll.com/loading.gif"
	loadingText  : "",
					// text accompanying loading image
					// default: "<em>Loading the next set of posts...</em>"
	animate      : true,      
					// boolean, if the page will do an animated scroll when new content loads
					// default: false
	extraScrollPx: 150,      
					 // number of additonal pixels that the page will scroll 
					 // (in addition to the height of the loading div)
					 // animate must be true for this to matter
					 // default: 150
	donetext     : '<a href="#head" id="footer">That\'s all.<span>Click here to go up.</span></a>'
					// text displayed when all items have been retrieved
					// default: "<em>Congratulations, you've reached the end of the internet.</em>"
	});
	
	$('#al').click(function() {
		$('#find').slideToggle(200);
	});

});