// jQuery Plugins Combined for less requests jQuery.noConflict(); /*! * jQuery UI 1.8.1 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI */ jQuery.ui||function(c){c.ui={version:"1.8.1",plugin:{add:function(a,b,d){a=c.ui[a].prototype;for(var e in d){a.plugins[e]=a.plugins[e]||[];a.plugins[e].push([b,d[e]])}},call:function(a,b,d){if((b=a.plugins[b])&&a.element[0].parentNode)for(var e=0;e0)return true;a[b]=1;d=a[b]>0;a[b]=0;return d},isOverAxis:function(a,b,d){return a>b&&a=0)&&c(a).is(":focusable")}})}(jQuery); ;/*! * jQuery UI Widget 1.8.1 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI/Widget */ (function(b){var j=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add(this).each(function(){b(this).triggerHandler("remove")});return j.call(b(this),a,c)})};b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]=function(h){return!!b.data(h,a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend({},c.options);b[e][a].prototype= b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)):d;if(e&&d.substring(0,1)==="_")return h;e?this.each(function(){var g=b.data(this,a),i=g&&b.isFunction(g[d])?g[d].apply(g,f):g;if(i!==g&&i!==undefined){h=i;return false}}):this.each(function(){var g= b.data(this,a);if(g){d&&g.option(d);g._init()}else b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){this.element=b(c).data(this.widgetName,this);this.options=b.extend(true,{},this.options,b.metadata&&b.metadata.get(c)[this.widgetName],a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create(); this._init()},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+"-disabled ui-state-disabled")},widget:function(){return this.element},option:function(a,c){var d=a,e=this;if(arguments.length===0)return b.extend({},e.options);if(typeof a==="string"){if(c===undefined)return this.options[a];d={};d[a]=c}b.each(d,function(f, h){e._setOption(f,h)});return e},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled",c);return this},enable:function(){return this._setOption("disabled",false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a= b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery); ;/* * jQuery UI Tabs 1.8.1 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI/Tabs * * Depends: * jquery.ui.core.js * jquery.ui.widget.js */ (function(d){var s=0,u=0;d.widget("ui.tabs",{options:{add:null,ajaxOptions:null,cache:false,cookie:null,collapsible:false,disable:null,disabled:[],enable:null,event:"click",fx:null,idPrefix:"ui-tabs-",load:null,panelTemplate:"
",remove:null,select:null,show:null,spinner:"Loading…",tabTemplate:'
  • #{label}
    • '},_create:function(){this._tabify(true)},_setOption:function(c,e){if(c=="selected")this.options.collapsible&&e==this.options.selected|| this.select(e);else{this.options[c]=e;this._tabify()}},_tabId:function(c){return c.title&&c.title.replace(/\s/g,"_").replace(/[^A-Za-z0-9\-_:\.]/g,"")||this.options.idPrefix+ ++s},_sanitizeSelector:function(c){return c.replace(/:/g,"\\:")},_cookie:function(){var c=this.cookie||(this.cookie=this.options.cookie.name||"ui-tabs-"+ ++u);return d.cookie.apply(null,[c].concat(d.makeArray(arguments)))},_ui:function(c,e){return{tab:c,panel:e,index:this.anchors.index(c)}},_cleanup:function(){this.lis.filter(".ui-state-processing").removeClass("ui-state-processing").find("span:data(label.tabs)").each(function(){var c= d(this);c.html(c.data("label.tabs")).removeData("label.tabs")})},_tabify:function(c){function e(g,f){g.css({display:""});!d.support.opacity&&f.opacity&&g[0].style.removeAttribute("filter")}this.list=this.element.find("ol,ul").eq(0);this.lis=d("li:has(a[href])",this.list);this.anchors=this.lis.map(function(){return d("a",this)[0]});this.panels=d([]);var a=this,b=this.options,h=/^#.+/;this.anchors.each(function(g,f){var j=d(f).attr("href"),l=j.split("#")[0],p;if(l&&(l===location.toString().split("#")[0]|| (p=d("base")[0])&&l===p.href)){j=f.hash;f.href=j}if(h.test(j))a.panels=a.panels.add(a._sanitizeSelector(j));else if(j!="#"){d.data(f,"href.tabs",j);d.data(f,"load.tabs",j.replace(/#.*$/,""));j=a._tabId(f);f.href="#"+j;f=d("#"+j);if(!f.length){f=d(b.panelTemplate).attr("id",j).addClass("ui-tabs-panel ui-widget-content ui-corner-bottom").insertAfter(a.panels[g-1]||a.list);f.data("destroy.tabs",true)}a.panels=a.panels.add(f)}else b.disabled.push(g)});if(c){this.element.addClass("ui-tabs ui-widget ui-widget-content ui-corner-all"); this.list.addClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");this.lis.addClass("ui-state-default ui-corner-top");this.panels.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom");if(b.selected===undefined){location.hash&&this.anchors.each(function(g,f){if(f.hash==location.hash){b.selected=g;return false}});if(typeof b.selected!="number"&&b.cookie)b.selected=parseInt(a._cookie(),10);if(typeof b.selected!="number"&&this.lis.filter(".ui-tabs-selected").length)b.selected= this.lis.index(this.lis.filter(".ui-tabs-selected"));b.selected=b.selected||(this.lis.length?0:-1)}else if(b.selected===null)b.selected=-1;b.selected=b.selected>=0&&this.anchors[b.selected]||b.selected<0?b.selected:0;b.disabled=d.unique(b.disabled.concat(d.map(this.lis.filter(".ui-state-disabled"),function(g){return a.lis.index(g)}))).sort();d.inArray(b.selected,b.disabled)!=-1&&b.disabled.splice(d.inArray(b.selected,b.disabled),1);this.panels.addClass("ui-tabs-hide");this.lis.removeClass("ui-tabs-selected ui-state-active"); if(b.selected>=0&&this.anchors.length){this.panels.eq(b.selected).removeClass("ui-tabs-hide");this.lis.eq(b.selected).addClass("ui-tabs-selected ui-state-active");a.element.queue("tabs",function(){a._trigger("show",null,a._ui(a.anchors[b.selected],a.panels[b.selected]))});this.load(b.selected)}d(window).bind("unload",function(){a.lis.add(a.anchors).unbind(".tabs");a.lis=a.anchors=a.panels=null})}else b.selected=this.lis.index(this.lis.filter(".ui-tabs-selected"));this.element[b.collapsible?"addClass": "removeClass"]("ui-tabs-collapsible");b.cookie&&this._cookie(b.selected,b.cookie);c=0;for(var i;i=this.lis[c];c++)d(i)[d.inArray(c,b.disabled)!=-1&&!d(i).hasClass("ui-tabs-selected")?"addClass":"removeClass"]("ui-state-disabled");b.cache===false&&this.anchors.removeData("cache.tabs");this.lis.add(this.anchors).unbind(".tabs");if(b.event!="mouseover"){var k=function(g,f){f.is(":not(.ui-state-disabled)")&&f.addClass("ui-state-"+g)},n=function(g,f){f.removeClass("ui-state-"+g)};this.lis.bind("mouseover.tabs", function(){k("hover",d(this))});this.lis.bind("mouseout.tabs",function(){n("hover",d(this))});this.anchors.bind("focus.tabs",function(){k("focus",d(this).closest("li"))});this.anchors.bind("blur.tabs",function(){n("focus",d(this).closest("li"))})}var m,o;if(b.fx)if(d.isArray(b.fx)){m=b.fx[0];o=b.fx[1]}else m=o=b.fx;var q=o?function(g,f){d(g).closest("li").addClass("ui-tabs-selected ui-state-active");f.hide().removeClass("ui-tabs-hide").animate(o,o.duration||"normal",function(){e(f,o);a._trigger("show", null,a._ui(g,f[0]))})}:function(g,f){d(g).closest("li").addClass("ui-tabs-selected ui-state-active");f.removeClass("ui-tabs-hide");a._trigger("show",null,a._ui(g,f[0]))},r=m?function(g,f){f.animate(m,m.duration||"normal",function(){a.lis.removeClass("ui-tabs-selected ui-state-active");f.addClass("ui-tabs-hide");e(f,m);a.element.dequeue("tabs")})}:function(g,f){a.lis.removeClass("ui-tabs-selected ui-state-active");f.addClass("ui-tabs-hide");a.element.dequeue("tabs")};this.anchors.bind(b.event+".tabs", function(){var g=this,f=d(this).closest("li"),j=a.panels.filter(":not(.ui-tabs-hide)"),l=d(a._sanitizeSelector(this.hash));if(f.hasClass("ui-tabs-selected")&&!b.collapsible||f.hasClass("ui-state-disabled")||f.hasClass("ui-state-processing")||a._trigger("select",null,a._ui(this,l[0]))===false){this.blur();return false}b.selected=a.anchors.index(this);a.abort();if(b.collapsible)if(f.hasClass("ui-tabs-selected")){b.selected=-1;b.cookie&&a._cookie(b.selected,b.cookie);a.element.queue("tabs",function(){r(g, j)}).dequeue("tabs");this.blur();return false}else if(!j.length){b.cookie&&a._cookie(b.selected,b.cookie);a.element.queue("tabs",function(){q(g,l)});a.load(a.anchors.index(this));this.blur();return false}b.cookie&&a._cookie(b.selected,b.cookie);if(l.length){j.length&&a.element.queue("tabs",function(){r(g,j)});a.element.queue("tabs",function(){q(g,l)});a.load(a.anchors.index(this))}else throw"jQuery UI Tabs: Mismatching fragment identifier.";d.browser.msie&&this.blur()});this.anchors.bind("click.tabs", function(){return false})},destroy:function(){var c=this.options;this.abort();this.element.unbind(".tabs").removeClass("ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible").removeData("tabs");this.list.removeClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");this.anchors.each(function(){var e=d.data(this,"href.tabs");if(e)this.href=e;var a=d(this).unbind(".tabs");d.each(["href","load","cache"],function(b,h){a.removeData(h+".tabs")})});this.lis.unbind(".tabs").add(this.panels).each(function(){d.data(this, "destroy.tabs")?d(this).remove():d(this).removeClass("ui-state-default ui-corner-top ui-tabs-selected ui-state-active ui-state-hover ui-state-focus ui-state-disabled ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide")});c.cookie&&this._cookie(null,c.cookie);return this},add:function(c,e,a){if(a===undefined)a=this.anchors.length;var b=this,h=this.options;e=d(h.tabTemplate.replace(/#\{href\}/g,c).replace(/#\{label\}/g,e));c=!c.indexOf("#")?c.replace("#",""):this._tabId(d("a",e)[0]);e.addClass("ui-state-default ui-corner-top").data("destroy.tabs", true);var i=d("#"+c);i.length||(i=d(h.panelTemplate).attr("id",c).data("destroy.tabs",true));i.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide");if(a>=this.lis.length){e.appendTo(this.list);i.appendTo(this.list[0].parentNode)}else{e.insertBefore(this.lis[a]);i.insertBefore(this.panels[a])}h.disabled=d.map(h.disabled,function(k){return k>=a?++k:k});this._tabify();if(this.anchors.length==1){h.selected=0;e.addClass("ui-tabs-selected ui-state-active");i.removeClass("ui-tabs-hide"); this.element.queue("tabs",function(){b._trigger("show",null,b._ui(b.anchors[0],b.panels[0]))});this.load(0)}this._trigger("add",null,this._ui(this.anchors[a],this.panels[a]));return this},remove:function(c){var e=this.options,a=this.lis.eq(c).remove(),b=this.panels.eq(c).remove();if(a.hasClass("ui-tabs-selected")&&this.anchors.length>1)this.select(c+(c+1=c?--h:h});this._tabify();this._trigger("remove", null,this._ui(a.find("a")[0],b[0]));return this},enable:function(c){var e=this.options;if(d.inArray(c,e.disabled)!=-1){this.lis.eq(c).removeClass("ui-state-disabled");e.disabled=d.grep(e.disabled,function(a){return a!=c});this._trigger("enable",null,this._ui(this.anchors[c],this.panels[c]));return this}},disable:function(c){var e=this.options;if(c!=e.selected){this.lis.eq(c).addClass("ui-state-disabled");e.disabled.push(c);e.disabled.sort();this._trigger("disable",null,this._ui(this.anchors[c],this.panels[c]))}return this}, select:function(c){if(typeof c=="string")c=this.anchors.index(this.anchors.filter("[href$="+c+"]"));else if(c===null)c=-1;if(c==-1&&this.options.collapsible)c=this.options.selected;this.anchors.eq(c).trigger(this.options.event+".tabs");return this},load:function(c){var e=this,a=this.options,b=this.anchors.eq(c)[0],h=d.data(b,"load.tabs");this.abort();if(!h||this.element.queue("tabs").length!==0&&d.data(b,"cache.tabs"))this.element.dequeue("tabs");else{this.lis.eq(c).addClass("ui-state-processing"); if(a.spinner){var i=d("span",b);i.data("label.tabs",i.html()).html(a.spinner)}this.xhr=d.ajax(d.extend({},a.ajaxOptions,{url:h,success:function(k,n){d(e._sanitizeSelector(b.hash)).html(k);e._cleanup();a.cache&&d.data(b,"cache.tabs",true);e._trigger("load",null,e._ui(e.anchors[c],e.panels[c]));try{a.ajaxOptions.success(k,n)}catch(m){}},error:function(k,n){e._cleanup();e._trigger("load",null,e._ui(e.anchors[c],e.panels[c]));try{a.ajaxOptions.error(k,n,c,b)}catch(m){}}}));e.element.dequeue("tabs");return this}}, abort:function(){this.element.queue([]);this.panels.stop(false,true);this.element.queue("tabs",this.element.queue("tabs").splice(-2,2));if(this.xhr){this.xhr.abort();delete this.xhr}this._cleanup();return this},url:function(c,e){this.anchors.eq(c).removeData("cache.tabs").data("load.tabs",e);return this},length:function(){return this.anchors.length}});d.extend(d.ui.tabs,{version:"1.8.1"});d.extend(d.ui.tabs.prototype,{rotation:null,rotate:function(c,e){var a=this,b=this.options,h=a._rotate||(a._rotate= function(i){clearTimeout(a.rotation);a.rotation=setTimeout(function(){var k=b.selected;a.select(++k »'].join('')), over = function(){ var $$ = $(this), menu = getMenu($$); clearTimeout(menu.sfTimer); $$.showSuperfishUl().siblings().hideSuperfishUl(); }, out = function(){ var $$ = $(this), menu = getMenu($$), o = sf.op; clearTimeout(menu.sfTimer); menu.sfTimer=setTimeout(function(){ o.retainPath=($.inArray($$[0],o.$path)>-1); $$.hideSuperfishUl(); if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);} },o.delay); }, getMenu = function($menu){ var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0]; sf.op = sf.o[menu.serial]; return menu; }, addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); }; return this.each(function() { var s = this.serial = sf.o.length; var o = $.extend({},sf.defaults,op); o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){ $(this).addClass([o.hoverClass,c.bcClass].join(' ')) .filter('li:has(ul)').removeClass(o.pathClass); }); sf.o[s] = sf.op = o; $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() { if (o.autoArrows) addArrow( $('>a:first-child',this) ); }) .not('.'+c.bcClass) .hideSuperfishUl(); var $a = $('a',this); $a.each(function(i){ var $li = $a.eq(i).parents('li'); $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);}); }); o.onInit.call(this); }).each(function() { var menuClasses = [c.menuClass]; if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass); $(this).addClass(menuClasses.join(' ')); }); }; var sf = $.fn.superfish; sf.o = []; sf.op = {}; sf.IE7fix = function(){ var o = sf.op; if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined) this.toggleClass(sf.c.shadowClass+'-off'); }; sf.c = { bcClass : 'sf-breadcrumb', menuClass : 'sf-js-enabled', anchorClass : 'sf-with-ul', arrowClass : 'sf-sub-indicator', shadowClass : 'sf-shadow' }; sf.defaults = { hoverClass : 'sfHover', pathClass : 'overideThisToUse', pathLevels : 1, delay : 800, animation : {opacity:'show'}, speed : 'normal', autoArrows : true, dropShadows : true, disableHI : false, // true disables hoverIntent detection onInit : function(){}, // callback functions onBeforeShow: function(){}, onShow : function(){}, onHide : function(){} }; $.fn.extend({ hideSuperfishUl : function(){ var o = sf.op, not = (o.retainPath===true) ? o.$path : ''; o.retainPath = false; var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass) .find('>ul').hide().css('visibility','hidden'); o.onHide.call($ul); return this; }, showSuperfishUl : function(){ var o = sf.op, sh = sf.c.shadowClass+'-off', $ul = this.addClass(o.hoverClass) .find('>ul:hidden').css('visibility','visible'); sf.IE7fix.call($ul); o.onBeforeShow.call($ul); $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); }); return this; } }); })(jQuery); // jQuery Plugins Combined for less requests /** GalleryView - jQuery Content Gallery Plugin */ var window_loaded = false; (function($){ $.fn.galleryView = function(options) { var opts = $.extend($.fn.galleryView.defaults,options); var id; var iterator = 0; // INT - Currently visible panel/frame var item_count = 0; // INT - Total number of panels/frames var slide_method; // STRING - indicator to slide entire filmstrip or just the pointer ('strip','pointer') var theme_path; // STRING - relative path to theme directory var paused = false; // BOOLEAN - flag to indicate whether automated transitions are active // Element dimensions var gallery_width; var gallery_height; var pointer_height; var pointer_width; var strip_width; var strip_height; var wrapper_width; var f_frame_width; var f_frame_height; var frame_caption_size = 20; var gallery_padding; var filmstrip_margin; var filmstrip_orientation; // Arrays used to scale frames and panels var frame_img_scale = {}; var panel_img_scale = {}; var img_h = {}; var img_w = {}; // Flag indicating whether to scale panel images var scale_panel_images = true; var panel_nav_displayed = false; // Define jQuery objects for reuse var j_gallery; var j_filmstrip; var j_frames; var j_frame_img_wrappers; var j_panels; var j_pointer; /* ** Plugin Functions */ /* ** showItem(int) ** Transition from current frame to frame i (1-based index) */ function showItem(i) { // Disable next/prev buttons until transition is complete // This prevents overlapping of animations $('.nav-next-overlay',j_gallery).unbind('click'); $('.nav-prev-overlay',j_gallery).unbind('click'); $('.nav-next',j_gallery).unbind('click'); $('.nav-prev',j_gallery).unbind('click'); j_frames.unbind('click'); if(opts.show_filmstrip) { // Fade out all frames j_frames.removeClass('current').find('img').stop().animate({ 'opacity':opts.frame_opacity },opts.transition_speed); // Fade in target frame j_frames.eq(i).addClass('current').find('img').stop().animate({ 'opacity':1.0 },opts.transition_speed); } //If necessary, fade out all panels while fading in target panel if(opts.show_panels && opts.fade_panels) { j_panels.fadeOut(opts.transition_speed).eq(i%item_count).fadeIn(opts.transition_speed,function(){ //If no filmstrip exists, re-bind click events to navigation buttons if(!opts.show_filmstrip) { $('.nav-prev-overlay',j_gallery).click(showPrevItem); $('.nav-next-overlay',j_gallery).click(showNextItem); $('.nav-prev',j_gallery).click(showPrevItem); $('.nav-next',j_gallery).click(showNextItem); } }); } // If gallery has a filmstrip, handle animation of frames if(opts.show_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(); var distance; var diststr; if(filmstrip_orientation=='horizontal') { // Determine distance between pointer (eventual destination) and target frame distance = getPos(j_frames[i]).left - (getPos(j_pointer[0]).left+(pointer_width/2)-(f_frame_width/2)); diststr = (distance>=0?'-=':'+=')+Math.abs(distance)+'px'; // Animate filmstrip and slide target frame under pointer j_filmstrip.animate({ 'left':diststr },opts.transition_speed,opts.easing,function(){ var old_i = i; // After transition is complete, shift filmstrip so that a sufficient number of frames // remain on either side of the visible filmstrip if(i>item_count) { i = i%item_count; iterator = i; j_filmstrip.css('left','-'+((f_frame_width+opts.frame_gap)*i)+'px'); } else if (i<=(item_count-strip_size)) { i = (i%item_count)+item_count; iterator = i; j_filmstrip.css('left','-'+((f_frame_width+opts.frame_gap)*i)+'px'); } // If the target frame has changed due to filmstrip shifting, // make sure new target frame has 'current' class and correct size/opacity settings if(old_i != i) { j_frames.eq(old_i).removeClass('current').find('img').css({ 'opacity':opts.frame_opacity }); j_frames.eq(i).addClass('current').find('img').css({ 'opacity':1.0 }); } // If panels are not set to fade in/out, simply hide all panels and show the target panel if(!opts.fade_panels) { j_panels.hide().eq(i%item_count).show(); } // Once animation is complete, re-bind click events to navigation buttons $('.nav-prev-overlay',j_gallery).click(showPrevItem); $('.nav-next-overlay',j_gallery).click(showNextItem); $('.nav-prev',j_gallery).click(showPrevItem); $('.nav-next',j_gallery).click(showNextItem); enableFrameClicking(); }); } else { // filmstrip_orientation == 'vertical' //Determine distance between pointer (eventual destination) and target frame distance = getPos(j_frames[i]).top - (getPos(j_pointer[0]).top+(pointer_height)-(f_frame_height/2)); diststr = (distance>=0?'-=':'+=')+Math.abs(distance)+'px'; // Animate filmstrip and slide target frame under pointer j_filmstrip.animate({ 'top':diststr },opts.transition_speed,opts.easing,function(){ // After transition is complete, shift filmstrip so that a sufficient number of frames // remain on either side of the visible filmstrip var old_i = i; if(i>item_count) { i = i%item_count; iterator = i; j_filmstrip.css('top','-'+((f_frame_height+opts.frame_gap)*i)+'px'); } else if (i<=(item_count-strip_size)) { i = (i%item_count)+item_count; iterator = i; j_filmstrip.css('top','-'+((f_frame_height+opts.frame_gap)*i)+'px'); } //If the target frame has changed due to filmstrip shifting, //Make sure new target frame has 'current' class and correct size/opacity settings if(old_i != i) { j_frames.eq(old_i).removeClass('current').find('img').css({ 'opacity':opts.frame_opacity }); j_frames.eq(i).addClass('current').find('img').css({ 'opacity':1.0 }); } // If panels are not set to fade in/out, simply hide all panels and show the target panel if(!opts.fade_panels) { j_panels.hide().eq(i%item_count).show(); } // Once animation is complete, re-bind click events to navigation buttons $('.nav-prev-overlay',j_gallery).click(showPrevItem); $('.nav-next-overlay',j_gallery).click(showNextItem); $('.nav-prev',j_gallery).click(showPrevItem); $('.nav-next',j_gallery).click(showNextItem); enableFrameClicking(); }); } } else if(slide_method=='pointer') { // Stop pointer if it's currently in motion j_pointer.stop(); // Get screen position of target frame var pos = getPos(j_frames[i]); if(filmstrip_orientation=='horizontal') { // Slide the pointer over the target frame j_pointer.animate({ 'left':(pos.left+(f_frame_width/2)-(pointer_width/2)+'px') },opts.transition_speed,opts.easing,function(){ if(!opts.fade_panels) { j_panels.hide().eq(i%item_count).show(); } $('.nav-prev-overlay',j_gallery).click(showPrevItem); $('.nav-next-overlay',j_gallery).click(showNextItem); $('.nav-prev',j_gallery).click(showPrevItem); $('.nav-next',j_gallery).click(showNextItem); enableFrameClicking(); }); } else { // Slide the pointer over the target frame j_pointer.animate({ 'top':(pos.top+(f_frame_height/2)-(pointer_height)+'px') },opts.transition_speed,opts.easing,function(){ if(!opts.fade_panels) { j_panels.hide().eq(i%item_count).show(); } $('.nav-prev-overlay',j_gallery).click(showPrevItem); $('.nav-next-overlay',j_gallery).click(showNextItem); $('.nav-prev',j_gallery).click(showPrevItem); $('.nav-next',j_gallery).click(showNextItem); enableFrameClicking(); }); } } } }; /* ** extraWidth(jQuery element) ** Return the combined width of the border and padding to the elements left and right. ** If the border is non-numerical, assume zero (not ideal, will fix later) ** RETURNS - int */ function extraWidth(el) { if(!el) { return 0; } if(el.length==0) { return 0; } el = el.eq(0); var ew = 0; ew += getInt(el.css('paddingLeft')); ew += getInt(el.css('paddingRight')); ew += getInt(el.css('borderLeftWidth')); ew += getInt(el.css('borderRightWidth')); return ew; }; /* ** extraHeight(jQuery element) ** Return the combined height of the border and padding above and below the element ** If the border is non-numerical, assume zero (not ideal, will fix later) ** RETURN - int */ function extraHeight(el) { if(!el) { return 0; } if(el.length==0) { return 0; } el = el.eq(0); var eh = 0; eh += getInt(el.css('paddingTop')); eh += getInt(el.css('paddingBottom')); eh += getInt(el.css('borderTopWidth')); eh += getInt(el.css('borderBottomWidth')); return eh; }; /* ** showNextItem() ** Transition from current frame to next frame */ function showNextItem() { // Cancel any transition timers until we have completed this function $(document).stopTime("transition"); if(++iterator==j_frames.length) {iterator=0;} // We've already written the code to transition to an arbitrary panel/frame, so use it showItem(iterator); // If automated transitions haven't been cancelled by an option or paused on hover, re-enable them if(!paused) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); } }; /* ** showPrevItem() ** Transition from current frame to previous frame */ function showPrevItem() { // Cancel any transition timers until we have completed this function $(document).stopTime("transition"); if(--iterator<0) {iterator = item_count-1;} // We've already written the code to transition to an arbitrary panel/frame, so use it showItem(iterator); // If automated transitions haven't been cancelled by an option or paused on hover, re-enable them if(!paused) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); } }; /* ** getPos(jQuery element ** Calculate position of an element relative to top/left corner of gallery ** If the gallery bounding box itself is passed to the function, calculate position of gallery relative to top/left corner of browser window ** RETURNS - JSON {left: int, top: int} */ 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}; } }; /* ** enableFrameClicking() ** Add an onclick event handler to each frame ** Exception: if a frame has an anchor tag, do not add an onlick handler */ function enableFrameClicking() { j_frames.each(function(i){ if($('a',this).length==0) { $(this).click(function(){ // Prevent transitioning to the current frame (unnecessary) if(iterator!=i) { $(document).stopTime("transition"); showItem(i); iterator = i; if(!paused) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); } } }); } }); }; /* ** buildPanels() ** Construct gallery panels from
    elements ** NOTE - These DIVs are generated automatically from the content of the UL passed to the plugin */ function buildPanels() { // If panel overlay content exists, add the necessary overlay background DIV // The overlay content and background are separate elements so the background's opacity isn't inherited by the content j_panels.each(function(i){ if($('.panel-overlay',this).length>0) { $(this).append('
    '); } }); // If there is no filmstrip in this gallery, add navigation buttons to the panel itself if(!opts.show_filmstrip) { $('').addClass('nav-next').attr('src',theme_path+opts.nav_theme+'/next.gif').appendTo(j_gallery).css({ 'position':'absolute', 'zIndex':'1100', 'cursor':'pointer', 'top':((opts.panel_height-22)/2)+gallery_padding+'px', 'right':'10px', 'display':'none' }).click(showNextItem); $('').addClass('nav-prev').attr('src',theme_path+opts.nav_theme+'/prev.gif').appendTo(j_gallery).css({ 'position':'absolute', 'zIndex':'1100', 'cursor':'pointer', 'top':((opts.panel_height-22)/2)+gallery_padding+'px', 'left':'10px', 'display':'none' }).click(showPrevItem); $('').addClass('nav-next-overlay').attr('src',theme_path+opts.nav_theme+'/panel-nav-next.gif').appendTo(j_gallery).css({ 'position':'absolute', 'zIndex':'1099', 'top':((opts.panel_height-22)/2)+gallery_padding-10+'px', 'right':'0', 'display':'none', 'cursor':'pointer', 'opacity':0.75 }).click(showNextItem); $('').addClass('nav-prev-overlay').attr('src',theme_path+opts.nav_theme+'/panel-nav-prev.gif').appendTo(j_gallery).css({ 'position':'absolute', 'zIndex':'1099', 'top':((opts.panel_height-22)/2)+gallery_padding-10+'px', 'left':'0', 'display':'none', 'cursor':'pointer', 'opacity':0.75 }).click(showPrevItem); } // Set the height and width of each panel, and position it appropriately within the gallery j_panels.each(function(i){ $(this).css({ 'width':(opts.panel_width-extraWidth(j_panels))+'px', 'height':(opts.panel_height-extraHeight(j_panels))+'px', 'position':'absolute', 'overflow':'hidden', 'display':'none', 'top':'0' //change }); switch(opts.filmstrip_position) { case 'top': $(this).css({ 'top':strip_height+Math.max(gallery_padding,filmstrip_margin)+'px', 'left':gallery_padding+'px' }); break; case 'left': $(this).css({ 'top':gallery_padding+'px', 'left':strip_width+Math.max(gallery_padding,filmstrip_margin)+'px' }); break; default: $(this).css({'top':'-25px','left':gallery_padding+'px'}); break; } }); // Position each panel overlay within panel $('.panel-overlay',j_panels).css({ 'position':'absolute', 'zIndex':'999', 'width':(opts.panel_width-extraWidth($('.panel-overlay',j_panels)))+'px', 'left':'0' }); $('.overlay-background',j_panels).css({ 'position':'absolute', 'zIndex':'998', 'width':opts.panel_width+'px', 'left':'0', 'opacity':opts.overlay_opacity }); if(opts.overlay_position=='top') { $('.panel-overlay',j_panels).css('top',0); $('.overlay-background',j_panels).css('top',0); } else { $('.panel-overlay',j_panels).css('bottom',0); $('.overlay-background',j_panels).css('bottom',0); } $('.panel iframe',j_panels).css({ 'width':opts.panel_width+'px', 'height':opts.panel_height+'px', 'border':'0' }); // If panel images have to be scaled to fit within frame, do so and position them accordingly if(scale_panel_images) { $('img',j_panels).each(function(i){ $(this).css({ 'height':panel_img_scale[i%item_count]*img_h[i%item_count], 'width':panel_img_scale[i%item_count]*img_w[i%item_count], 'position':'relative', 'top':'0', //change 'left':(opts.panel_width-(panel_img_scale[i%item_count]*img_w[i%item_count]))/2+'px' }); }); } }; /* ** buildFilmstrip() ** Construct filmstrip from
      element ** NOTE - 'filmstrip' class is automatically added to UL passed to plugin */ 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 DIV to each frame 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')); //$(this).find('.caption').html(i); }); } // Position the filmstrip within the gallery j_filmstrip.css({ 'listStyle':'none', 'margin':'0', 'padding':'0', 'width':strip_width+'px', 'position':'absolute', 'zIndex':'900', 'top':(filmstrip_orientation=='vertical' && slide_method=='strip'?-((f_frame_height+opts.frame_gap)*iterator):0)+'px', 'left':(filmstrip_orientation=='horizontal' && slide_method=='strip'?-((f_frame_width+opts.frame_gap)*iterator):0)+'px', 'height':strip_height+'px' }); j_frames.css({ 'float':'left', 'position':'relative', 'height':f_frame_height+(opts.show_captions?frame_caption_size:0)+'px', 'width':f_frame_width+'px', 'zIndex':'901', 'padding':'0', 'cursor':'pointer' }); // Set frame margins based on user options and position of filmstrip within gallery switch(opts.filmstrip_position) { case 'top': j_frames.css({ 'marginBottom':filmstrip_margin+'px', 'marginRight':opts.frame_gap+'px' }); break; case 'bottom': j_frames.css({ 'marginTop':filmstrip_margin+'px', 'marginRight':opts.frame_gap+'px' }); break; case 'left': j_frames.css({ 'marginRight':filmstrip_margin+'px', 'marginBottom':opts.frame_gap+'px' }); break; case 'right': j_frames.css({ 'marginLeft':filmstrip_margin+'px', 'marginBottom':opts.frame_gap+'px' }); break; } // Apply styling to individual image wrappers. These will eventually hide overflow in the case of cropped filmstrip images $('.img_wrap',j_frames).each(function(i){ $(this).css({ 'height':Math.min(opts.frame_height,img_h[i%item_count]*frame_img_scale[i%item_count])+'px', 'width':Math.min(opts.frame_width,img_w[i%item_count]*frame_img_scale[i%item_count])+'px', 'position':'relative', 'top':(opts.show_captions && opts.filmstrip_position=='top'?frame_caption_size:0)+Math.max(0,(opts.frame_height-(frame_img_scale[i%item_count]*img_h[i%item_count]))/2)+'px', 'left':Math.max(0,(opts.frame_width-(frame_img_scale[i%item_count]*img_w[i%item_count]))/2)+'px', 'overflow':'hidden' }); }); // Scale each filmstrip image if necessary and position it within the image wrapper $('img',j_frames).each(function(i){ $(this).css({ 'opacity':opts.frame_opacity, 'height':img_h[i%item_count]*frame_img_scale[i%item_count]+'px', 'width':img_w[i%item_count]*frame_img_scale[i%item_count]+'px', 'position':'relative', 'top':Math.min(0,(opts.frame_height-(frame_img_scale[i%item_count]*img_h[i%item_count]))/2)+'px', 'left':Math.min(0,(opts.frame_width-(frame_img_scale[i%item_count]*img_w[i%item_count]))/2)+'px' }).mouseover(function(){ $(this).stop().animate({'opacity':1.0},300); }).mouseout(function(){ //Don't fade out current frame on mouseout if(!$(this).parent().parent().hasClass('current')) { $(this).stop().animate({'opacity':opts.frame_opacity},300); } }); }); // Set overflow of filmstrip wrapper to hidden so as to hide frames that don't fit within the gallery $('.strip_wrapper',j_gallery).css({ 'position':'absolute', 'overflow':'hidden' }); // Position filmstrip within gallery based on user options if(filmstrip_orientation=='horizontal') { $('.strip_wrapper',j_gallery).css({ 'top':(opts.filmstrip_position=='top'?Math.max(gallery_padding,filmstrip_margin)+'px':opts.panel_height+gallery_padding+'px'), 'left':((gallery_width-wrapper_width)/2)+gallery_padding+'px', 'width':wrapper_width+'px', 'height':strip_height+'px' }); } else { $('.strip_wrapper',j_gallery).css({ 'left':(opts.filmstrip_position=='left'?Math.max(gallery_padding,filmstrip_margin)+'px':opts.panel_width+gallery_padding+'px'), 'top':'0', 'width':strip_width+'px', 'height':wrapper_height+'px' }); } // Style frame captions $('.caption',j_gallery).css({ 'position':'absolute', 'top':(opts.filmstrip_position=='bottom'?f_frame_height:0)+'px', 'left':'0', 'margin':'0', 'width':f_frame_width+'px', 'padding':'0', 'height':frame_caption_size+'px', 'overflow':'hidden', 'lineHeight':frame_caption_size+'px' }); // Create pointer for current frame var pointer = $('
      '); pointer.addClass('pointer').appendTo(j_gallery).css({ 'position':'absolute', 'zIndex':'1000', 'width':'0px', 'fontSize':'0px', 'lineHeight':'0%', 'borderTopWidth':pointer_height+'px', 'borderRightWidth':(pointer_width/2)+'px', 'borderBottomWidth':pointer_height+'px', 'borderLeftWidth':(pointer_width/2)+'px', 'borderStyle':'solid' }); // For IE6, use predefined color string in place of transparent (IE6 bug fix, see stylesheet) var transColor = $.browser.msie && $.browser.version.substr(0,1)=='6' ? 'pink' : 'transparent'; // If there are no panels, make pointer transparent (nothing to point to) // This is not the optimal solution, but we need the pointer to exist as a reference for transition animations if(!opts.show_panels) { pointer.css('borderColor',transColor); } switch(opts.filmstrip_position) { case 'top': pointer.css({ 'bottom':(opts.panel_height-(pointer_height*2)+gallery_padding+filmstrip_margin)+'px', 'left':((gallery_width-wrapper_width)/2)+(slide_method=='strip'?0:((f_frame_width+opts.frame_gap)*iterator))+((f_frame_width/2)-(pointer_width/2))+gallery_padding+'px', 'borderBottomColor':transColor, 'borderRightColor':transColor, 'borderLeftColor':transColor }); break; case 'bottom': pointer.css({ 'top':(opts.panel_height-(pointer_height*2)+gallery_padding+filmstrip_margin)+'px', 'left':((gallery_width-wrapper_width)/2)+(slide_method=='strip'?0:((f_frame_width+opts.frame_gap)*iterator))+((f_frame_width/2)-(pointer_width/2))+gallery_padding+'px', 'borderTopColor':transColor, 'borderRightColor':transColor, 'borderLeftColor':transColor }); break; case 'left': pointer.css({ 'right':(opts.panel_width-pointer_width+gallery_padding+filmstrip_margin)+'px', 'top':(f_frame_height/2)-(pointer_height)+(slide_method=='strip'?0:((f_frame_height+opts.frame_gap)*iterator))+gallery_padding+'px', 'borderBottomColor':transColor, 'borderRightColor':transColor, 'borderTopColor':transColor }); break; case 'right': pointer.css({ 'left':(opts.panel_width-pointer_width+gallery_padding+filmstrip_margin)+'px', 'top':(f_frame_height/2)-(pointer_height)+(slide_method=='strip'?0:((f_frame_height+opts.frame_gap)*iterator))+gallery_padding+'px', 'borderBottomColor':transColor, 'borderLeftColor':transColor, 'borderTopColor':transColor }); break; } j_pointer = $('.pointer',j_gallery); // Add navigation buttons var navNext = $(''); navNext.addClass('nav-next').attr('src',theme_path+opts.nav_theme+'/next.gif').appendTo(j_gallery).css({ 'position':'absolute', 'cursor':'pointer' }).click(showNextItem); var navPrev = $(''); navPrev.addClass('nav-prev').attr('src',theme_path+opts.nav_theme+'/prev.gif').appendTo(j_gallery).css({ 'position':'absolute', 'cursor':'pointer' }).click(showPrevItem); if(filmstrip_orientation=='horizontal') { navNext.css({ 'top':(opts.filmstrip_position=='top'?Math.max(gallery_padding,filmstrip_margin):opts.panel_height+filmstrip_margin+gallery_padding)+((f_frame_height-22)/2)+'px', 'right':((gallery_width+(gallery_padding*2))/2)-(wrapper_width/2)-opts.frame_gap-22+'px' }); navPrev.css({ 'top':(opts.filmstrip_position=='top'?Math.max(gallery_padding,filmstrip_margin):opts.panel_height+filmstrip_margin+gallery_padding)+((f_frame_height-22)/2)+'px', 'left':((gallery_width+(gallery_padding*2))/2)-(wrapper_width/2)-opts.frame_gap-22+'px' }); } else { navNext.css({ 'left':(opts.filmstrip_position=='left'?Math.max(gallery_padding,filmstrip_margin):opts.panel_width+filmstrip_margin+gallery_padding)+((f_frame_width-22)/2)+13+'px', 'top':wrapper_height+(Math.max(gallery_padding,opts.frame_gap)*2)+'px' }); navPrev.css({ 'left':(opts.filmstrip_position=='left'?Math.max(gallery_padding,filmstrip_margin):opts.panel_width+filmstrip_margin+gallery_padding)+((f_frame_width-22)/2)-13+'px', 'top':wrapper_height+(Math.max(gallery_padding,opts.frame_gap)*2)+'px' }); } }; /* ** mouseIsOverGallery(int,int) ** Check to see if mouse coordinates lie within borders of gallery ** This is a more reliable method than using the mouseover event ** RETURN - boolean */ function mouseIsOverGallery(x,y) { var pos = getPos(j_gallery[0]); var top = pos.top; var left = pos.left; return x > left && x < left+gallery_width+(filmstrip_orientation=='horizontal'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin)) && y > top && y < top+gallery_height+(filmstrip_orientation=='vertical'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin)); }; /* ** getInt(string) ** Parse a string to obtain the integer value contained ** If the string contains no number, return zero ** RETURN - int */ function getInt(i) { i = parseInt(i,10); if(isNaN(i)) { i = 0; } return i; }; /* ** buildGallery() ** Construct HTML and CSS for the gallery, based on user options */ function buildGallery() { var gallery_images = opts.show_filmstrip?$('img',j_frames):$('img',j_panels); // For each image in the gallery, add its original dimensions and scaled dimensions to the appropriate arrays for later reference gallery_images.each(function(i){ img_h[i] = this.height; img_w[i] = this.width; if(opts.frame_scale=='nocrop') { frame_img_scale[i] = Math.min(opts.frame_height/img_h[i],opts.frame_width/img_w[i]); } else { frame_img_scale[i] = Math.max(opts.frame_height/img_h[i],opts.frame_width/img_w[i]); } if(opts.panel_scale=='nocrop') { panel_img_scale[i] = Math.min(opts.panel_height/img_h[i],opts.panel_width/img_w[i]); } else { panel_img_scale[i] = Math.max(opts.panel_height/img_h[i],opts.panel_width/img_w[i]); } }); // Size gallery based on position of filmstrip j_gallery.css({ 'position':'relative', 'margin-top':'25px', 'width':gallery_width+(filmstrip_orientation=='horizontal'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin))+'px', 'height':'289px' }); // Build filmstrip if necessary if(opts.show_filmstrip) { buildFilmstrip(); enableFrameClicking(); } // Build panels if necessary if(opts.show_panels) { buildPanels(); } // If user opts to pause on hover, or no filmstrip exists, add some mouseover functionality if(opts.pause_on_hover || (opts.show_panels && !opts.show_filmstrip)) { $(document).mousemove(function(e){ if(mouseIsOverGallery(e.pageX,e.pageY)) { // If the user opts to pause on hover, kill automated transitions if(opts.pause_on_hover) { if(!paused) { // Pause slideshow in 500ms $(document).oneTime(500,"animation_pause",function(){ $(document).stopTime("transition"); paused=true; }); } } // Display panel navigation on mouseover if(opts.show_panels && !opts.show_filmstrip && !panel_nav_displayed) { $('.nav-next-overlay').fadeIn('fast'); $('.nav-prev-overlay').fadeIn('fast'); $('.nav-next',j_gallery).fadeIn('fast'); $('.nav-prev',j_gallery).fadeIn('fast'); panel_nav_displayed = true; } } else { // If the mouse leaves the gallery, stop the pause timer and restart automated transitions if(opts.pause_on_hover) { $(document).stopTime("animation_pause"); if(paused) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); paused = false; } } // Hide panel navigation if(opts.show_panels && !opts.show_filmstrip && panel_nav_displayed) { $('.nav-next-overlay').fadeOut('fast'); $('.nav-prev-overlay').fadeOut('fast'); $('.nav-next',j_gallery).fadeOut('fast'); $('.nav-prev',j_gallery).fadeOut('fast'); panel_nav_displayed = false; } } }); } // Hide loading box and display gallery j_filmstrip.css('visibility','visible'); j_gallery.css('visibility','visible'); $('.loader',j_gallery).fadeOut('1000',function(){ // Show the 'first' panel (set by opts.start_frame) showItem(iterator); // If we have more than one item, begin automated transitions if(item_count > 1) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); } }); }; /* ** MAIN PLUGIN CODE */ return this.each(function() { //Hide the unstyled UL until we've created the gallery $(this).css('visibility','hidden'); // Wrap UL in DIV and transfer ID to container DIV $(this).wrap("
      "); j_gallery = $(this).parent(); j_gallery.css('visibility','hidden').attr('id',$(this).attr('id')).addClass('gallery'); // Assign filmstrip class to UL $(this).removeAttr('id').addClass('filmstrip'); // If the transition or pause timers exist for any reason, stop them now. $(document).stopTime("transition"); $(document).stopTime("animation_pause"); // Save the id of the UL passed to the plugin id = j_gallery.attr('id'); // If the UL does not contain any
      elements, we will scale the UL images to fill the panels scale_panel_images = $('.panel-content',j_gallery).length==0; // Define dimensions of pointer
      pointer_height = opts.pointer_size; pointer_width = opts.pointer_size*2; // Determine filmstrip orientation (vertical or horizontal) // Do not show captions on vertical filmstrips (override user set option) filmstrip_orientation = (opts.filmstrip_position=='top'||opts.filmstrip_position=='bottom'?'horizontal':'vertical'); if(filmstrip_orientation=='vertical') { opts.show_captions = false; } // Determine path between current page and plugin 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/)){ loader_path = s.attr('src').split('jquery.galleryview')[0]; theme_path = s.attr('src').split('jquery.galleryview')[0]+'themes/'; } }); // Assign elements to variables to minimize calls to jQuery j_filmstrip = $('.filmstrip',j_gallery); j_frames = $('li',j_filmstrip); j_frames.addClass('frame'); // If the user wants panels, generate them using the filmstrip images if(opts.show_panels) { for(i=j_frames.length-1;i>=0;i--) { if(j_frames.eq(i).find('.panel-content').length>0) { j_frames.eq(i).find('.panel-content').remove().prependTo(j_gallery).addClass('panel'); } else { p = $('
      '); p.addClass('panel'); im = $(''); im.attr('src',j_frames.eq(i).find('img').eq(0).attr('src')).appendTo(p); p.prependTo(j_gallery); j_frames.eq(i).find('.panel-overlay').remove().appendTo(p); } } } else { $('.panel-overlay',j_frames).remove(); $('.panel-content',j_frames).remove(); } // If the user doesn't want a filmstrip, delete it if(!opts.show_filmstrip) { j_filmstrip.remove(); } else { // Wrap the frame images (and links, if applicable) in container divs // These divs will handle cropping and zooming of the images j_frames.each(function(i){ if($(this).find('a').length>0) { $(this).find('a').wrap('
      '); } else { $(this).find('img').wrap('
      '); } }); j_frame_img_wrappers = $('.img_wrap',j_frames); } j_panels = $('.panel',j_gallery); if(!opts.show_panels) { opts.panel_height = 0; opts.panel_width = 0; } // Determine final frame dimensions, accounting for user-added padding and border f_frame_width = opts.frame_width+extraWidth(j_frame_img_wrappers); f_frame_height = opts.frame_height+extraHeight(j_frame_img_wrappers); // Number of frames in filmstrip item_count = opts.show_panels?j_panels.length:j_frames.length; // Number of frames that can display within the gallery block // 64 = width of block for navigation button * 2 + 20 if(filmstrip_orientation=='horizontal') { strip_size = opts.show_panels?Math.floor((opts.panel_width-((opts.frame_gap+22)*2))/(f_frame_width+opts.frame_gap)):Math.min(item_count,opts.filmstrip_size); } else { strip_size = opts.show_panels?Math.floor((opts.panel_height-(opts.frame_gap+22))/(f_frame_height+opts.frame_gap)):Math.min(item_count,opts.filmstrip_size); } // Determine animation 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';} iterator = (strip_size').addClass('loader').css({ 'position':'absolute', 'zIndex':'32666', 'opacity':1, 'top':'0px', 'left':'0px', 'width':gallery_width+(filmstrip_orientation=='horizontal'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin))+'px', 'height':gallery_height+(filmstrip_orientation=='vertical'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin))+'px' }).appendTo(j_gallery); // Don't call the buildGallery function until the window is loaded // NOTE - lazy way of waiting until all images are loaded, may find a better solution for future versions if(!window_loaded) { $(window).load(function(){ window_loaded = true; buildGallery(); }); } else { buildGallery(); } }); }; /* ** GalleryView options and default values */ $.fn.galleryView.defaults = { show_panels: true, //BOOLEAN - flag to show or hide panel portion of gallery show_filmstrip: true, //BOOLEAN - flag to show or hide filmstrip portion of gallery panel_width: 600, //INT - width of gallery panel (in pixels) panel_height: 400, //INT - height of gallery panel (in pixels) frame_width: 60, //INT - width of filmstrip frames (in pixels) frame_height: 40, //INT - width of filmstrip frames (in pixels) start_frame: 1, //INT - index of panel/frame to show first when gallery loads filmstrip_size: 3, transition_speed: 800, //INT - duration of panel/frame transition (in milliseconds) transition_interval: 4000, //INT - delay between panel/frame transitions (in milliseconds) overlay_opacity: 0.7, //FLOAT - transparency for panel overlay (1.0 = opaque, 0.0 = transparent) frame_opacity: 0.3, //FLOAT - transparency of non-active frames (1.0 = opaque, 0.0 = transparent) pointer_size: 8, //INT - Height of frame pointer (in pixels) nav_theme: 'dark', //STRING - name of navigation theme to use (folder must exist within 'themes' directory) easing: 'swing', //STRING - easing method to use for animations (jQuery provides 'swing' or 'linear', more available with jQuery UI or Easing plugin) filmstrip_position: 'bottom', //STRING - position of filmstrip within gallery (bottom, top, left, right) overlay_position: 'bottom', //STRING - position of panel overlay (bottom, top, left, right) panel_scale: 'nocrop', //STRING - cropping option for panel images (crop = scale image and fit to aspect ratio determined by panel_width and panel_height, nocrop = scale image and preserve original aspect ratio) frame_scale: 'crop', //STRING - cropping option for filmstrip images (same as above) frame_gap: 5, //INT - spacing between frames within filmstrip (in pixels) show_captions: false, //BOOLEAN - flag to show or hide frame captions fade_panels: true, //BOOLEAN - flag to fade panels during transitions or swap instantly pause_on_hover: false //BOOLEAN - flag to pause slideshow when user hovers over the gallery }; })(jQuery); // jQuery.timers - Timer abstractions for jQuery */ jQuery.fn.extend({everyTime:function(interval,label,fn,times){return this.each(function(){jQuery.timer.add(this,interval,label,fn,times)})},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.extend({timer:{global:[],guid:1,dataKey:"jQuery.timer",regex:/^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/,powers:{'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){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(typeof times!='number'||isNaN(times)||times<0)times=0;times=times||0;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((++counter>times&×!==0)||fn.call(element,counter)===false)jQuery.timer.remove(element,label,fn)};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)})}); /* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ */ jQuery.easing['jswing']=jQuery.easing['swing'];jQuery.extend(jQuery.easing,{def:'easeOutQuad',swing:function(x,t,b,c,d){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