$(document).ready(function(){

	var titles 					= [];
	var captions 				= [];
	var urls 					= [];
	var images 					= [];
	
	var currentImgNo			= 0;
	var nextImgNo				= 0;
	var preImgNo;
	var pfWidth					= 680;
	
	var url = "";
	//url = "http://w3svc886.production.netstarter.com";
	
	$.loadXML(url, xmlCallback, pageId);
	
	function xmlCallback(xml)
	{
		
		
		
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
		//console.log(xml.find('TemporaryTable').length);
		
		noOfImages = xml.find('TemporaryTable').length;
		
		xml.find('TemporaryTable').each(function(){
			urls.push($(this).find('URL').text());
			images.push($(this).find('LargeFileName').text());
		});

		for(var i = 0; i <noOfImages ; i++){
			var imageChilds ="";
			imageChilds = "<li><a href='"+ urls[i] +"'><img src='"+ images[i] +"' border='0' /></a></li>";
			

			$('#imageHolder').append(imageChilds);
			
			if(i!=0){
				$('#imageHolder li:eq('+ i +')').css("left",pfWidth);
				$('#imageHolder li:eq('+ i +')').animate({
					opacity:0
				});
			}
		}
		
		
		var refreshIntervalId;
		var varName = function(){
			preImgNo = currentImgNo;
			changeSlideNumber();
			animateNext();
		};
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 5000);
		}
		
		function changeSlideNumber(){
			if(currentImgNo < noOfImages-1){
				currentImgNo++;
			}else{
				currentImgNo = 0;
			}
		}
		
		function animateNext(){
			
			$('#imageHolder li:eq('+ preImgNo +')').css("z-index",0);
			$('#imageHolder li:eq('+ preImgNo +')').animate({
				opacity:0
			},500,function(){
				$('#imageHolder li:eq('+ preImgNo +')').css("left",pfWidth);
			});
			
			
			$('#imageHolder li:eq('+ currentImgNo +')').css("left",0);
			$('#imageHolder li:eq('+ currentImgNo +')').css("z-index",999);
			$('#imageHolder li:eq('+ currentImgNo +')').animate({
				opacity:1
			},500);
			
		}
		
		
		
		
		

	}






	});