$(document).ready(function(){
  $("#clients-banner-middle-scroll").html("");
  $().SPServices({
    operation: "GetListItems",
    async: false,
    listName: "Client Logos",
    CAMLQuery: "<Query><OrderBy><FieldRef Name='Created' Ascending='False' /></OrderBy></Query>",
    CAMLViewFields: "<ViewFields><FieldRef Name='Title' /></ViewFields>",
    completefunc: function (xData, Status) {
  	  var strHtml = "<div class='scrollable'><div class='items'>"
      $(xData.responseXML).find("[nodeName=z:row]").each(function(i) {
			
			if(i == 0)
			{
				strHtml += "<div class='image-row'>";
			}
			else if( i%4 == 0)
			{
				strHtml += "</div><div class='image-row'>";
			}
			
			var fileRef = $(this).attr("ows_FileRef");
			fileRef = fileRef.split('#');
			
			var image = fileRef[1];
			strHtml += "<img src='" + image + "'/>";

      });
      strHtml += "</div></div></div>";
  	  $("#clients-banner-middle-scroll").append(strHtml);      
    }
  });

$(".image-row img").shuffle();
$(".scrollable").scrollable({circular: true});

});