var SlideShowContentItems;

$(document).ready(function()
{
	var clientContext = new SP.ClientContext.get_current();	
	var web = clientContext.get_web();
	var lists = web.get_lists();
	
	var SlideShowContent = lists.getByTitle('SlideShow');
	var camlQuery = new SP.CamlQuery();
	camlQuery.set_viewXml('<View><Query><OrderBy><FieldRef Name=\'Order0\' /></OrderBy></Query></View>');
	SlideShowContentItems = SlideShowContent.getItems(camlQuery);
	clientContext.load(SlideShowContentItems);

	clientContext.executeQueryAsync(Function.createDelegate(this, populateSlideShowContent), Function.createDelegate(this, handleQueryFailed));  

	function populateSlideShowContent(sender, args)
	{
		$('#slider2 li').remove();
		var SlideShowEnum = SlideShowContentItems.getEnumerator();
		var i = 0;		// handle slider code
		while (SlideShowEnum.moveNext())
		{
			var SlideShowItem = SlideShowEnum.get_current();
			var body = SlideShowItem.get_item('Body');
			var titleURI = SlideShowItem.get_item('TitleLink').get_url();
			var title = SlideShowItem.get_item('TitleLink').get_description();
			var background = 'url(\'' + SlideShowItem.get_item('Background').get_url() + '\')';

			var sliderLI = $('#slider2 li').eq(i);
			if (sliderLI.length < 1)
			{
				$('#slider2 ul').append('<li><div class="slider2-left-img"><div class="slider2-content-title"></div><div class="slider2-content-body"></div><div class="slider2-wrapper-img"></div></div></li>');
			}
			
			$('#slider2 li').eq(i).css('background-image', background);
			$('#slider2 li').eq(i).find('.slider2-content-title').html('<a href="' + titleURI + '">' + title + '</a>');
			$('#slider2 li').eq(i).find('.slider2-content-body').html(body);
			i++;			
		}
		
		$("#slider2").easySlider({
			auto: true, 
			continuous: true,
			numeric: true
		});
	}
	
	function handleQueryFailed(sender, args)
	{
		alert('slideshow failed');
	}	
	
});