$(document).ready(function(){
  $("#latest-greatest-items").html("");
  $().SPServices({
    operation: "GetListItems",
    async: true,
    listName: "Latest and Greatest",
    CAMLQuery: "<Query><OrderBy><FieldRef Name='Created' Ascending='False' /></OrderBy></Query>",
    CAMLViewFields: "<ViewFields><FieldRef Name='Title' /><FieldRef Name='NewWindow' /><FieldRef Name='Link' /><FieldRef Name='Thumbnail' /><FieldRef Name='Description' /></ViewFields>",
    CAMLRowLimit: "<rowLimit>1</rowLimit>",
    completefunc: function (xData, Status) {
      $(xData.responseXML).find("[nodeName=z:row]").each(function() {
        var title = $(this).attr("ows_Title");
        var description = $(this).attr("ows_Description");
        var thumbnail = $(this).attr("ows_Thumbnail");
        var link = $(this).attr("ows_Link");
        var newWindow = $(this).attr("ows_NewWindow");
        
        var strHtml = "<div class='latest-greatest-item'>";
        strHtml += "<div class='thumbnail'><img src='" + thumbnail + "'/></div>";
        strHtml += "<div class='text'><div class='title'>" + title + "</div>";
        strHtml += "<div class='description'> - " + description + "</div>";
        
        if(link != undefined)
        {
	        if(newWindow == 1)
	            strHtml += "<div class='link'><a href='" + link + "' target='_blank'>View Now</a></div>";
	        else
		        strHtml += "<div class='link'><a href='" + link + "' target='_self'>View Now</a></div>";
	        strHtml += "</div></div>";
        }
        $("#latest-greatest-items").append(strHtml);
      });
    }
  });

});