// JavaScript Document

// JavaScript Document

$(document).ready(function() {
	
	var titles 					= [];
	var captions 				= [];
	var urls 					= [];
	var images 					= [];
	
	var imageHeight = 50;
	var animateValue = 50;
	
	var lastTopValue;
	
	var url = "";

	$.loadXML(url, xmlCallback, pageId);
	
	function xmlCallback(xml)
	{

		if(!(xml instanceof jQuery))
		{
			xml = $(xml);
		}
		
	
		noOfImages = xml.find('TemporaryTable').length;
		lastTopValue = (noOfImages)*imageHeight;
		
		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 ="";
			
			imageChilds = "<li><a href='"+ urls[i] +"'><img src='"+ images[i] +"' border='0' title='"+ titles[i] +"'/></a></li>";
			
			$('#logoSet').append(imageChilds);
			


		}
		
		$('#logoSet').css({height:imageHeight*(noOfImages*2)});
		
		var cloneSet = $('#logoSet').children().clone()
		$('#logoSet').append($('#logoSet').children().clone());
		
		
		var refreshIntervalId;
		
		var varName = function(){
			moveTop();
		};
		
		defineInterval();
		function defineInterval(){
			refreshIntervalId = setInterval(varName, 3000);
		}

		function moveTop(){
			
			$('#logoSet').animate({
				top: ($('#logoSet').position().top - (animateValue))
			},500, function(){
				if($('#logoSet').position().top <= - lastTopValue){
					$('#logoSet').css({top:0});
				}
			});
			
		}
		
	}

});