(function ($) {
$.galleryUtility = {}; $.galleryUtility.centerImage = {}; $.galleryUtility.rightImage = {}; $.galleryUtility.leftImage = {}; $.galleryUtility.rightImageStorage = {}; $.galleryUtility.leftImageStorage = {}; $.galleryUtility.zoomImage = {}; $.galleryUtility.gallery = {}; $.galleryUtility.Options = { container: null, Lheight: 200, Lwidth: 200, Lshrink: function (dimension) { return dimension * 0.75; }, Lzoom: function (dimension) { return dimension * 2; }, Pheight: 200, Pwidth: 200, Pshrink: function (dimension) { return dimension * 0.75; }, Pzoom: function (dimension) { return dimension * 2; }, defaultLayout: 'landscape', startClass: 'start', slideSpeed: 'normal', zoomSpeed: 'fast', gutterWidth: 50, captionUpPath: 'Images/SlidingGallery/captionUpArrow.png', captionUpWidth: 24, captionUpHeight: 17, captionUpID: 'captionArrowUp', captionDownPath: 'Images/SlidingGallery/captionDownArrow.png', captionDownWidth: 24, captionDownHeight: 17, captionDownID: 'captionArrowDown', captionHeight: function (zoomHeight) { return zoomHeight * 0.1; }, captionStyle: 'background-color:white; color:black; opacity: 0.6; filter: alpha(opacity = 60); font-size: 16px; text-align:center;', captionClass: 'captionBox', captionID: 'activeCaption', captionTextAttribute: 'caption', useCaptions: false }; $.fn.slidingGallery = function (options) {
$.extend($.galleryUtility.Options, options); $('body').css('overflow-x', 'hidden'); var container = null; if (!$.galleryUtility.Options.container) { $.galleryUtility.Options.container = $('body'); } else { $.galleryUtility.Options.container.css('position', 'relative'); }
$.galleryUtility.gallery = $(this).css('cursor', 'pointer'); $.galleryUtility.definePositions(); if ($.galleryUtility.Options.useCaptions) { $.galleryUtility.Options.container.append('
').append('
'); $('#' + $.galleryUtility.Options.captionUpID + ',#' + $.galleryUtility.Options.captionDownID).css('cursor', 'help'); }
var lastIndex = 0; var gallerySize = $.galleryUtility.gallery.each(function (i) {
$(this).attr({ 'index': i, 'prev': (i - 1), 'next': (i + 1) }).css('position', 'absolute'); if (($(this).attr('layout') !== 'portrait') && ($(this).attr('layout') !== 'landscape')) { $(this).attr('layout', $.galleryUtility.Options.defaultLayout); }
lastIndex = i;
}).hide().size(); var currIndex = 0; while (gallerySize < 7) { var $clone = $.galleryUtility.gallery.filter('[index=' + currIndex + ']').clone().attr({ 'index': lastIndex + 1, 'prev': lastIndex, 'next': lastIndex + 2 }).removeClass($.galleryUtility.Options.startClass); $.galleryUtility.gallery.filter('[index=' + (lastIndex) + ']').after($clone); $.galleryUtility.gallery = $.galleryUtility.gallery.add('img[index=' + (lastIndex + 1) + ']'); lastIndex++; currIndex++; gallerySize++; }
$.galleryUtility.gallery.filter('[index=' + lastIndex + ']').attr('next', 0); $.galleryUtility.gallery.filter('[index=0]').attr('prev', lastIndex); $.galleryUtility.setCenter($.galleryUtility.gallery.filter('.' + $.galleryUtility.Options.startClass).show()); $.galleryUtility.setLeft($.galleryUtility.gallery.filter('[index=' + $.galleryUtility.centerImage.image.attr('prev') + ']').show()); $.galleryUtility.setRight($.galleryUtility.gallery.filter('[index=' + $.galleryUtility.centerImage.image.attr('next') + ']').show()); $.galleryUtility.setLeftStorage($.galleryUtility.gallery.filter('[index=' + $.galleryUtility.leftImage.image.attr('prev') + ']')); $.galleryUtility.setRightStorage($.galleryUtility.gallery.filter('[index=' + $.galleryUtility.rightImage.image.attr('next') + ']')); $.galleryUtility.leftImage.image.one('click', $.galleryUtility.slideRight); $.galleryUtility.rightImage.image.one('click', $.galleryUtility.slideLeft); $.galleryUtility.centerImage.image.one('click', $.galleryUtility.zoomIn); $(window).resize(function () { $.galleryUtility.definePositions(); $.galleryUtility.setCenter($.galleryUtility.centerImage.image); $.galleryUtility.setLeft($.galleryUtility.leftImage.image); $.galleryUtility.setRight($.galleryUtility.rightImage.image); $.galleryUtility.setLeftStorage($.galleryUtility.leftImageStorage.image); $.galleryUtility.setRightStorage($.galleryUtility.rightImageStorage.image); }); return $(this);
}; $.galleryUtility.slideRight = function () {
var liLeft = $.galleryUtility.leftImage.left($.galleryUtility.leftImageStorage.image, $.galleryUtility.leftImage.image); var riLeft = $.galleryUtility.rightImage.left($.galleryUtility.leftImage.image); var risLeft = $.galleryUtility.rightImageStorage.left($.galleryUtility.centerImage.image); if ($.galleryUtility.leftImageStorage.image.attr('layout') === 'landscape') { $.galleryUtility.leftImageStorage.image.animate({ 'top': $.galleryUtility.leftImage.Ltop, 'left': liLeft, 'height': $.galleryUtility.leftImage.Lheight, 'width': $.galleryUtility.leftImage.Lwidth, 'opacity': 'show' }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideRight); }); } else { $.galleryUtility.leftImageStorage.image.animate({ 'top': $.galleryUtility.leftImage.Ptop, 'left': liLeft, 'height': $.galleryUtility.leftImage.Pheight, 'width': $.galleryUtility.leftImage.Pwidth, 'opacity': 'show' }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideRight); }); }
if ($.galleryUtility.leftImage.image.attr('layout') === 'landscape') { $.galleryUtility.leftImage.image.unbind().animate({ 'top': $.galleryUtility.centerImage.Ltop, 'left': $.galleryUtility.centerImage.Lleft, 'height': $.galleryUtility.centerImage.Lheight, 'width': $.galleryUtility.centerImage.Lwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.zoomIn); }); } else { $.galleryUtility.leftImage.image.unbind().animate({ 'top': $.galleryUtility.centerImage.Ptop, 'left': $.galleryUtility.centerImage.Pleft, 'height': $.galleryUtility.centerImage.Pheight, 'width': $.galleryUtility.centerImage.Pwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.zoomIn); }); }
if ($.galleryUtility.centerImage.image.attr('layout') === 'landscape') { $.galleryUtility.centerImage.image.unbind().animate({ 'top': $.galleryUtility.rightImage.Ltop, 'left': riLeft, 'height': $.galleryUtility.rightImage.Lheight, 'width': $.galleryUtility.rightImage.Lwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideLeft); }); } else { $.galleryUtility.centerImage.image.unbind().animate({ 'top': $.galleryUtility.rightImage.Ptop, 'left': riLeft, 'height': $.galleryUtility.rightImage.Pheight, 'width': $.galleryUtility.rightImage.Pwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideLeft); }); }
if ($.galleryUtility.rightImage.image.attr('layout') === 'landscape') { $.galleryUtility.rightImage.image.unbind().animate({ 'top': $.galleryUtility.rightImageStorage.Ltop, 'left': risLeft, 'height': $.galleryUtility.rightImageStorage.Lheight, 'width': $.galleryUtility.rightImageStorage.Lwidth, 'opacity': 'hide' }, $.galleryUtility.Options.slideSpeed, 'linear'); } else { $.galleryUtility.rightImage.image.unbind().animate({ 'top': $.galleryUtility.rightImageStorage.Ptop, 'left': risLeft, 'height': $.galleryUtility.rightImageStorage.Pheight, 'width': $.galleryUtility.rightImageStorage.Pwidth, 'opacity': 'hide' }, $.galleryUtility.Options.slideSpeed, 'linear'); }
$.galleryUtility.rightImageStorage.image = $.galleryUtility.rightImage.image; $.galleryUtility.rightImage.image = $.galleryUtility.centerImage.image; $.galleryUtility.centerImage.image = $.galleryUtility.leftImage.image; $.galleryUtility.leftImage.image = $.galleryUtility.leftImageStorage.image; $.galleryUtility.setLeftStorage($.galleryUtility.gallery.filter('[index=' + $.galleryUtility.leftImageStorage.image.attr('prev') + ']'));
}; $.galleryUtility.slideLeft = function () {
var riLeft = $.galleryUtility.rightImage.left($.galleryUtility.rightImage.image); var liLeft = $.galleryUtility.leftImage.left($.galleryUtility.centerImage.image, $.galleryUtility.rightImage.image); var lisLeft = $.galleryUtility.leftImageStorage.left($.galleryUtility.leftImage.image, $.galleryUtility.centerImage.image, $.galleryUtility.rightImage.image); if ($.galleryUtility.rightImageStorage.image.attr('layout') === 'landscape') { $.galleryUtility.rightImageStorage.image.animate({ 'top': $.galleryUtility.rightImage.Ltop, 'left': riLeft, 'height': $.galleryUtility.rightImage.Lheight, 'width': $.galleryUtility.rightImage.Lwidth, 'opacity': 'show' }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideLeft); }); } else { $.galleryUtility.rightImageStorage.image.animate({ 'top': $.galleryUtility.rightImage.Ptop, 'left': riLeft, 'height': $.galleryUtility.rightImage.Pheight, 'width': $.galleryUtility.rightImage.Pwidth, 'opacity': 'show' }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideLeft); }); }
if ($.galleryUtility.rightImage.image.attr('layout') === 'landscape') { $.galleryUtility.rightImage.image.unbind().animate({ 'top': $.galleryUtility.centerImage.Ltop, 'left': $.galleryUtility.centerImage.Lleft, 'height': $.galleryUtility.centerImage.Lheight, 'width': $.galleryUtility.centerImage.Lwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.zoomIn); }); } else { $.galleryUtility.rightImage.image.unbind().animate({ 'top': $.galleryUtility.centerImage.Ptop, 'left': $.galleryUtility.centerImage.Pleft, 'height': $.galleryUtility.centerImage.Pheight, 'width': $.galleryUtility.centerImage.Pwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.zoomIn); }); }
if ($.galleryUtility.centerImage.image.attr('layout') === 'landscape') { $.galleryUtility.centerImage.image.unbind().animate({ 'top': $.galleryUtility.leftImage.Ltop, 'left': liLeft, 'height': $.galleryUtility.leftImage.Lheight, 'width': $.galleryUtility.leftImage.Lwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideRight); }); } else { $.galleryUtility.centerImage.image.unbind().animate({ 'top': $.galleryUtility.leftImage.Ptop, 'left': liLeft, 'height': $.galleryUtility.leftImage.Pheight, 'width': $.galleryUtility.leftImage.Pwidth }, $.galleryUtility.Options.slideSpeed, 'linear', function () { $(this).one('click', $.galleryUtility.slideRight); }); }
if ($.galleryUtility.leftImage.image.attr('layout') === 'landscape') { $.galleryUtility.leftImage.image.unbind().animate({ 'top': $.galleryUtility.leftImageStorage.Ltop, 'left': lisLeft, 'height': $.galleryUtility.leftImageStorage.Lheight, 'width': $.galleryUtility.leftImageStorage.Lwidth, 'opacity': 'hide' }, $.galleryUtility.Options.slideSpeed, 'linear'); } else { $.galleryUtility.leftImage.image.unbind().animate({ 'top': $.galleryUtility.leftImageStorage.Ptop, 'left': lisLeft, 'height': $.galleryUtility.leftImageStorage.Pheight, 'width': $.galleryUtility.leftImageStorage.Pwidth, 'opacity': 'hide' }, $.galleryUtility.Options.slideSpeed, 'linear'); }
$.galleryUtility.leftImageStorage.image = $.galleryUtility.leftImage.image; $.galleryUtility.leftImage.image = $.galleryUtility.centerImage.image; $.galleryUtility.centerImage.image = $.galleryUtility.rightImage.image; $.galleryUtility.rightImage.image = $.galleryUtility.rightImageStorage.image; $.galleryUtility.setRightStorage($.galleryUtility.gallery.filter('[index=' + $.galleryUtility.rightImageStorage.image.attr('next') + ']'));
}; $.galleryUtility.zoomIn = function () { $.galleryUtility.gallery.unbind(); if ($.galleryUtility.centerImage.image.attr('layout') === 'landscape') { $.galleryUtility.centerImage.image.css('z-index', '99').animate({ 'top': $.galleryUtility.zoomImage.Ltop, 'left': $.galleryUtility.zoomImage.Lleft, 'height': $.galleryUtility.zoomImage.Lheight, 'width': $.galleryUtility.zoomImage.Lwidth }, $.galleryUtility.Options.zoomSpeed, 'linear', function () { $.galleryUtility.centerImage.image.one('click', $.galleryUtility.zoomOut); if ($.galleryUtility.Options.useCaptions) { $('#' + $.galleryUtility.Options.captionDownID).css({ 'height': 0, 'top': $.galleryUtility.zoomImage.Ltop + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'left': $.galleryUtility.zoomImage.Lleft + ($.galleryUtility.zoomImage.Lwidth - $.galleryUtility.Options.captionDownWidth) + parseInt($.galleryUtility.centerImage.image.css('borderLeftWidth'), 10), 'z-index': 1000, 'position': 'absolute' }).show().animate({ 'height': $.galleryUtility.Options.captionDownHeight }, 'fast', 'linear', function () { $('#' + $.galleryUtility.Options.captionDownID).one('click', $.galleryUtility.LcaptionDown); }); } }); } else { $.galleryUtility.centerImage.image.css('z-index', '99').animate({ 'top': $.galleryUtility.zoomImage.Ptop, 'left': $.galleryUtility.zoomImage.Pleft, 'height': $.galleryUtility.zoomImage.Pheight, 'width': $.galleryUtility.zoomImage.Pwidth }, $.galleryUtility.Options.zoomSpeed, 'linear', function () { $.galleryUtility.centerImage.image.one('click', $.galleryUtility.zoomOut); if ($.galleryUtility.Options.useCaptions) { $('#' + $.galleryUtility.Options.captionDownID).css({ 'height': 0, 'top': $.galleryUtility.zoomImage.Ptop + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'left': $.galleryUtility.zoomImage.Pleft + ($.galleryUtility.zoomImage.Pwidth - $.galleryUtility.Options.captionDownWidth) + parseInt($.galleryUtility.centerImage.image.css('borderLeftWidth'), 10), 'z-index': 100, 'position': 'absolute' }).show().animate({ 'height': $.galleryUtility.Options.captionDownHeight }, 'fast', 'linear', function () { $('#' + $.galleryUtility.Options.captionDownID).one('click', $.galleryUtility.PcaptionDown); }); } }); } }; $.galleryUtility.LcaptionDown = function () { $.galleryUtility.centerImage.image.unbind(); $.galleryUtility.Options.container.append('' + $.galleryUtility.centerImage.image.attr($.galleryUtility.Options.captionTextAttribute) + ''); $('#' + $.galleryUtility.Options.captionID).css({ 'top': $.galleryUtility.zoomImage.Ltop + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'left': $.galleryUtility.zoomImage.Lleft + parseInt($.galleryUtility.centerImage.image.css('borderLeftWidth'), 10), 'width': $.galleryUtility.zoomImage.Lwidth, 'height': 0, 'position': 'absolute', 'z-index': '100' }).animate({ 'height': Math.round($.galleryUtility.Options.captionHeight($.galleryUtility.zoomImage.Lheight)) }, 'normal', 'linear'); $('#' + $.galleryUtility.Options.captionDownID).animate({ 'height': 0, 'top': $.galleryUtility.zoomImage.Ltop + (Math.round($.galleryUtility.Options.captionHeight($.galleryUtility.zoomImage.Lheight))) + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10) }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionDownID).hide(); }); $('#' + $.galleryUtility.Options.captionUpID).css({ 'top': $.galleryUtility.zoomImage.Ltop + $.galleryUtility.Options.captionDownHeight + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'left': $.galleryUtility.zoomImage.Lleft + ($.galleryUtility.zoomImage.Lwidth - $.galleryUtility.Options.captionUpWidth) + parseInt($.galleryUtility.centerImage.image.css('borderLeftWidth'), 10), 'height': 0, 'position': 'absolute', 'z-index': '100' }).show().animate({ 'top': $.galleryUtility.zoomImage.Ltop + (Math.round($.galleryUtility.Options.captionHeight($.galleryUtility.zoomImage.Lheight))) + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'height': $.galleryUtility.Options.captionUpHeight }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionUpID).one('click', function () { $.galleryUtility.LcaptionUp(false); }); $.galleryUtility.centerImage.image.one('click', function () { $.galleryUtility.LcaptionUp(true); }); }); }; $.galleryUtility.PcaptionDown = function () { $.galleryUtility.centerImage.image.unbind(); $.galleryUtility.Options.container.append('' + $.galleryUtility.centerImage.image.attr($.galleryUtility.Options.captionTextAttribute) + ''); $('#' + $.galleryUtility.Options.captionID).css({ 'top': $.galleryUtility.zoomImage.Ptop + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'left': $.galleryUtility.zoomImage.Pleft + parseInt($.galleryUtility.centerImage.image.css('borderLeftWidth'), 10), 'width': $.galleryUtility.zoomImage.Pwidth, 'height': 0, 'position': 'absolute', 'z-index': '100' }).animate({ 'height': Math.round($.galleryUtility.Options.captionHeight($.galleryUtility.zoomImage.Pheight)) }, 'normal', 'linear'); $('#' + $.galleryUtility.Options.captionDownID).animate({ 'height': 0, 'top': $.galleryUtility.zoomImage.Ptop + (Math.round($.galleryUtility.Options.captionHeight($.galleryUtility.zoomImage.Pheight))) + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10) }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionDownID).hide(); }); $('#' + $.galleryUtility.Options.captionUpID).css({ 'top': $.galleryUtility.zoomImage.Ptop + $.galleryUtility.Options.captionDownHeight + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'left': $.galleryUtility.zoomImage.Pleft + ($.galleryUtility.zoomImage.Pwidth - $.galleryUtility.Options.captionUpWidth) + parseInt($.galleryUtility.centerImage.image.css('borderLeftWidth'), 10), 'height': 0, 'position': 'absolute', 'z-index': '100' }).show().animate({ 'top': $.galleryUtility.zoomImage.Ptop + (Math.round($.galleryUtility.Options.captionHeight($.galleryUtility.zoomImage.Pheight))) + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'height': $.galleryUtility.Options.captionUpHeight }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionUpID).one('click', function () { $.galleryUtility.PcaptionUp(false); }); $.galleryUtility.centerImage.image.one('click', function () { $.galleryUtility.PcaptionUp(true); }); }); }; $.galleryUtility.LcaptionUp = function (unzoom) { $('#' + $.galleryUtility.Options.captionID).animate({ 'height': 0 }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionID).remove(); }); $('#' + $.galleryUtility.Options.captionUpID).animate({ 'top': $.galleryUtility.zoomImage.Ltop + $.galleryUtility.Options.captionDownHeight + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'height': 0 }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionUpID).hide(); }); $('#' + $.galleryUtility.Options.captionDownID).show().animate({ 'height': $.galleryUtility.Options.captionDownHeight, 'top': $.galleryUtility.zoomImage.Ltop + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10) }, 'normal', 'linear', function () { if (unzoom) { $('#' + $.galleryUtility.Options.captionUpID).unbind(); $.galleryUtility.zoomOut(); } else { $('#' + $.galleryUtility.Options.captionDownID).one('click', $.galleryUtility.LcaptionDown); $.galleryUtility.centerImage.image.one('click', $.galleryUtility.zoomOut); } }); }; $.galleryUtility.PcaptionUp = function (unzoom) { $('#' + $.galleryUtility.Options.captionID).animate({ 'height': 0 }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionID).remove(); }); $('#' + $.galleryUtility.Options.captionUpID).animate({ 'top': $.galleryUtility.zoomImage.Ptop + $.galleryUtility.Options.captionDownHeight + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10), 'height': 0 }, 'normal', 'linear', function () { $('#' + $.galleryUtility.Options.captionUpID).hide(); }); $('#' + $.galleryUtility.Options.captionDownID).show().animate({ 'height': $.galleryUtility.Options.captionDownHeight, 'top': $.galleryUtility.zoomImage.Ptop + parseInt($.galleryUtility.centerImage.image.css('borderTopWidth'), 10) }, 'normal', 'linear', function () { if (unzoom) { $('#' + $.galleryUtility.Options.captionUpID).unbind(); $.galleryUtility.zoomOut(); } else { $('#' + $.galleryUtility.Options.captionDownID).one('click', $.galleryUtility.PcaptionDown); $.galleryUtility.centerImage.image.one('click', $.galleryUtility.zoomOut); } }); }; $.galleryUtility.zoomOut = function () { if ($.galleryUtility.Options.useCaptions) { $('#' + $.galleryUtility.Options.captionDownID).animate({ 'height': 0 }, 50, 'linear', $.galleryUtility.zoomOutBody).unbind(); } else { $.galleryUtility.zoomOutBody(); } }; $.galleryUtility.zoomOutBody = function () { if ($.galleryUtility.centerImage.image.attr('layout') === 'landscape') { $.galleryUtility.centerImage.image.animate({ 'top': $.galleryUtility.centerImage.Ltop, 'left': $.galleryUtility.centerImage.Lleft, 'height': $.galleryUtility.centerImage.Lheight, 'width': $.galleryUtility.centerImage.Lwidth }, $.galleryUtility.Options.zoomSpeed, 'linear', function () { $(this).css('z-index', '0').one('click', $.galleryUtility.zoomIn); $.galleryUtility.leftImage.image.one('click', $.galleryUtility.slideRight); $.galleryUtility.rightImage.image.one('click', $.galleryUtility.slideLeft); }); } else { $.galleryUtility.centerImage.image.animate({ 'top': $.galleryUtility.centerImage.Ptop, 'left': $.galleryUtility.centerImage.Pleft, 'height': $.galleryUtility.centerImage.Pheight, 'width': $.galleryUtility.centerImage.Pwidth }, $.galleryUtility.Options.zoomSpeed, 'linear', function () { $(this).css('z-index', '0').one('click', $.galleryUtility.zoomIn); $.galleryUtility.leftImage.image.one('click', $.galleryUtility.slideRight); $.galleryUtility.rightImage.image.one('click', $.galleryUtility.slideLeft); }); } }; $.galleryUtility.setRightStorage = function (image) {
$.galleryUtility.rightImageStorage.image = image; if ($.galleryUtility.rightImageStorage.image.attr('layout') === 'landscape') { $.galleryUtility.rightImageStorage.image.hide().css({ 'top': $.galleryUtility.rightImageStorage.Ltop, 'height': $.galleryUtility.rightImageStorage.Lheight, 'width': $.galleryUtility.rightImageStorage.Lwidth }); } else { $.galleryUtility.rightImageStorage.image.hide().css({ 'top': $.galleryUtility.rightImageStorage.Ptop, 'height': $.galleryUtility.rightImageStorage.Pheight, 'width': $.galleryUtility.rightImageStorage.Pwidth }); }
$.galleryUtility.rightImageStorage.image.css('left', $.galleryUtility.rightImageStorage.left($.galleryUtility.rightImage.image));
}; $.galleryUtility.setLeftStorage = function (image) {
$.galleryUtility.leftImageStorage.image = image; if ($.galleryUtility.leftImageStorage.image.attr('layout') === 'landscape') { $.galleryUtility.leftImageStorage.image.hide().css({ 'top': $.galleryUtility.leftImageStorage.Ltop, 'height': $.galleryUtility.leftImageStorage.Lheight, 'width': $.galleryUtility.leftImageStorage.Lwidth }); } else { $.galleryUtility.leftImageStorage.image.hide().css({ 'top': $.galleryUtility.leftImageStorage.Ptop, 'height': $.galleryUtility.leftImageStorage.Pheight, 'width': $.galleryUtility.leftImageStorage.Pwidth }); }
$.galleryUtility.leftImageStorage.image.css('left', $.galleryUtility.leftImageStorage.left($.galleryUtility.leftImageStorage.image, $.galleryUtility.leftImage.image, $.galleryUtility.centerImage.image));
}; $.galleryUtility.setCenter = function (image) { $.galleryUtility.centerImage.image = image; if ($.galleryUtility.centerImage.image.attr('layout') === 'landscape') { $.galleryUtility.centerImage.image.css({ 'top': $.galleryUtility.centerImage.Ltop, 'left': $.galleryUtility.centerImage.Lleft, 'height': $.galleryUtility.centerImage.Lheight, 'width': $.galleryUtility.centerImage.Lwidth }); } else { $.galleryUtility.centerImage.image.css({ 'top': $.galleryUtility.centerImage.Ptop, 'left': $.galleryUtility.centerImage.Pleft, 'height': $.galleryUtility.centerImage.Pheight, 'width': $.galleryUtility.centerImage.Pwidth }); } }; $.galleryUtility.setRight = function (image) {
$.galleryUtility.rightImage.image = image; if ($.galleryUtility.rightImage.image.attr('layout') === 'landscape') { $.galleryUtility.rightImage.image.css({ 'top': $.galleryUtility.rightImage.Ltop, 'height': $.galleryUtility.rightImage.Lheight, 'width': $.galleryUtility.rightImage.Lwidth }); } else { $.galleryUtility.rightImage.image.css({ 'top': $.galleryUtility.rightImage.Ptop, 'height': $.galleryUtility.rightImage.Pheight, 'width': $.galleryUtility.rightImage.Pwidth }); }
$.galleryUtility.rightImage.image.css('left', $.galleryUtility.rightImage.left($.galleryUtility.centerImage.image));
}; $.galleryUtility.setLeft = function (image) {
$.galleryUtility.leftImage.image = image; if ($.galleryUtility.leftImage.image.attr('layout') === 'landscape') { $.galleryUtility.leftImage.image.css({ 'top': $.galleryUtility.leftImage.Ltop, 'height': $.galleryUtility.leftImage.Lheight, 'width': $.galleryUtility.leftImage.Lwidth }); } else { $.galleryUtility.leftImage.image.css({ 'top': $.galleryUtility.leftImage.Ptop, 'height': $.galleryUtility.leftImage.Pheight, 'width': $.galleryUtility.leftImage.Pwidth }); }
$.galleryUtility.leftImage.image.css('left', $.galleryUtility.leftImage.left($.galleryUtility.leftImage.image, $.galleryUtility.centerImage.image));
}; $.galleryUtility.definePositions = function () {
var container = $.galleryUtility.Options.container; if (container[0].tagName == 'BODY') { container = $(window); }
var Gheight = 250; var Gwidth = 650; $.galleryUtility.centerImage.Lheight = Math.round($.galleryUtility.Options.Lheight); $.galleryUtility.centerImage.Lwidth = Math.round($.galleryUtility.Options.Lwidth); $.galleryUtility.centerImage.Ltop = Math.round(Gheight / 2) - ($.galleryUtility.centerImage.Lheight / 2); $.galleryUtility.centerImage.Lleft = Math.round(Gwidth / 2) - ($.galleryUtility.centerImage.Lwidth / 2); $.galleryUtility.centerImage.Pheight = Math.round($.galleryUtility.Options.Pheight); $.galleryUtility.centerImage.Pwidth = Math.round($.galleryUtility.Options.Pwidth); $.galleryUtility.centerImage.Ptop = Math.round((Gheight / 2) - ($.galleryUtility.centerImage.Pheight / 2)); $.galleryUtility.centerImage.Pleft = Math.round((Gwidth / 2) - ($.galleryUtility.centerImage.Pwidth / 2)); $.galleryUtility.zoomImage.Lheight = Math.round($.galleryUtility.Options.Lzoom($.galleryUtility.centerImage.Lheight)); $.galleryUtility.zoomImage.Lwidth = Math.round($.galleryUtility.Options.Lzoom($.galleryUtility.centerImage.Lwidth)); $.galleryUtility.zoomImage.Ltop = Math.round((Gheight / 2) - ($.galleryUtility.zoomImage.Lheight / 2)); $.galleryUtility.zoomImage.Lleft = Math.round((Gwidth / 2) - ($.galleryUtility.zoomImage.Lwidth / 2)); $.galleryUtility.zoomImage.Pheight = Math.round($.galleryUtility.Options.Pzoom($.galleryUtility.centerImage.Pheight)); $.galleryUtility.zoomImage.Pwidth = Math.round($.galleryUtility.Options.Pzoom($.galleryUtility.centerImage.Pwidth)); $.galleryUtility.zoomImage.Ptop = Math.round((Gheight / 2) - ($.galleryUtility.zoomImage.Pheight / 2)); $.galleryUtility.zoomImage.Pleft = Math.round((Gwidth / 2) - ($.galleryUtility.zoomImage.Pwidth / 2)); $.galleryUtility.leftImage.Lheight = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.centerImage.Lheight)); $.galleryUtility.leftImage.Lwidth = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.centerImage.Lwidth)); $.galleryUtility.leftImage.Ltop = Math.round($.galleryUtility.centerImage.Ltop + (($.galleryUtility.centerImage.Lheight - $.galleryUtility.leftImage.Lheight) / 2)); $.galleryUtility.leftImage.left = function (left, center) { if (center.attr('layout') === 'landscape') { if (left.attr('layout') === 'landscape') { return Math.round($.galleryUtility.centerImage.Lleft - ($.galleryUtility.leftImage.Lwidth + $.galleryUtility.Options.gutterWidth)); } else { return Math.round($.galleryUtility.centerImage.Lleft - ($.galleryUtility.leftImage.Pwidth + $.galleryUtility.Options.gutterWidth)); } } else { if (left.attr('layout') === 'landscape') { return Math.round($.galleryUtility.centerImage.Pleft - ($.galleryUtility.leftImage.Lwidth + $.galleryUtility.Options.gutterWidth)); } else { return Math.round($.galleryUtility.centerImage.Pleft - ($.galleryUtility.leftImage.Pwidth + $.galleryUtility.Options.gutterWidth)); } } }; $.galleryUtility.leftImage.Pheight = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.centerImage.Pheight)); $.galleryUtility.leftImage.Pwidth = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.centerImage.Pwidth)); $.galleryUtility.leftImage.Ptop = Math.round($.galleryUtility.centerImage.Ptop + (($.galleryUtility.centerImage.Pheight - $.galleryUtility.leftImage.Pheight) / 2)); $.galleryUtility.rightImage.Lheight = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.centerImage.Lheight)); $.galleryUtility.rightImage.Lwidth = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.centerImage.Lwidth)); $.galleryUtility.rightImage.Ltop = Math.round($.galleryUtility.centerImage.Ltop + (($.galleryUtility.centerImage.Lheight - $.galleryUtility.rightImage.Lheight) / 2)); $.galleryUtility.rightImage.left = function (center) { if (center.attr('layout') === 'landscape') { return Math.round($.galleryUtility.centerImage.Lleft + ($.galleryUtility.centerImage.Lwidth + $.galleryUtility.Options.gutterWidth)); } else { return Math.round($.galleryUtility.centerImage.Pleft + ($.galleryUtility.centerImage.Pwidth + $.galleryUtility.Options.gutterWidth)); } }; $.galleryUtility.rightImage.Pheight = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.centerImage.Pheight)); $.galleryUtility.rightImage.Pwidth = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.centerImage.Pwidth)); $.galleryUtility.rightImage.Ptop = Math.round($.galleryUtility.centerImage.Ptop + (($.galleryUtility.centerImage.Pheight - $.galleryUtility.leftImage.Pheight) / 2)); $.galleryUtility.leftImageStorage.Lheight = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.leftImage.Lheight)); $.galleryUtility.leftImageStorage.Lwidth = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.leftImage.Lwidth)); $.galleryUtility.leftImageStorage.Ltop = Math.round($.galleryUtility.leftImage.Ltop + (($.galleryUtility.leftImage.Lheight - $.galleryUtility.leftImageStorage.Lheight) / 2)); $.galleryUtility.leftImageStorage.left = function (leftStorage, left, center) { if (leftStorage.attr('layout') === 'landscape') { return Math.round($.galleryUtility.leftImage.left(left, center) - ($.galleryUtility.leftImageStorage.Lwidth + $.galleryUtility.Options.gutterWidth)); } else { return Math.round($.galleryUtility.leftImage.left(left, center) - ($.galleryUtility.leftImageStorage.Pwidth + $.galleryUtility.Options.gutterWidth)); } }; $.galleryUtility.leftImageStorage.Pheight = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.leftImage.Pheight)); $.galleryUtility.leftImageStorage.Pwidth = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.leftImage.Pwidth)); $.galleryUtility.leftImageStorage.Ptop = Math.round($.galleryUtility.leftImage.Ptop + (($.galleryUtility.leftImage.Pheight - $.galleryUtility.leftImageStorage.Pheight) / 2)); $.galleryUtility.rightImageStorage.Lheight = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.rightImage.Lheight)); $.galleryUtility.rightImageStorage.Lwidth = Math.round($.galleryUtility.Options.Lshrink($.galleryUtility.rightImage.Lwidth)); $.galleryUtility.rightImageStorage.Ltop = Math.round($.galleryUtility.rightImage.Ltop + (($.galleryUtility.rightImage.Lheight - $.galleryUtility.rightImageStorage.Lheight) / 2)); $.galleryUtility.rightImageStorage.left = function (right) { if (right.attr('layout') === 'landscape') { return Math.round($.galleryUtility.rightImage.left(right) + ($.galleryUtility.rightImage.Lwidth + $.galleryUtility.Options.gutterWidth)); } else { return Math.round($.galleryUtility.rightImage.left(right) + ($.galleryUtility.rightImage.Pwidth + $.galleryUtility.Options.gutterWidth)); } }; $.galleryUtility.rightImageStorage.Pheight = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.rightImage.Pheight)); $.galleryUtility.rightImageStorage.Pwidth = Math.round($.galleryUtility.Options.Pshrink($.galleryUtility.rightImage.Pwidth)); $.galleryUtility.rightImageStorage.Ptop = Math.round($.galleryUtility.rightImage.Ptop + (($.galleryUtility.rightImage.Pheight - $.galleryUtility.rightImageStorage.Pheight) / 2));
};
})(jQuery);
(function () { var d = jQuery, a = (d.fn.startAnimation ? "startAnimation" : "animate"), c = "pause plugin missing."; function e(h) { for (var g = 1; g < arguments.length; g++) { h = h.replace(new RegExp("\\{" + (g - 1) + "}", "g"), arguments[g]) } return h } function f() { arguments[0] = "CrossSlide: " + arguments[0]; throw new Error(e.apply(null, arguments)) } function b(i) { var g = 1; var h = i.replace(/^\s*|\s*$/g, "").split(/\s+/); if (h.length > 3) { throw new Error() } if (h[0] == "center") { if (h.length == 1) { h = ["center", "center"] } else { if (h.length == 2 && h[1].match(/^[\d.]+x$/i)) { h = ["center", "center", h[1]] } } } if (h.length == 3) { g = parseFloat(h[2].match(/^([\d.]+)x$/i)[1]) } var j = h[0] + " " + h[1]; if (j == "left top" || j == "top left") { return { xrel: 0, yrel: 0, zoom: g} } if (j == "left center" || j == "center left") { return { xrel: 0, yrel: 0.5, zoom: g} } if (j == "left bottom" || j == "bottom left") { return { xrel: 0, yrel: 1, zoom: g} } if (j == "center top" || j == "top center") { return { xrel: 0.5, yrel: 0, zoom: g} } if (j == "center center") { return { xrel: 0.5, yrel: 0.5, zoom: g} } if (j == "center bottom" || j == "bottom center") { return { xrel: 0.5, yrel: 1, zoom: g} } if (j == "right top" || j == "top right") { return { xrel: 1, yrel: 0, zoom: g} } if (j == "right center" || j == "center right") { return { xrel: 1, yrel: 0.5, zoom: g} } if (j == "right bottom" || j == "bottom right") { return { xrel: 1, yrel: 1, zoom: g} } return { xrel: parseInt(h[0].match(/^(\d+)%$/)[1]) / 100, yrel: parseInt(h[1].match(/^(\d+)%$/)[1]) / 100, zoom: g} } d.fn.crossSlide = function (i, k, l) { var g = this, j = this.width(), h = this.height(); if (g.length != 1) { f("crossSlide() must be called on exactly 1 element") } g.get(0).crossSlideArgs = [i, k, l]; k = d.map(k, function (m) { return d.extend({}, m) }); if (!i.easing) { i.easing = i.variant ? "swing" : "linear" } if (!l) { l = function () { } } (function (o) { var m = 0; function n(q, p) { p.onload = function (r) { m++; k[q].width = p.width; k[q].height = p.height; if (m == k.length) { o() } }; p.src = k[q].src; if (q + 1 < k.length) { n(q + 1, new Image()) } } n(0, new Image()) })(function () { if (!i.fade) { f("missing fade parameter.") } if (i.speed && i.sleep) { f("you cannot set both speed and sleep at the same time.") } var A = Math.round(i.fade * 1000); if (i.sleep) { var z = Math.round(i.sleep * 1000) } if (i.speed) { var o = i.speed / 1000, v = Math.round(A * o) } g.empty().css({ overflow: "hidden", padding: 0 }); if (!/^(absolute|relative|fixed)$/.test(g.css("position"))) { g.css({ position: "relative" }) } if (!g.width() || !g.height()) { f("container element does not have its own width and height") } if (i.shuffle) { k.sort(function () { return Math.random() - 0.5 }) } for (var t = 0; t < k.length; ++t) { var m = k[t]; if (!m.src) { f("missing src parameter in picture {0}.", t + 1) } if (o) { switch (m.dir) { case "up": m.from = { xrel: 0.5, yrel: 0, zoom: 1 }; m.to = { xrel: 0.5, yrel: 1, zoom: 1 }; var x = m.height - h - 2 * v; break; case "down": m.from = { xrel: 0.5, yrel: 1, zoom: 1 }; m.to = { xrel: 0.5, yrel: 0, zoom: 1 }; var x = m.height - h - 2 * v; break; case "left": m.from = { xrel: 0, yrel: 0.5, zoom: 1 }; m.to = { xrel: 1, yrel: 0.5, zoom: 1 }; var x = m.width - j - 2 * v; break; case "right": m.from = { xrel: 1, yrel: 0.5, zoom: 1 }; m.to = { xrel: 0, yrel: 0.5, zoom: 1 }; var x = m.width - j - 2 * v; break; default: f("missing or malformed dir parameter in picture {0}.", t + 1) } if (x <= 0) { f("impossible animation: either picture {0} is too small or div is too large or fade duration too long.", t + 1) } m.time_ms = Math.round(x / o) } else { if (!z) { if (!m.from || !m.to || !m.time) { f("missing either speed/sleep option, or from/to/time params in picture {0}.", t + 1) } try { m.from = b(m.from) } catch (w) { f('malformed "from" parameter in picture {0}.', t + 1) } try { m.to = b(m.to) } catch (w) { f('malformed "to" parameter in picture {0}.', t + 1) } if (!m.time) { f('missing "time" parameter in picture {0}.', t + 1) } m.time_ms = Math.round(m.time * 1000) } } if (m.from) { d.each([m.from, m.to], function (p, C) { C.width = Math.round(m.width * C.zoom); C.height = Math.round(m.height * C.zoom); C.left = Math.round((j - C.width) * C.xrel); C.top = Math.round((h - C.height) * C.yrel) }) } var s, y; y = s = d(e('
', m.src)); if (m.href) { y = d(e('', m.href)).append(s) } if (m.onclick) { y.click(m.onclick) } if (m.alt) { s.attr("alt", m.alt) } if (m.rel) { y.attr("rel", m.rel) } if (m.href && m.target) { y.attr("target", m.target) } y.appendTo(g) } delete o; function n(D, C) { var E = [0, A / (D.time_ms + 2 * A), 1 - A / (D.time_ms + 2 * A), 1][C]; return { left: Math.round(D.from.left + E * (D.to.left - D.from.left)), top: Math.round(D.from.top + E * (D.to.top - D.from.top)), width: Math.round(D.from.width + E * (D.to.width - D.from.width)), height: Math.round(D.from.height + E * (D.to.height - D.from.height))} } var u = g.find("img").css({ position: "absolute", visibility: "hidden", top: 0, left: 0, border: 0 }); u.eq(0).css({ visibility: "visible" }); if (!z) { u.eq(0).css(n(k[0], i.variant ? 0 : 1)) } var B = i.loop; function q(O, p) { if (O % 2 == 0) { if (z) { var E = O / 2, S = (E - 1 + k.length) % k.length, P = u.eq(E), M = u.eq(S); var L = function () { l(E, P.get(0)); M.css("visibility", "hidden"); setTimeout(p, z) } } else { var H = O / 2, S = (H - 1 + k.length) % k.length, R = u.eq(H), M = u.eq(S), F = k[H].time_ms, N = n(k[H], i.variant ? 3 : 2); var L = function () { l(H, R.get(0)); M.css("visibility", "hidden"); R[a](N, F, i.easing, p) } } } else { var D = Math.floor(O / 2), G = Math.ceil(O / 2) % k.length, Q = u.eq(D), C = u.eq(G), T = {}, K = { visibility: "visible" }, J = {}; if (G > D) { K.opacity = 0; J.opacity = 1; if (i.doubleFade) { T.opacity = 0 } } else { T.opacity = 0; if (i.doubleFade) { K.opacity = 0; J.opacity = 1 } } if (!z) { d.extend(K, n(k[G], 0)); if (!i.variant) { d.extend(T, n(k[D], 3)); d.extend(J, n(k[G], 1)) } } if (d.isEmptyObject(J)) { var L = function () { l(G, C.get(0), D, Q.get(0)); C.css(K); Q[a](T, A, "linear", p) } } else { if (d.isEmptyObject(T)) { var L = function () { l(G, C.get(0), D, Q.get(0)); C.css(K); C[a](J, A, "linear", p) } } else { var L = function () { l(G, C.get(0), D, Q.get(0)); C.css(K); C[a](J, A, "linear"); Q[a](T, A, "linear", p) } } } } if (i.loop && O == k.length * 2 - 2) { var I = L; L = function () { if (--B) { I() } } } if (O > 0) { return q(O - 1, L) } else { return L } } var r = q(k.length * 2 - 1, function () { return r() }); r() }); return g }; d.fn.crossSlideFreeze = function () { this.find("img").stop() }; d.fn.crossSlideStop = function () { this.find("img").stop().remove() }; d.fn.crossSlideRestart = function () { this.find("img").stop().remove(); d.fn.crossSlide.apply(this, this.get(0).crossSlideArgs) }; d.fn.crossSlidePause = function () { if (!d.fn.pause) { f(c) } this.find("img").pause() }; d.fn.crossSlideResume = function () { if (!d.fn.pause) { f(c) } this.find("img").resume() } })();