$(document).ready(function() {
	loadFlickr(1);
});

function loadFlickr(page) {
	$('#gallery').empty();
	$('#pager').empty();
	$('.patience').show();
	jQuery("#gallery").flickr({  
		page: page,
		per_page: 44,       
        callback: photosLoaded
	 });
}

function photosLoaded(el){	
  	$('.patience').hide();
    initLytebox();

	/*Setup paging functions*/
	var page_num = $('input')[0].value;
	var pages = $('input')[1].value;
	var page_html = "";	
	if (parseInt(page_num) > 1) {
		var prev = parseInt(page_num) - 1;
		page_html += "<a href='" + prev + "' class='page_change'><<</a> ";
	}
	page_html += "Page " + page_num + " of " + pages;
	if (parseInt(page_num) < parseInt(pages)) {
		var next = parseInt(page_num) + 1;
		page_html += " <a href='" + next + "' class='page_change'>>></a>";
	}
	$('#pager').html(page_html);
	
	$('.page_change').click(function() {
		var link = $(this).attr('href');
		/* IE returns full url, not just last part so must parse */
		var parts = link.split('/');
		var page = parts[parts.length-1];
		loadFlickr(page);
		return false;
	});
}