jQuery(document).ready(function($){
	var page = 1;
	var numpages = 10;
	var isscrolling = false;
	var pageheight = 410;
	var fetched = [];
	
//	$('div.itemtile').each(function(idx,el){
//		$el = $(el);
//		$el.click(function(){
//			window.location = $el.attr('href');
//			return false;
//		});
//	});

	
	// prefetch page 2
	getpage(2);

	$('#scrolldown').click(function(){
		if(isscrolling){return false;}
		if(page < numpages){
			
			page++;
			if(page==numpages){
				$('#scrolldown').addClass('invisible');
			}

			scrolldown();
			// prefetch the next page
			getpage(page+1);
			$('#scrollup').removeClass('invisible');
		}
		return false;
	});
	
	$('#scrollup').click(function(){
		if(isscrolling){return false;}
		if(page > 1){
			page--;
			scrollup();
		}
		if(page==1){
			$('#scrollup').addClass('invisible');
		}
		$('#scrolldown').removeClass('invisible');
		return false;
	});
		
	function scrolldown(){
		var top = parseInt($('#latest').css('top'));
		isscrolling = true;
		$('#latest').animate({
			'top':top-pageheight
		},800,function(){
			isscrolling = false;
		});
		
	}
	function scrollup(){
		var top = parseInt($('#latest').css('top'));
		isscrolling = true;
		$('#latest').animate({
			'top':top+pageheight
		},800,function(){
			isscrolling = false;
		});
	}	
	
	function getpage(page){
		if (fetched[page] == true){return;}
		$.ajax({
			'url':'/ajax-moreitems.php?page='+page,
			'type':'post',
			'success':function(data,text,xhr){
				var newer = $('<div id="latestpage'+page+'">'+data+'</div>').css({
					'position':'absolute',
					'left':0,
					'top':((page-1) * pageheight)
				}).appendTo($('#latest'));
				
				newer.find('div.itemtile').each(function(idx,el){
					$el = $(el);
					$el.click(function(){
						window.location = $(this).attr('href');
						return false;
					});
				});
				
			}
		});
	}
	
});