/* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * * TERMS OF USE - jQuery Easing * * Open source under the BSD License. * * Copyright © 2008 George McGinley Smith * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ // t: current time, b: begInnIng value, c: change In value, d: duration jQuery.easing['jswing'] = jQuery.easing['swing']; jQuery.extend( jQuery.easing, { def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); }, easeInQuad: function (x, t, b, c, d) { return c*(t/=d)*t + b; }, easeOutQuad: function (x, t, b, c, d) { return -c *(t/=d)*(t-2) + b; }, easeInOutQuad: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; }, easeInCubic: function (x, t, b, c, d) { return c*(t/=d)*t*t + b; }, easeOutCubic: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; }, easeInOutCubic: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; }, easeInQuart: function (x, t, b, c, d) { return c*(t/=d)*t*t*t + b; }, easeOutQuart: function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }, easeInOutQuart: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t + b; return -c/2 * ((t-=2)*t*t*t - 2) + b; }, easeInQuint: function (x, t, b, c, d) { return c*(t/=d)*t*t*t*t + b; }, easeOutQuint: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t*t*t + 1) + b; }, easeInOutQuint: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; return c/2*((t-=2)*t*t*t*t + 2) + b; }, easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t/d * (Math.PI/2)) + c + b; }, easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; }, easeInOutSine: function (x, t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; }, easeInExpo: function (x, t, b, c, d) { return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; }, easeOutExpo: function (x, t, b, c, d) { return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; }, easeInOutExpo: function (x, t, b, c, d) { if (t==0) return b; if (t==d) return b+c; if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; }, easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; }, easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t=t/d-1)*t) + b; }, easeInOutCirc: function (x, t, b, c, d) { if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; }, easeInElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, easeOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, easeInOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, easeInBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, easeInBounce: function (x, t, b, c, d) { return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; }, easeOutBounce: function (x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, easeInOutBounce: function (x, t, b, c, d) { if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; } }); /* * * TERMS OF USE - EASING EQUATIONS * * Open source under the BSD License. * * Copyright © 2001 Robert Penner * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ /** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * Date: 2009/02/08 * * @author Blair Mitchelmore * @version 1.1.2 * **/ jQuery.fn.extend({ everyTime: function(interval, label, fn, times, belay) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, times, belay); }); }, oneTime: function(interval, label, fn) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, 1); }); }, stopTime: function(label, fn) { return this.each(function() { jQuery.timer.remove(this, label, fn); }); } }); jQuery.event.special jQuery.extend({ timer: { global: [], guid: 1, dataKey: "jQuery.timer", regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/, powers: { // Yeah this is major overkill... 'ms': 1, 'cs': 10, 'ds': 100, 's': 1000, 'das': 10000, 'hs': 100000, 'ks': 1000000 }, timeParse: function(value) { if (value == undefined || value == null) return null; var result = this.regex.exec(jQuery.trim(value.toString())); if (result[2]) { var num = parseFloat(result[1]); var mult = this.powers[result[2]] || 1; return num * mult; } else { return value; } }, add: function(element, interval, label, fn, times, belay) { var counter = 0; if (jQuery.isFunction(label)) { if (!times) times = fn; fn = label; label = interval; } interval = jQuery.timer.timeParse(interval); if (typeof interval != 'number' || isNaN(interval) || interval <= 0) return; if (times && times.constructor != Number) { belay = !!times; times = 0; } times = times || 0; belay = belay || false; var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {}); if (!timers[label]) timers[label] = {}; fn.timerID = fn.timerID || this.guid++; var handler = function() { if (belay && this.inProgress) return; this.inProgress = true; if ((++counter > times && times !== 0) || fn.call(element, counter) === false) jQuery.timer.remove(element, label, fn); this.inProgress = false; }; handler.timerID = fn.timerID; if (!timers[label][fn.timerID]) timers[label][fn.timerID] = window.setInterval(handler,interval); this.global.push( element ); }, remove: function(element, label, fn) { var timers = jQuery.data(element, this.dataKey), ret; if ( timers ) { if (!label) { for ( label in timers ) this.remove(element, label, fn); } else if ( timers[label] ) { if ( fn ) { if ( fn.timerID ) { window.clearInterval(timers[label][fn.timerID]); delete timers[label][fn.timerID]; } } else { for ( var fn in timers[label] ) { window.clearInterval(timers[label][fn]); delete timers[label][fn]; } } for ( ret in timers[label] ) break; if ( !ret ) { ret = null; delete timers[label]; } } for ( ret in timers ) break; if ( !ret ) jQuery.removeData(element, this.dataKey); } } } }); jQuery(window).bind("unload", function() { jQuery.each(jQuery.timer.global, function(index, item) { jQuery.timer.remove(item); }); }); /* GalleryView - jQuery Content Gallery Plugin Author: Jack Anderson Version: 1.1 (April 5, 2009) Documentation: http://www.spaceforaname.com/jquery/galleryview/ Please use this development script if you intend to make changes to the plugin code. For production sites, please use jquery.galleryview-1.0.1-pack.js. */ (function($){ $.fn.getPosition = function(relativeTo) { var left = 0, top = 0, el = this[0]; if(el.offsetParent) { do { left += el.offsetLeft; top += el.offsetTop; } while(el = el.offsetParent); } if(relativeTo !== undefined){ var gPos = $(relativeTo).getPosition(), gLeft = gPos.left, gTop = gPos.top; return {'left':(left-gLeft),'top':(top-gTop)}; } return {'left':left,'top':top}; }; $.fn.galleryView = function(options) { var element = this, opts = $.extend($.fn.galleryView.defaults,options), id, iterator = 0, gallery_width, gallery_height, frame_margin = 10, strip_width, strip_size, wrapper_width, wrapper_height, item_count = 0, slide_method, img_path = opts.theme_path, paused = false, frame_caption_size = 20, frame_margin_top = 5, pointer_width = 2, //Define jQuery objects for reuse j_gallery, j_filmstrip, j_frames, j_panels, j_pointer, //Define convenience accessors isTop = opts.filmstrip_position == 'top', isBottom = opts.filmstrip_position == 'bottom', isLeft = opts.filmstrip_position == 'left', isRight = opts.filmstrip_position == 'right', isHorizontal = isTop || isBottom, isVertical = isLeft || isRight; var has_panels, has_filmstrip; /************************************************/ /* Plugin Methods */ /************************************************/ var showItem = function(i) { var frameCnt = j_frames.length / 3, minRange = frameCnt, maxRange = minRange + (frameCnt-1); //Disable next/prev buttons until transition is complete $('img.nav-next').unbind('click'); $('img.nav-prev').unbind('click'); j_frames.unbind('click'); if(has_panels) { if(opts.fade_panels) { //Fade out all panels and fade in target panel j_panels.fadeOut(opts.transition_speed).eq(i%item_count).fadeIn(opts.transition_speed,function(){ if(!has_filmstrip) { $('img.nav-prev').click(showPrevItem); $('img.nav-next').click(showNextItem); } if(opts.useImageZoom && !$('.panel-image', $(this)).data('jqzoom')) { var pos = $('.overlay', $(this)).getPosition('.galleryview'); //console.log(pos); $('.panel-image', $(this)).jqzoom({ title:false, position: {left: pos.left+9, top: pos.top+308 }, zoomWidth: 300 }); }else if(!opts.useImageZoom){ $('.panel-image', $(this)).click(function(){return false;}).css('cursor','default'); } }); } } if(has_filmstrip) { //Slide either pointer or filmstrip, depending on transition method if(slide_method=='strip') { //Stop filmstrip if it's currently in motion j_filmstrip.stop(); //Determine distance between pointer (eventual destination) and target frame var currFrame = iterator, nextFrame = (i > maxRange ? i-frameCnt : (i < minRange ? i + frameCnt : i)), proxyFrame = (i > maxRange ? currFrame - frameCnt : (i < minRange ? currFrame + frameCnt : currFrame)), currPos = j_frames.eq(currFrame).getPosition(element), proxyPos = j_frames.eq(proxyFrame).getPosition(element), pointerPos = j_pointer.eq(0).getPosition(element), distanceToProxy = isHorizontal ? currPos.left - proxyPos.left : currPos.top - proxyPos.top, framePos = j_frames.eq(i).getPosition(element), distance = isHorizontal ? framePos.left - (pointerPos.left+2) : framePos.top - (pointerPos.top+2), leftstr = (distance>=0?'-=':'+=')+Math.abs(distance)+'px'; //keep the visible frame within the min/max range //this will ensure that we always have enough frames on either side if(proxyFrame != currFrame){ var dir = isHorizontal ? 'left' : 'top', dist = parseInt(j_filmstrip.css(dir).replace('px','')), pdist = Math.abs(distanceToProxy), moveTo = 0; if(proxyFrame < currFrame){ moveTo = dist + pdist; }else{ moveTo = dist - pdist; } j_filmstrip.css(dir, moveTo + 'px' ); } iterator = nextFrame; //Animate filmstrip and slide target frame under pointer //If target frame is a duplicate, jump back to 'original' frame var animateFn = function(){ if(!opts.fade_panels) { j_panels.hide().eq(iterator).show(); } $('img.nav-prev').click( isHorizontal ? showPrevItem : showNextItem ); $('img.nav-next').click( isHorizontal ? showNextItem : showPrevItem ); enableFrameClicking(); }; if(isHorizontal){ j_filmstrip.animate({'left':leftstr },opts.transition_speed,opts.easing, animateFn); }else{ j_filmstrip.animate({'top':leftstr },opts.transition_speed,opts.easing, animateFn); } } else if(slide_method=='pointer') { //Stop pointer if it's currently in motion j_pointer.stop(); //Get position of target frame var pos = j_frames.eq(i).getPosition(element), animateFn2 = function(){ if(!opts.fade_panels) { j_panels.hide().eq(i%item_count).show(); } $('img.nav-prev').click(showPrevItem); $('img.nav-next').click(showNextItem); enableFrameClicking(); }; //Slide the pointer over the target frame if(isHorizontal){ j_pointer.animate({ 'left':(pos.left-2+'px') },opts.transition_speed,opts.easing, animateFn2); }else{ j_pointer.animate({ 'top':(pos.top-2+'px') },opts.transition_speed,opts.easing, animateFn2); } } if($('a',j_frames[i])[0]) { j_pointer.unbind('click').click(function(){ var a = $('a',j_frames[i]).eq(0); if(a.attr('target')=='_blank') {window.open(a.attr('href'));} else {location.href = a.attr('href');} }); } } }; var showNextItem = function() { $(document).stopTime("transition"); showItem(iterator+1); $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); }; var showPrevItem = function() { $(document).stopTime("transition"); showItem(iterator-1); $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); }; function getPos(el) { var left = 0, top = 0; var el_id = el.id; if(el.offsetParent) { do { left += el.offsetLeft; top += el.offsetTop; } while(el = el.offsetParent); } //If we want the position of the gallery itself, return it if(el_id == id) {return {'left':left,'top':top};} //Otherwise, get position of element relative to gallery else { var gPos = getPos(j_gallery[0]); var gLeft = gPos.left; var gTop = gPos.top; return {'left':left-gLeft,'top':top-gTop}; } }; function enableFrameClicking() { j_frames.each(function(i){ //If there isn't a link in this frame, set up frame to slide on click //Frames with links will handle themselves if($('a',this).length==0) { $(this).click(function(){ $(document).stopTime("transition"); showItem(i); iterator = i; $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); }); } }); }; function buildPanels() { //If there are panel captions, add overlay divs if($('.panel-overlay').length>0) {j_panels.append('
');} if(!has_filmstrip) { //Add navigation buttons $('').addClass('nav-next').attr('src',img_path+opts.nav_theme+'/next.png').appendTo(j_gallery).css({ 'top':((opts.panel_height-22)/2)+'px' }).click(showNextItem); $('').addClass('nav-prev').attr('src',img_path+opts.nav_theme+'/prev.png').appendTo(j_gallery).css({ 'top':((opts.panel_height-22)/2)+'px' }).click(showPrevItem); $('').addClass('nav-overlay').attr('src',img_path+opts.nav_theme+'/panel-nav-next.png').appendTo(j_gallery).css({ 'top':((opts.panel_height-22)/2)-10+'px', 'right':'0' }); $('').addClass('nav-overlay').attr('src',img_path+opts.nav_theme+'/panel-nav-prev.png').appendTo(j_gallery).css({ 'top':((opts.panel_height-22)/2)-10+'px', 'left':'0' }); } j_panels.css({ 'width':(opts.panel_width-parseInt(j_panels.css('paddingLeft').split('px')[0],10)-parseInt(j_panels.css('paddingRight').split('px')[0],10))+'px', 'height':(opts.panel_height-parseInt(j_panels.css('paddingTop').split('px')[0],10)-parseInt(j_panels.css('paddingBottom').split('px')[0],10))+'px', 'position':'absolute', 'top':(isTop?(opts.frame_height+frame_margin_top+(opts.show_captions?frame_caption_size:frame_margin_top))+'px':'0px'), 'left':(isLeft?(opts.frame_width+frame_margin_top+(opts.show_captions?frame_caption_size:frame_margin_top))+'px':'0px'), 'overflow':'hidden', 'background':'white', 'display':'none' }); $('.panel-overlay',j_panels).css({ 'position':'absolute', 'zIndex':'999', 'width':(opts.overlay_width-20)+'px', 'height':opts.overlay_height+'px', 'top':(opts.overlay_position == 'bottom' ? opts.panel_height-opts.overlay_height : '0')+'px', 'left':(opts.overlay_position == 'right' ? opts.panel_width-opts.overlay_width+10 : '0')+'px', 'padding': (isHorizontal) ? '0 10px' : '10px 0', 'color':opts.overlay_text_color, 'fontSize':opts.overlay_font_size }); $('.panel-overlay a',j_panels).css({ 'color':opts.overlay_text_color, 'textDecoration':'underline', 'fontWeight':'bold' }); $('.overlay',j_panels).css({ 'position':'absolute', 'zIndex':'998', 'width':opts.overlay_width+'px', 'height':opts.overlay_height+'px', 'top':(opts.overlay_position == 'bottom' ? opts.panel_height-opts.overlay_height:'0')+'px', 'left':(opts.overlay_position == 'right' ? opts.panel_width-opts.overlay_width : '0')+'px', 'background':opts.overlay_color, 'opacity':opts.overlay_opacity }); $('.panel iframe',j_panels).css({ 'width': (isHorizontal ? opts.panel_width : (opts.panel_width - opts.overlay_width) )+'px', 'height':(isHorizontal ? opts.panel_height-opts.overlay_height : opts.panel_height)+'px', 'border':'0' }); }; function buildFilmstrip() { //Add wrapper to filmstrip to hide extra frames j_filmstrip.wrap('
'); if(slide_method=='strip') { j_frames.clone().appendTo(j_filmstrip); j_frames.clone().appendTo(j_filmstrip); j_frames = $('li',j_filmstrip); } //If captions are enabled, add caption divs and fill with the image titles if(opts.show_captions) { j_frames.append('
').each(function(i){ $(this).find('.caption').html($(this).find('img').attr('title')); }); } j_filmstrip.css({ 'top':'0', 'left': (isRight ? gallery_width - strip_width : '0' ) + 'px', 'width': (isHorizontal ? strip_width : opts.frame_height+10)+'px', 'height':(isHorizontal ? opts.frame_height+10 : strip_width)+'px', 'background':opts.background_color }); j_frames.css({ 'height':opts.frame_height+'px', 'marginTop': (isHorizontal ? frame_margin_top : frame_margin)+'px', 'marginBottom': (isHorizontal ? '0' : frame_margin ) + 'px', 'marginRight': (isHorizontal ? frame_margin : '0' )+ 'px', 'marginLeft' : (isHorizontal ? '0' : frame_margin_top) + 'px' }); $('img',j_frames).css({ 'border':'none' }); $('.strip_wrapper',j_gallery).css({ 'top':(isBottom ? opts.panel_height : (isVertical ? 40 : '0') ) + 'px', 'left': (isHorizontal ? ((gallery_width-wrapper_width)/2) : (isRight ? gallery_width - strip_width : '0') ) +'px', 'width': wrapper_width + 'px', 'height': wrapper_height +'px' }); $('.caption',j_gallery).css({ 'top':opts.frame_height+'px', 'width':opts.frame_width+'px', 'color':opts.caption_text_color, 'height':frame_caption_size+'px', 'lineHeight':frame_caption_size+'px' }); j_pointer = $('
') .addClass('pointer') .attr('id','pointer') .appendTo(j_gallery) .css({ 'top': j_frames.eq(opts.pointer_position).getPosition(element).top+'px', 'left': j_frames.eq(opts.pointer_position).getPosition(element).left-(pointer_width/2)+'px', 'height':opts.frame_height-pointer_width+'px', 'width':opts.frame_width-pointer_width+'px', 'border':(has_panels?pointer_width+'px solid '+(opts.nav_theme=='dark'?'black':'white'):'none') }); if(has_panels) { var pointerArrow = $('').addClass('pointer-arrow'), pointerDirection = opts.filmstrip_position=='bottom' ? '' : (opts.filmstrip_position == 'top'?'-down':opts.filmstrip_position); pointerArrow.attr('src',img_path+opts.nav_theme+'/pointer'+ pointerDirection +'.png').appendTo( j_pointer ).css({ 'top': (isHorizontal ? (isBottom ? '-'+(10+pointer_width)+'px':opts.frame_height) : (opts.frame_height / 2)-10 ) + 'px', 'left': (isHorizontal ? ((opts.frame_width/2)-10) : opts.frame_width ) + 'px' }); } //If the filmstrip is animating, move the strip to the middle third if(slide_method=='strip') { if(isHorizontal){ j_filmstrip.css('left','-'+((opts.frame_width+frame_margin)*item_count)+'px'); }else{ j_filmstrip.css('top','-'+((opts.frame_height+frame_margin)*item_count)+'px'); } iterator = item_count; } //If there's a link under the pointer, enable clicking on the pointer if($('a',j_frames[iterator])[0]) { j_pointer.click(function(){ var a = $('a',j_frames[iterator]).eq(0); if(a.attr('target')=='_blank') {window.open(a.attr('href'));} else {location.href = a.attr('href');} }); } //Add navigation buttons if( isHorizontal ){ $('').addClass('nav-next').attr('src',img_path+opts.nav_theme+'/next.png').appendTo(j_gallery).css({ 'top':(opts.filmstrip_position=='top'?0:opts.panel_height)+frame_margin_top+((opts.frame_height-22)/2)+'px', 'right':(gallery_width/2)-(wrapper_width/2)-10-22+'px' }).click(showNextItem); $('').addClass('nav-prev').attr('src',img_path+opts.nav_theme+'/prev.png').appendTo(j_gallery).css({ 'top':(opts.filmstrip_position=='top'?0:opts.panel_height)+frame_margin_top+((opts.frame_height-22)/2)+'px', 'left':(gallery_width/2)-(wrapper_width/2)-10-22+'px' }).click(showPrevItem); }else{ $('').addClass('nav-next').attr('src',img_path+opts.nav_theme+'/up.png').appendTo(j_gallery).css({ 'top': frame_margin+'px', 'left': frame_margin + (wrapper_width/2)-22+'px' }).click(showNextItem); $('').addClass('nav-prev').attr('src',img_path+opts.nav_theme+'/down.png').appendTo(j_gallery).css({ 'top': gallery_height - 10-22, 'left':frame_margin + (wrapper_width/2)-22+'px' }).click(showPrevItem); } }; //Check mouse to see if it is within the borders of the panel //More reliable than 'mouseover' event when elements overlay the panel function mouseIsOverPanels(x,y) { var pos = getPos(j_gallery[0]); var top = pos.top; var left = pos.left; return x > left && x < left+opts.panel_width && y > top && y < top+opts.panel_height; }; /************************************************/ /* Main Plugin Code */ /************************************************/ return this.each(function() { j_gallery = $(this); //Determine path between current page and filmstrip images //Scan script tags and look for path to GalleryView plugin $('script').each(function(i){ var s = $(this); if(s.attr('src') && s.attr('src').match(/jquery\.galleryview/)){ img_path = s.attr('src').split('jquery.galleryview')[0]+'themes/'; } }); //Hide gallery to prevent Flash of Unstyled Content (FoUC) in IE j_gallery.css('visibility','hidden'); //Assign elements to variables for reuse j_filmstrip = $('.filmstrip',j_gallery); j_frames = $('li',j_filmstrip); j_panels = $('.panel',j_gallery); id = j_gallery.attr('id'); has_panels = j_panels.length > 0; has_filmstrip = j_frames.length > 0; if(!has_panels) opts.panel_height = 0; //Number of frames in filmstrip item_count = has_panels?j_panels.length:j_frames.length; //Number of frames that can display within the screen's width //64 = width of block for navigation button * 2 //5 = minimum frame margin if(isHorizontal){ strip_size = has_panels ? Math.floor((opts.panel_width-64)/(opts.frame_width+frame_margin)) : Math.min(item_count,opts.filmstrip_size); }else{ strip_size = has_panels ? Math.floor((opts.panel_height-64)/(opts.frame_height+frame_margin)) : Math.min(item_count,opts.filmstrip_size); } /************************************************/ /* Determine transition method for filmstrip */ /************************************************/ //If more items than strip size, slide filmstrip //Otherwise, slide pointer if(strip_size >= item_count) { slide_method = 'pointer'; strip_size = item_count; } else {slide_method = 'strip';} /************************************************/ /* Determine dimensions of various elements */ /************************************************/ //sizes will differ depending on where the filmstrip is if( isHorizontal ){ //Width of gallery block gallery_width = has_panels ? opts.panel_width : ( strip_size * (opts.frame_width+frame_margin) ) - frame_margin+64; //Height of gallery block = screen + filmstrip + captions (optional) gallery_height = ( has_panels ? opts.panel_height : 0) + ( has_filmstrip && isHorizontal ? opts.frame_height + frame_margin_top + (opts.show_captions?frame_caption_size:frame_margin_top):0); }else{ gallery_width = has_panels ? opts.panel_width + opts.frame_width + frame_margin : ( strip_size * (opts.frame_width+frame_margin) ) - frame_margin+64; gallery_height = has_panels ? opts.panel_height : ( strip_size * (opts.frame_height+frame_margin) ) - frame_margin+64; } //Width of filmstrip if(slide_method == 'pointer'){ strip_width = (opts.frame_width*item_count)+(frame_margin*(item_count)); } else { strip_width = (opts.frame_height*item_count*3)+(frame_margin*(item_count*3)); } //Width of filmstrip wrapper (to hide overflow) wrapper_width = (isHorizontal ? ((strip_size*opts.frame_width)+((strip_size-1)*frame_margin)) : opts.frame_width + frame_margin ); wrapper_height = (isHorizontal ? (opts.frame_height+frame_margin_top+(opts.show_captions?frame_caption_size:frame_margin_top)) : (gallery_height-(40*2)) ); /************************************************/ /* Apply CSS Styles */ /************************************************/ j_gallery.css({ 'background':opts.background_color, 'border':opts.border, 'width':gallery_width+'px', 'height':gallery_height+'px' }); /************************************************/ /* Build filmstrip and/or panels */ /************************************************/ if(has_filmstrip) { buildFilmstrip(); } if(has_panels) { buildPanels(); } /************************************************/ /* Add events to various elements */ /************************************************/ if(has_filmstrip){ enableFrameClicking(); $('.nav-next').fadeIn('fast'); $('.nav-prev').fadeIn('fast'); } $().mousemove(function(e){ if(mouseIsOverPanels(e.pageX,e.pageY)) { if(opts.pause_on_hover) { $(document).oneTime(500,"animation_pause",function(){ $(document).stopTime("transition"); paused=true; }); } if(has_panels && !has_filmstrip) { $('.nav-overlay').fadeIn('fast'); $('.nav-next').fadeIn('fast'); $('.nav-prev').fadeIn('fast'); } } else { if(opts.pause_on_hover) { $(document).stopTime("animation_pause"); if(paused) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); paused = false; } } if(has_panels && !has_filmstrip) { $('.nav-overlay').fadeOut('fast'); $('.nav-next').fadeOut('fast'); $('.nav-prev').fadeOut('fast'); } } }); /************************************************/ /* Initiate Automated Animation */ /************************************************/ //Show the first panel j_panels.eq(0).show(); iterator = j_frames.length / 3; showItem(iterator); //If we have more than one item, begin automated transitions if(item_count > 1) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); } //Make gallery visible now that work is complete j_gallery.css('visibility','visible'); }); }; $.fn.galleryView.defaults = { panel_width: 400, panel_height: 300, frame_width: 80, frame_height: 80, filmstrip_size: 3, overlay_height: 70, overlay_width: 400, overlay_font_size: '1em', transition_speed: 400, transition_interval: 6000, overlay_opacity: 0.6, overlay_color: 'black', background_color: 'black', overlay_text_color: 'white', caption_text_color: 'white', border: '1px solid black', nav_theme: 'light', easing: 'swing', filmstrip_position: 'bottom', overlay_position: 'bottom', show_captions: false, fade_panels: true, pause_on_hover: false, pointer_position: 0 }; })(jQuery);