/// Class ThumbnailScroller
/// Adds methods/properties specific to a Scroller of Product thumbnail images.
/// NOTE: This is to be used specifically for the main product's thumbnails b/c it's secondary purpose is to swap out the src of the main image.
/// ImageScroller
function ThumbnailScroller() {
// ===================
// Protected Variables
// ===================
this.name = "thumbnailScroller"; // Name of html element id to write scroller to
// =================
// Protected Methods
// =================
/// Generates the html for the ThumbnailScroller.
/// string of ThumbnailScroller html
this.GetHtml = function() {
var html = "";
// Generate html only if there are items for scroller
if (this.items.length >= this.MIN_ITEMS_FOR_RENDER) {
html += "";
if (this.CheckArrowDisplay(this.start)) {
html += this.FormatElement("| " + this.backArrow.html + " | "); // Back link
}
html += this.GetCellsHtml(this.start, this.items.length) + // Items after start item
this.GetCellsHtml(0, this.start); // Items before start item
if (this.CheckArrowDisplay(this.start)) {
html += this.FormatElement("" + this.forwardArrow.html + " | "); // Forward link
}
html += "
";
}
return html;
}
/// Generates the html for a ThumbnailScroller cell.
/// int index of the items array.
/// string of cell html
this.GetCellHtml = function(i) {
var html = null;
var img = this.items[i];
html = "" +
//"" +
"" +
img.html
"" +
" | ";
return html;
}
///overridden from Base Scroller. We want the images to be centered. For some reason, if we use a width and center, they don't center.
this.UpdateWidth = function() {
}
// ==============
// Public Methods
// ==============
}
ThumbnailScroller.prototype = new ImageScroller();
ThumbnailScroller.prototype.constructor = ThumbnailScroller;