$('document').ready(function(){
	// load the twitter and flickr stream
	$('#twitter-wrapper, #flickr-wrapper').addClass('loading');
	$('#twitter-wrapper').load(jQueryBaseHref + '/blog/twitter', function(data) {
		$(this).removeClass('loading');
		if(jQuery.trim(data) == '') {
			$("#twitter").hide();
		}
	});
	$('#flickr-wrapper').load(jQueryBaseHref + '/blog/flickr', function() {$(this).removeClass('loading')});

	//set pager defaults to page 2
	var blogPagerPage = 2;
	
	//create a new pager link
	$('#pager').html('<a href="#" class="button-small-pager"><span>toon meer blogposts</span></a>').fadeIn();

	//bind ajax request to new pager
	$('#pager a').live('click', function(){
		var $pageField = $('#pager-page');
		var $page = parseInt(blogPagerPage);
		$.ajax({
			url: jQueryBaseHref+"/blog/listAjax",
			dataType: 'json',
			data: {page: $page},
			success: function(data){
				var $blogList = $('#blog-list');
				//append the new data
				$blogList.append(data.view);
				$('li:hidden', $blogList).slideDown();

				//hide the pager: this is the last page
				if (data.last == true) {
					$('#pager').hide();
				}

				//init fancybox this new data
				initFancybox($('.fancybox', $blogList));

				//increment pagenumber
				blogPagerPage++;
			}
		});
		return false;
	});
});