// This file was automatically generated from footer.thumb.soy.
// Please don't edit this file by hand.

if (typeof crispulo == 'undefined') { var crispulo = {}; }
if (typeof crispulo.footer == 'undefined') { crispulo.footer = {}; }
if (typeof crispulo.footer.thumbs == 'undefined') { crispulo.footer.thumbs = {}; }


crispulo.footer.thumbs.render = function(opt_data, opt_sb) {
  var output = opt_sb || new soy.StringBuilder();
  output.append('<ul id="thumb-list">');
  var imageList4 = opt_data.imageDetails;
  var imageListLen4 = imageList4.length;
  for (var imageIndex4 = 0; imageIndex4 < imageListLen4; imageIndex4++) {
    var imageData4 = imageList4[imageIndex4];
    output.append('<li style="float: left;"><img id="footer_thumb-', soy.$$escapeHtml(imageData4['ID']), '" src="', soy.$$escapeHtml(opt_data.url), soy.$$escapeHtml(imageData4['Name']), '" width="', soy.$$escapeHtml(imageData4['ThumbWidth']), '" height="', soy.$$escapeHtml(imageData4['ThumbHeight']), '" ', (imageData4['MarginTop'] != null) ? 'style="margin-top: ' + soy.$$escapeHtml(imageData4['MarginTop']) + ';" ' : '', '/></li>');
  }
  output.append('</ul>');
  if (!opt_sb) return output.toString();
};


crispulo.footer.thumbs.preview = function(opt_data, opt_sb) {
  var output = opt_sb || new soy.StringBuilder();
  output.append('<div id="image_', soy.$$escapeHtml(opt_data.id), '_preview-panel" class="footer-hover"><h1>', soy.$$escapeHtml(opt_data.title), '</h1><img id="footer_preview-', soy.$$escapeHtml(opt_data.id), '" src="', soy.$$escapeHtml(opt_data.src), '" width="', soy.$$escapeHtml(opt_data.width), '" height="', soy.$$escapeHtml(opt_data.height), '" alt="', soy.$$escapeHtml(opt_data.title), '" /><p><a href="/gallery/', soy.$$escapeHtml(opt_data.category), '/#preview-in-gallery">View In Gallery</a></p></div>');
  if (!opt_sb) return output.toString();
};


crispulo.footer.thumbs.ajax_loader = function(opt_data, opt_sb) {
  var output = opt_sb || new soy.StringBuilder();
  output.append('<div id="ajax-loader"><img src="/Content/images/ajax-loader.gif" width="32" height="32" style="position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; border: none;" /></div>');
  if (!opt_sb) return output.toString();
};