var fileNames = new Array();
var fullFileNames = new Array();
var numImagesOnPage=3;

$(document).ready(function( $ ){



			$.ajax({
							type:"GET",
							url:"config/images.xml",
							dataType:"xml",
							async:true,
							success:function(xml)
							{

								$("images image",xml).each(function(i){

									fileNames[i]=$('thumbnail',this).text();
									fullFileNames[i]=$('fullsize',this).text();

								});
								

								$("#maxImageNum").val(fileNames.length);
								
								$("#inner-gallery-content").empty();
								for (var i=0;i < numImagesOnPage;i++){
									var imageDiv = '<div class="gallery-image image-pos-'+ i +'"><a  class="picturelink" id="link' + i +'" href="" target="_blank"><img  id="image' + i +'" class="picture"    /></a></div>';
									
									$("#inner-gallery-content").append(imageDiv);
									
								}
								$("#nextImageNum").val(0);
			
								next();

							}
							});




			




			});
			
			
function next()
{
			
			var maxImageNum = parseInt($("#maxImageNum").val());
			var nextImageNum;
			var highImageNum;
			var currentImageNum = parseInt($("#nextImageNum").val());

			if (currentImageNum >= maxImageNum)
			{
				nextImageNum = 0;
			}
			else
			{
				nextImageNum = currentImageNum;
			}

			if ((nextImageNum + numImagesOnPage) > maxImageNum){
				highImageNum = maxImageNum-1;
			}
			else{
				highImageNum = nextImageNum + numImagesOnPage-1;
			}
			var currentPosition =0;
			var imagesThisPage = highImageNum-nextImageNum+1;
			
			//$("#inner-gallery-content").empty();
			for (var i=0;i < numImagesOnPage;i++){
			
				var currentImageNum = nextImageNum + i;
				var imageId = "#image" + i;
				var linkId = "#link" + i;
				var imageName;
				var fullImageName;
				
				if (i >= (imagesThisPage)){
					imageName = "blank.gif";
					$(linkId).attr("href","");
					
				}
				else{
					 imageName = fileNames[currentImageNum];
					 fullImageName= fullFileNames[currentImageNum];
					 var fullImageSrc = "images/gallery/fullsize/"+ fullImageName; 
					 $(linkId).attr("href",fullImageSrc);
				}
				
				var imageSrc = "images/gallery/"+ imageName ; 
				
				$(imageId).ImageSwitch({Type:"FadeIn", NewImage:imageSrc});
				
				
				currentPosition++;
			}
			
			$("#nextImageNum").val(highImageNum+1);

				

}