var galleryMakerNjgZmUYTkYzMOQ = new GalleryMaker( 553, '#inlineGalleryNjgZmUYTkYzMOQ', { onSuccess : function(){ var $carousel2 = $('#carousel-m'), $pager2 = $('#pager-m'); function getCenterThumb() { var $visible = $pager2.triggerHandler('currentVisible'), center = Math.floor($visible.length / 2); return center; } $carousel2.carouFredSel({ responsive: true, items: { visible: 1, width: 600, height: (400 / 600 * 100) + '%' }, scroll: { fx: 'crossfade', onBefore: function(data) { var src = data.items.visible.first().attr('src'); src = src.split('/large/').join('/small/'); $pager2.trigger('slideTo', ['img[src="' + src + '"]', -getCenterThumb()]); $pager2.find('img').removeClass('selected'); }, onAfter: function() { $pager2.find('img').eq(getCenterThumb()).addClass('selected'); } } }); $pager2.carouFredSel({ width: '100%', auto: false, height: 140, items: { // visible: 'odd' }, onCreate: function() { var center = getCenterThumb(); $pager2.trigger('slideTo', [-center, {duration: 0}]); $pager2.find('img').eq(center).addClass('selected'); } }); $pager2.find('img').click(function() { var src = $(this).attr('src'); src = src.split('/small/').join('/large/'); $carousel2.trigger('slideTo', ['img[src="' + src + '"]']); }); } } ); if (typeof galleryContentParameters === 'undefined') { galleryMakerNjgZmUYTkYzMOQ.setParams({ original : { w : 600, h : 350 }, thumbnail : { w: 100, h: 70 } }); } else { galleryMakerNjgZmUYTkYzMOQ.setParams(galleryContentParameters); } $(document).ready(function(){ galleryMakerNjgZmUYTkYzMOQ.run(); });