/* Scrolling gallery */
/* Each image MUST have an id like img1, img2, imgX ecc */

$(function(){

    	var scrollElement = 'html, body';
		$('html, body').attr('scrollTop', 1);
		if ($('html').attr('scrollTop') == 1) {
			scrollElement = 'html';
		} else if ($('body').attr('scrollTop') == 1) {
			scrollElement = 'body';
		}
		$('html, body').attr('scrollTop', 0);
	 
		 $('#content img').click(function() {
		 	var scrollTarget;
			
		 	var totalImages = $("#main img").size();
			var idElem = $(this).attr("id");
			var currentElem = parseInt(idElem.charAt(3)) + 1;
			if (currentElem > totalImages) { 
				scrollTarget = "#content";
			} else {
				scrollTarget = "#img" + currentElem;
			}
			var targetOffset = $(scrollTarget).offset().top - 200;
			$(scrollElement).animate({scrollTop: targetOffset}, 1000);
		 });
	  

});