$(document).ready(function(){
	
	$imageHolder = $('#imageHolder');

	var titles 					= [];
	var captions 				= [];
	var urls 					= [];
	var images 					= [];
	
	var imgLeft;
	var imgTop					= [];
	
	var currentImgNo			= 0;
	var preImgNo				= 0;
	var preImgNo				= 0;
	var currentLeft;
	var currentTop;
	
	var url = "";
	/*var pageId = "cee3fa41-187c-4e2a-9a55-8e083b8fc7d7";
	url = "http://w3svc810.staging2-sl.netstarter.com.au:81";*/
	$.loadXML(url, xmlCallback,pageId);
	
	function xmlCallback(xml)
	{
		
		
		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
		imgLeft = (1300 - 960)/2;
	
		noOfImages = xml.find('TemporaryTable').length;
		preImgNo = noOfImages-1;
		
		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());
		});

		for(var i = 0; i <noOfImages ; i++){
			
			var imageChilds ="";
			
			var imageSrc = "";
			//if(i%2 == 1 ){
			if(captions[i] == "" ){
				if(urls[i] == ""){
					imageChilds = "<li><img src='"+ images[i] +"' border='0' /></li>";
				}else{
					imageChilds = "<li><a href='"+ urls[i] +"' ><img src='"+ images[i] +"' border='0' /></a></li>";
				}
				
			}else{
				if(urls[i] == ""){
					imageChilds = "<li><img src='"+ images[i] +"' border='0' /> <div class='caption'>"+ captions[i] +"</div></li>";
				}else{
					imageChilds = "<li><a href='"+ urls[i] +"' ><img src='"+ images[i] +"' border='0' /></a> <div class='caption'>"+ captions[i] +"</div></li>";
				}
				
			}
			
			/*if(urls[i] == ""){
				imageChilds = "<li><img src='"+ images[i] +"' border='0' /> <div class='caption'>"+ titles[i] +"</div></li>";
			}else{
				imageChilds = "<li><a href='"+ urls[i] +"'><img src='"+ images[i] +"' border='0'  /></a></li>";
			}*/
			
			$imageHolder.append(imageChilds);
			
			if(i%2 == 0 ){
				$('#imageHolder li:eq('+ i +')').css("left",-imgLeft*2);
			}else{
				$('#imageHolder li:eq('+ i +')').css("left",0);
			}

			if(i > 0){
				$('#imageHolder li:eq('+ i +')').animate({
					opacity:0
				},10);
				$('#imageHolder li:eq('+ i +')').css("z-index",-999);
			}else{
				$('#imageHolder li:eq(0)').css("left",-imgLeft);
			}
			
			Cufon.replace('.caption', { hover: false, fontFamily: 'Myriad Pro', textShadow: '#333 2px 2px' });
		}
		
		$('.caption').css("left",205 + imgLeft);
		
		
		var refreshIntervalId;
		var varName = function(){
			animateNext();
		};
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 5000);
		}
		$('#popupContactClose').click(function(){
			defineInterval();
		});
		$('#backgroundPopup').click(function(){
			defineInterval();
		});
		
		$('.popupActivateLink').click(function(){
			clearInterval(refreshIntervalId);
		});
		//animateNext();
		function animateNext(){
			
			//alert(imgLeft);
			
			/*$('#imageHolder li:eq('+ currentImgNo +')').animate({
				opacity:0,
				left:0
			},2000,function(){
				$('#imageHolder li:eq('+ preImgNo +')').css("z-index",-999);
				animateNext();
			});*/
			
			
			preImgNo = currentImgNo;
			currentImgNo++;
			if(currentImgNo > noOfImages-1){
				currentImgNo = 0	
			}
			
			if(currentImgNo%2 == 0){
				//console.log("true "+currentImgNo);
				$('#imageHolder li:eq('+ currentImgNo +')').animate({
					opacity:1,
					left:-imgLeft
				},2000,function(){
					//$('#imageHolder li:eq('+ preImgNo +')').css("left",-imgLeft);
					//animateNext();	
				});
				
				$('#imageHolder li:eq('+ preImgNo +')').animate({
					opacity:0,
					left:-imgLeft*2
				},2000,function(){

					$('#imageHolder li:eq('+ preImgNo +')').css("left",0);

					
				});
				
			}else{

				//console.log("false "+currentImgNo);
				$('#imageHolder li:eq('+ currentImgNo +')').animate({
					opacity:1,
					left:-imgLeft
				},2000,function(){
					//$('#imageHolder li:eq('+ preImgNo +')').css("left",-imgLeft);
					//animateNext();	
				});
				
				$('#imageHolder li:eq('+ preImgNo +')').animate({
					opacity:0,
					left:0
				},2000,function(){

					$('#imageHolder li:eq('+ preImgNo +')').css("left",-imgLeft*2);

				});
			}
			
			/*
			$('#imageHolder li:eq('+ currentImgNo +')').animate({
				opacity:1
			},2000,function(){
				animateNext();	
			});
			
			if(currentImgNo%2 == 1){
				$('.caption').animate({
					left:960	
				});
			}else{
				$('.caption').animate({
					left:205	
				});
			}
			*/
			
			
			
			$('#imageHolder li:eq('+ currentImgNo +')').css("z-index",0);
			/*$('#imageHolder li:eq('+ currentImgNo +')').animate({
				opacity:1
			},500);*/
		}
		

	}






	});