').css('width', data.imageWidth).css('height', data.imageHeight).css('margin', '0px auto');
var image = $('
![]()
').attr('src', data.imageUrl).addClass('lightbox-image');
imageWrapper.append(image);
lightbox.append(imageWrapper);
//var imgdom = image.get(0);
//if (imgdom.complete || imgdom.readyState === 4) {
// image.data('originalWidth', image.width());
// image.data('originalHeight', image.height());
//} else {
// var that = this;
// image.load(function() {
// image.data('originalWidth', image.width());
// image.data('originalHeight', image.height());
// that.galleryLightboxRepos();
// });
//}
if (data.imageCaption != null && data.imageCaption != '') {
lightbox.append($('
').append(data.imageCaption));
}
if (data.imageContent != null && data.imageContent != '') {
lightbox.append($('
'));
lightbox.append(data.imageContent);
}
var productsText = [];
var productCodeList = [];
if (data.imageProducts != null && data.imageProducts.tags instanceof Array) {
$.each(data.imageProducts.tags, function(index, obj) {
productsText.push(obj.label);
productCodeList.push(obj.label);
});
image.click($.proxy(this.onGalleryImageMouseClick, this));
}
if (productCodeList.length > 0) {
var showroomUrl = figgjo_globals.baseURL + '/figgjo/showroom/professional#/' + productCodeList.join(',');
var a = $('
').attr('href', showroomUrl).addClass('products').append(productsText.join(' , '));
lightbox.append(a);
}
} else {
lightbox.append($('
The image does not exist
').addClass('error'));
// some sort of error message...
}
},
onGalleryImageMouseClick: function(e) {
this.tooltipUpdateClosestProduct(e.pageX, e.pageY);
},
onGalleryImageMouseMove: function(e) {
this.tooltipUpdateClosestProduct(e.pageX, e.pageY);
},
galleryListName: 'inspiration',
galleryDefaultHeadingHtml: '',
galleryTagToNameMap: [],
galleryList: null,
galleryCurrentTag: null,
galleryCurrentData: null,
galleryCurrentPage: null,
galleryListCurrentPage: null,
galleryCurrentRequest: 1,
galleryCurrentDeeplinkElements: null,
galleryCurrentLightboxImageId: null,
galleryListDisplayed: false,
galleryDisplayed: false,
gallerySpacingOnTop: 0,
galleryImagesPerPage: null,
galleryHorizontalSlots: null,
galleryVerticalSlots: null,
galleryHorizontalIncrement: null,
galleryVerticalIncrement: null,
galleryGalleriesPerPage: null,
galleryListHorizontalSlots: null,
galleryListVerticalSlots: null,
galleryListHorizontalIncrement: null,
galleryListVerticalIncrement: null,
galleryLoadGallery: function(gallery, page, requestNumber) {
$.getJSON(figgjo_globals.baseURL + 'figgjo/ajax/gallery', {gallery: gallery}, $.proxy(function(data) {
if (requestNumber == this.galleryCurrentRequest) {
this.galleryCurrentData = data;
this.galleryRenderGallery();
if (this.galleryCurrentLightboxImageId != null) {
this.galleryRenderLightbox();
$('#figgjo-gallery-lightbox-wrapper').addClass('enabled');
$('#figgjo-gallery-lightbox-container').addClass('enabled');
this.galleryLightboxRepos();
$(window).resize(this.galleryLightboxRepos);
}
}
}, this));
},
galleryLoadGalleryList: function() {
$.getJSON(figgjo_globals.baseURL + 'figgjo/ajax/galleryList?galleryListName=' + this.galleryListName, $.proxy(this.onLoadGalleryListComplete, this));
},
onGalleryNavClick: function() {
$.address.value($(this).data('url'));
},
galleryShowLightbox: function(imageId) {
this.galleryCurrentLightboxImageId = imageId;
this.galleryRenderLightbox();
$('#figgjo-gallery-lightbox-wrapper').addClass('enabled');
$('#figgjo-gallery-lightbox-container').addClass('enabled');
this.galleryLightboxRepos();
$(window).resize(this.galleryLightboxRepos);
},
onLoadGalleryListComplete: function(data) {
this.galleryList = data;
for (var i = 0; i < data.length; i++) {
this.galleryTagToNameMap[data[i].galleryTag] = data[i].galleryName;
}
if (this.galleryCurrentDeeplinkElements == null || this.galleryCurrentDeeplinkElements.length == 0 || (this.galleryCurrentDeeplinkElements.length == 1 && parseInt(this.galleryCurrentDeeplinkElements[0]) == this.galleryCurrentDeeplinkElements[0])) {
this.galleryRenderGalleryList();
}
},
galleryRenderGalleryList: function() {
var container = $('#figgjo-gallery-container');
this.removeLoader();
container.empty();
var numPages = Math.floor((this.galleryList.length + this.galleryGalleriesPerPage - 1) / this.galleryGalleriesPerPage);
var currentPage = Math.max(1, Math.min(numPages, this.galleryListCurrentPage));
this.galleryRenderPager(numPages, currentPage, this.galleryListGotoPage);
var startIndex = (currentPage - 1) * this.galleryGalleriesPerPage;
for (i = startIndex, pos = 0; pos < this.galleryGalleriesPerPage && i < this.galleryList.length; i++, pos++) {
var entry = this.galleryList[i];
var box = $('
').addClass('figgjo-gallery-box');
box.append($('
![]()
').attr('src', entry.galleryImage));
box.append($('
').addClass('caption').append(entry.galleryName));
box.data('url', entry.galleryTag);
box.click(this.onGalleryNavClick); // not proxied on purpose!
container.append(box);
}
this.galleryListDisplayed = true;
this.galleryLayoutGalleryList();
},
galleryLayoutGalleryList: function() {
$('#figgjo-gallery-container > div').each($.proxy(function(index, element) {
var posX = (index % this.galleryListHorizontalSlots) * this.galleryListHorizontalIncrement;
var posY = Math.floor(index / this.galleryListHorizontalSlots) * this.galleryListVerticalIncrement + this.gallerySpacingOnTop;
$(element).css('top', posY + 'px').css('left', posX + 'px');
}, this));
},
galleryListGotoPage: function(page) {
$.address.value("" + page);
},
galleryGotoPage: function(page) {
$.address.value(this.galleryCurrentTag + '/' + page);
},
galleryRenderGallery: function() {
var that = this;
var container = $('#figgjo-gallery-container');
container.empty();
this.removeLoader();
var numPages = Math.floor((this.galleryCurrentData.length + this.galleryImagesPerPage - 1) / this.galleryImagesPerPage);
this.galleryCurrentPage = Math.max(1, Math.min(numPages, this.galleryCurrentPage));
this.galleryRenderPager(numPages, this.galleryCurrentPage, this.galleryGotoPage);
var startIndex = (this.galleryCurrentPage - 1) * this.galleryImagesPerPage;
for (i = startIndex, pos = 0; pos < this.galleryImagesPerPage && i < this.galleryCurrentData.length; i++, pos++) {
var entry = this.galleryCurrentData[i];
var box = $('
').addClass('figgjo-gallery-box');
box.append($('
![]()
').attr('src', entry.imageThumbUrl));
box.append($('
').addClass('caption').append(entry.imageCaption));
//box.data('url', this.galleryCurrentTag + '/' + this.galleryCurrentPage + '/' + entry.imageId);
box.data('imageId', entry.imageId);
box.click(function() {
var imageId = $(this).data('imageId');
that.galleryShowLightbox(imageId);
});
container.append(box);
}
this.galleryDisplayed = true;
this.galleryLayoutGallery();
this.setHeadingHtmlContent(this.galleryTagToNameMap[this.galleryCurrentTag]);
},
galleryLayoutGallery: function() {
$('#figgjo-gallery-container > div').each($.proxy(function(index, element) {
var posX = (index % this.galleryHorizontalSlots) * this.galleryHorizontalIncrement;
var posY = Math.floor(index / this.galleryHorizontalSlots) * this.galleryVerticalIncrement + this.gallerySpacingOnTop;
$(element).css('top', posY + 'px').css('left', posX + 'px');
}, this));
},
// selected is 1-based
galleryRenderPager: function(count, selected, callback) {
var outer = $('#figgjo-gallery-pager');
var container = $('#figgjo-gallery-pager-list');
container.empty();
var that = this;
if (count > 1) {
outer.removeClass('empty');
if (selected > 1) {
var prevbtn = $('
').addClass('gallery-prev-btn').click(function() {
callback.call(that, selected - 1);
});
container.append(prevbtn);
}
if (selected < count) {
var nextbtn = $('
').addClass('gallery-next-btn').click(function() {
callback.call(that, selected + 1);
});
container.append(nextbtn);
}
for (i = 1; i <= count; i++) {
if (i == 1 || i == count || Math.abs(i - selected) < 3) {
var element = $('
').addClass('figgjo-pager-element').append(i).data('page', i);
if (i == selected) {
element.addClass('selected');
} else {
element.click(function() {
var page = $(this).data('page');
callback.call(that, page);
});
}
container.append(element);
} else if (Math.abs(i - selected) == 3) {
container.append($('
').addClass('figgjo-pager-element-ellipsis').append('...'));
}
}
} else {
outer.addClass('empty');
}
},
galleryLayoutContainer: null,
galleryDoLayout: function() {
var container = this.galleryLayoutContainer;
var boxes = container.data('boxes');
var boxWidth = container.data('boxWidth');
var boxHeight = container.data('boxHeight');
var minSpacing = container.data('minSpacing');
var containerWidth = container.innerWidth() - 20;
var horizontalSlots = Math.max(2, Math.floor((containerWidth + minSpacing) / (boxWidth + minSpacing)));
var horizontalSpacing = (containerWidth - horizontalSlots * boxWidth) / (horizontalSlots - 1);
var verticalSpacing = minSpacing;
var horizontalIncrement = Math.max(boxWidth + minSpacing, (containerWidth + horizontalSpacing) / horizontalSlots);
var verticalIncrement = boxHeight + verticalSpacing;
for (var i = 0; i < boxes.length; i++) {
var ix = i % horizontalSlots;
var iy = parseInt(i / horizontalSlots);
var box = boxes[i];
box.css({left: ix * horizontalIncrement, top: iy * verticalIncrement});
}
},
initGalleryLayout: function(container, minSpacing, renderFunction, items) {
var childCount = 0;
var boxWidth = null;
var boxHeight = null;
var boxes = new Array();
for (var i = 0; i < items.length; i++) {
var item = items[i];
var box = renderFunction.call(this, item);
boxes.push(box);
container.append(box);
childCount++;
if (boxWidth == null) {
boxWidth = box.width();
boxHeight = box.height();
}
}
container.data('boxes', boxes);
container.data('boxWidth', boxWidth);
container.data('boxHeight', boxHeight);
container.data('minSpacing', minSpacing);
this.galleryLayoutContainer = container;
this.galleryDoLayout();
$(window).resize($.proxy(this.galleryDoLayout, this));
},
renderArticleSubpage: function(item) {
//
//
//
caption
//
box = $('
').addClass('figgjo-gallery-box').click(function(){
location.href = item.url;
});
box.append($('
![]()
').attr('src', item.image));
box.append($('
').addClass('caption').append(item.caption));
return box;
},
// $data[] = Array(
// 'url' => $urlBase . $category->getId() . '/' . $post->getId(),
// 'title' => $post->getPostTitle(),
// 'excerpt' => $post->getPostExcerpt(),
// 'image' => $imgurl
// );
renderNewsCategory: function(item) {
box = $('
').click(function(){
location.href = item.url;
});
if (item.image != null) {
box.append($('
![]()
').attr('src', item.image));
} else {
box.append($('
![]()
').attr('src', '/figgjo-data/news_noimage.png'));
}
box.append($('
').append(item.title));
return box;
}
};
})(jQuery);
jQuery(document).ready(jQuery.proxy(figgjo.onDocumentReady, figgjo));
