// JavaScript Document

$(document).ready(function() {
	
	var titles 		= [];
	var captions 	= [];
	var urls 		= [];
	var images 		= [];
	
	var newImagePathId = 0;
	var newImagePath;
	var currentImage;
	
	pageId = "d76f758d-4ca0-4f3e-b338-f7dc55202e20";
	
	$.loadXML("", xmlCallback, pageId,0);
	
	function xmlCallback(xml)
	{
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
		noOfImages = xml.find('TemporaryTable').length;
		
		xml.find('TemporaryTable').each(function(){
			titles.push($(this).find('Title').text());
			captions.push($(this).find('Caption').text());
			urls.push($(this).find('URL').text());
			images.push($(this).find('LargeFileName').text());
		});
		
		var captionText = "<h1>"+ titles[0] +"</h1><p>"+ captions[0] +"</p><a href='"+ urls[0] +"'>Read More >></a>";
		
		for(var i = 0; i <noOfImages ; i++){
		
			var imageChilds ="";
			if(i==0){
				imageChilds = "<li><img src='"+ images[i] +"' class='currentImage'/></li>";
				$('#imageHolder').append(imageChilds);

			}else{
				imageChilds = "<li><img src='"+ images[i] +"'/></li>";
				$('#imageHolder').append(imageChilds);
				
				$('#imageHolder li:eq('+i+')').children().animate({
					opacity: 0
				}, 10);

			}
			
			//onImgLoadComplete();

			
		}
		var refreshIntervalId;
		
		var varName = function(){
			if(newImagePathId < noOfImages-1) {
				newImagePathId++;
				loadNextImage();
			
			} else{
				newImagePathId = 0;
			}
		};
		
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 5000);
		}

		
		function loadNextImage(){
			
			$('.currentImage').animate({
				opacity: 0
			},500);

			$('.currentImage').parent().children().removeClass();
			
			$('#imageHolder li:eq('+newImagePathId+')').children().animate({
				opacity: 1
			},500);
			$('#imageHolder li:eq('+newImagePathId+')').children().addClass('currentImage');

		
		}
			
		$('.preImage').click(function(){
			clearInterval(refreshIntervalId);
			defineInterval();
			preSlideImageNo();
			loadNextImage();
		});
		
		
		$('.nxtImage').click(function(){
			clearInterval(refreshIntervalId);
			defineInterval();
			nxtSlideImageNo();
			loadNextImage();
			console.log(newImagePathId);
		});
		
		
		function preSlideImageNo(){
			if(newImagePathId < noOfImages-1){
				newImagePathId++;
			}else{
				newImagePathId = 0;
			}
		}
		
		function nxtSlideImageNo(){
			if(newImagePathId > 0){
				newImagePathId--;
			}else{
				newImagePathId = noOfImages-1;
			}
		}
		
	}

	
	

});