$(document).ready(function(){
	var prevClick = $(".prev-pic");
	var nextClick = $(".next-pic");
	var picture = $("#picture");
	var comments = $("#p-sidebar");
	var start = $("input#start").val();
	var count = $("input#count").val();
	var album = $("input#album_id").val();
	var picnum = $("#picnum");

	var startInt = parseInt(start);
	var countInt = parseInt(count);
	var albumInt = parseInt(album);
	
	function prevpic (){
	if (startInt > 1 ) { 
		var prev = startInt - 1; 
	} else {
		var prev = countInt;
	}

		//Load content
		var targetUrl = "picture.php?a=" + albumInt + "&start=" + prev + " #picture";
		picture.load(targetUrl);
		var commentsUrl = "picture.php?a=" + albumInt + "&start=" + prev + " #comments";
		comments.load(commentsUrl);
		
		//Set new start
		$("input#start").val(prev);
		if (startInt > 1 ) { 
			startInt = startInt - 1; 
		} else {
			startInt = countInt; 
		}
		
		picnum.text(startInt)
		
		event.preventDefault();
	}
	
	function nextpic(){
	if (startInt == countInt ) { 
		var next = 1; 
	} else {
		var next = startInt + 1;
	}
		//Load content
		var targetUrl = "picture.php?a=" + albumInt + "&start=" + next + " #picture";
		picture.load(targetUrl);
		var commentsUrl = "picture.php?a=" + albumInt + "&start=" + next + " #comments";
		comments.load(commentsUrl);
		$("input#start").val(next);

		//Set new start
		if (startInt == countInt ) { 
			startInt = 1; 
		} else {
			startInt = startInt + 1;
		}
		
		picnum.text(startInt)
	}
	
	//Manage click events
	prevClick.click(prevpic);
	nextClick.click(nextpic);
	
	//Manage keyboard events
   $(document).keydown(function(e) {
      switch(e.keyCode) { 
         // User pressed "left" arrow
         case 37:
            prevpic();
			e.preventDefault();
         break;
         // User pressed "right" arrow
         case 39:
            nextpic();
			e.preventDefault();
         break;
      }
   });


	
	//default - 1st page
	var targetUrl = "picture.php?a=" + albumInt + "&start=" + startInt + " #picture";
	picture.load(targetUrl);
	var commentsUrl = "picture.php?a=" + albumInt + "&start=" + startInt + " #comments";
	comments.load(commentsUrl);
	picnum.text(startInt)
	
});