var flickr_page = 1;

function AJAX_REQ_flickrGetPage(page) {
	
	$.ajax({
		type: "POST",
		url: "/ajax/flickr",
		data: {"f":"flickrGetPage", "page":page},
		dataType: "json",
		success: AJAX_RES_flickrGetPage
	});
}

function AJAX_RES_flickrGetPage(data, status) {

	if(data.stat == 'ok') {
		// Update the page #
		flickr_page = data.photos.page;
		
		// Hide the div
		$(".flickrAjax").hide();
		
		// Remove all flickr images for this page and rebuild them
		$(".flickrAjax a").remove();
		
		// Create new images
		for(var i = 0; i < data.photos.photo.length; i++) {
			$(".flickrAjax").append("<a rel=\"superbox[gallery][fff]\" href=\"" + data.photos.photo[i].url_m + "\"><img src=\"" + data.photos.photo[i].url_sq + "\" alt=\"" + data.photos.photo[i].title + "\" /></a>");
		}
		
		// Update the stats
		$("#flickrAjaxPageStats").html("Page " + data.photos.page + " of " + data.photos.pages);
		
		// At page 1? Then no previous pages.
		if(flickr_page == 1) $("#flickrPrevious").attr('disabled', true);
		else $("#flickrPrevious").attr('disabled', false);
		
		// At last page? Then no next pages.
		if(flickr_page == data.photos.pages) $("#flickrNext").attr('disabled', true);
		else $("#flickrNext").attr('disabled', false);		
		
		// Show the div
		$(".flickrAjax").show();

		// Call superbox again
		$.superbox();
	} 
}


$(document).ready(function() {
	// Grab the flickr photos
	AJAX_REQ_flickrGetPage(flickr_page);
	
	// Add event listener for flickr photos Next
	$("#flickrNext").click(function() {
		AJAX_REQ_flickrGetPage(++flickr_page);
	});
	
	// Add event listener for flickr photos Next
	$("#flickrPrevious").click(function() {
		AJAX_REQ_flickrGetPage(--flickr_page);
	});	
	
});