var photos_preload = new Array();
var offset = 1;
var num_images_per_set = 5;
var user_id = 0;
var picture_locked = false;

$(document).ready(function(){
	$("#manage_my_i_wanna").css("cursor","pointer");
	$("#manage_my_i_wanna").click(function(){
		$("#tag_cloud").fadeOut("normal", function(){
			$("#manage_my_i_wanna").fadeOut("normal");
			$("#edit_i_wanna").fadeIn("normal");
		});
	});

	if(document.getElementById("user_id"))
		user_id = document.getElementById("user_id").value;

	$("#prev_picture").click(function(){
		offset = offset - num_images_per_set;
		get_pictures();
	});

	$("#next_picture").click(function(){
		offset = offset + num_images_per_set;
		get_pictures();
	});
});

// Gets next set of images and then preloads them.
function get_pictures() {
	if(picture_locked == true) {
		return;
	}

	picture_locked = true; 
	var url = "/rpc/photos.php?offset="+offset+"&user_id="+user_id;
	$.getJSON(url, function(json){
		photos_preload = null;
		photos_preload = ['','','','',''];
		for (i=0; i<json.length; i++) {
			photos_preload[i] = json[i][0];
		}
		change_pictures(0);
		if(json.length < 6)
			document.getElementById("next_picture").style.display = 'none';
		else
			document.getElementById("next_picture").style.display = 'block';

		if(offset == 1)
			document.getElementById("prev_picture").style.display = 'none';
		else
			document.getElementById("prev_picture").style.display = 'block';
	});
}

function change_pictures(id) {
	if(id == 5) { 
		picture_locked = false; 
		return; 
	}

	$("#my_photo_images a:eq("+id+") img").fadeOut("fast", function(){
		if(photos_preload[id] != '') {
			$("#my_photo_images a:eq("+id+") img").attr("src", photos_preload[id]);
			$("#my_photo_images a:eq("+id+") img").fadeIn("fast");
		}
		change_pictures(id+1);
	}); 
}