var ImageCycleContentItems;
var ImageCycleControlContentItems;
var fx = '';

$(function()
{
	var clientContext = new SP.ClientContext.get_current();	
	var web = clientContext.get_web();
	var lists = web.get_lists();

	var ImageCycleControlContent = lists.getByTitle('ImageCycleControl');
	var camlQuery = new SP.CamlQuery();
	ImageCycleControlContentItems= ImageCycleControlContent.getItems(camlQuery);
	clientContext.load(ImageCycleControlContentItems);

	clientContext.executeQueryAsync(Function.createDelegate(this, getFX), Function.createDelegate(this, handleQueryFailed));  
	
	function populateImageCycleContent(sender, args)
	{
		$('#Cycle li').remove();
		var ImageCycleEnum = ImageCycleContentItems.getEnumerator();
		var i = 0;		// handle slider code
		while (ImageCycleEnum.moveNext())
		{
		    
			var ImageCycleItem = ImageCycleEnum.get_current();
			var body = ImageCycleItem.get_item('Body');
			//var titleURI = ImageCycleItem.get_item('Linked_x0020_Title').get_url();
			//var title = ImageCycleItem.get_item('Linked_x0020_Title').get_description();
			var background = 'url(\'' + ImageCycleItem.get_item('background').get_url() + '\') no-repeat scroll 0 0 transparent';

			var sliderLI = $('#Cycle li').eq(i);
			if (sliderLI.length < 1)
			{
				$('#Cycle').append('<li><div class="slider-content-body"></div></li>');
			}
			
			$('#Cycle li').eq(i).css('background', background);
			// $('#Cycle li').eq(i).find('.image-cycle-content-title').html('<a href="' + titleURI + '">' + '<div class="image-cycle-left-img"></div>' + '</a>');
			$('#Cycle li').eq(i).find('.slider-content-body').html(body);
			i++;			
		}
	        
	        
	        $('#pauseButton').click(function() { 
    		$('#Cycle').cycle('toggle');
    		});
	        
	        
	    $('.image-cycle').cycle({
	    pager: "#nav",
		fx: fx, // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		timeout: timeout, // milliseconds between slide transitions (0 to disable auto advance)
		speed: speed // speed of the transition (any valid fx speed value) 
		});	
	}
	
	function getFX(sender, args)
	{
		var fxEnum = ImageCycleControlContentItems.getEnumerator();
		fxEnum.moveNext();		
		var ImageCycleControlContentItem = fxEnum.get_current();
		fx = ImageCycleControlContentItem.get_item('fx');
		speed = ImageCycleControlContentItem.get_item('speed');
		timeout = ImageCycleControlContentItem.get_item('timeout');

		var clientContext = new SP.ClientContext.get_current();	
		var web = clientContext.get_web();
		var lists = web.get_lists();

		var ImageCycleContent = lists.getByTitle('LandingSlideShow');
		var camlQuery = new SP.CamlQuery();
		camlQuery.set_viewXml('<View><Query><OrderBy><FieldRef Name=\'Order0\' /></OrderBy></Query></View>');
		ImageCycleContentItems = ImageCycleContent.getItems(camlQuery);
		clientContext.load(ImageCycleContentItems);

		clientContext.executeQueryAsync(Function.createDelegate(this, populateImageCycleContent), Function.createDelegate(this, handleQueryFailed));  
	}
	
	function handleQueryFailed(sender, args)
	{
		alert('ImageCycle failed');
	}	
});