Changeset 7949

Timestamp:

Nov 30, 2010, 12:20:24 PM (13 years ago)

Author:

patdenice

Message:

Update Colorbox plugin to 1.3.15.
Avoid jQuery conflicts.

Location:

extensions/lightbox

Files:

• js/jquery.colorbox-min.js (modified) (1 diff)
• js/jquery.colorbox.js (modified) (14 diffs)
• lightbox.php (modified) (2 diffs)
• theme/clear/images/overlay.png (modified) (previous)
• theme/grey2/index.html (deleted)

extensions/lightbox/js/jquery.colorbox-min.js

@@ -1 @@
-/*      ColorBox v1.3.6 - a full featured, light-weight, customizable lightbox based on jQuery 1.3 */
-(function(c){function r(b,d){d=d==="x"?m.width():m.height();return typeof b==="string"?Math.round(b.match(/%/)?d/100*parseInt(b,10):parseInt(b,10)):b}function M(b){b=c.isFunction(b)?b.call(i):b;return a.photo||b.match(/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i)}function Y(){for(var b in a)if(c.isFunction(a[b])&&b.substring(0,2)!=="on")a[b]=a[b].call(i);a.rel=a.rel||i.rel;a.href=a.href||i.href;a.title=a.title||i.title}function Z(b){i=b;a=c(i).data(q);Y();if(a.rel&&a.rel!=="nofollow"){g= c(".cboxElement").filter(function(){return(c(this).data(q).rel||this.rel)===a.rel});j=g.index(i);if(j<0){g=g.add(i);j=g.length-1}}else{g=c(i);j=0}if(!B){C=B=n;N=i;N.blur();c(document).bind("keydown.cbox_close",function(d){if(d.keyCode===27){d.preventDefault();e.close()}}).bind("keydown.cbox_arrows",function(d){if(g.length>1)if(d.keyCode===37){d.preventDefault();D.click()}else if(d.keyCode===39){d.preventDefault();E.click()}});a.overlayClose&&s.css({cursor:"pointer"}).one("click",e.close);c.event.trigger(aa); a.onOpen&&a.onOpen.call(i);s.css({opacity:a.opacity}).show();a.w=r(a.initialWidth,"x");a.h=r(a.initialHeight,"y");e.position(0);O&&m.bind("resize.cboxie6 scroll.cboxie6",function(){s.css({width:m.width(),height:m.height(),top:m.scrollTop(),left:m.scrollLeft()})}).trigger("scroll.cboxie6")}P.add(D).add(E).add(t).add(Q).hide();R.html(a.close).show();e.slideshow();e.load()}var q="colorbox",F="hover",n=true,e,x=c.browser.msie&&!c.support.opacity,O=x&&c.browser.version<7,aa="cbox_open",H="cbox_load",S= "cbox_complete",T="resize.cbox_resize",s,k,u,p,U,V,W,X,g,m,l,I,J,K,Q,P,t,E,D,R,y,z,v,w,i,N,j,a,B,C,$={transition:"elastic",speed:350,width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:"400",initialHeight:"400",maxWidth:false,maxHeight:false,scalePhotos:n,scrolling:n,inline:false,html:false,iframe:false,photo:false,href:false,title:false,rel:false,opacity:0.9,preloading:n,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:false,overlayClose:n, slideshow:false,slideshowAuto:n,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:false,onLoad:false,onComplete:false,onCleanup:false,onClosed:false};e=c.fn.colorbox=function(b,d){var h=this;if(!h.length)if(h.selector===""){h=c("<a/>");b.open=n}else return this;h.each(function(){var f=c.extend({},c(this).data(q)?c(this).data(q):$,b);c(this).data(q,f).addClass("cboxElement");if(d)c(this).data(q).onComplete=d});b&&b.open&&Z(h);return this};e.init=function(){function b(d){return c('<div id="cbox'+ d+'"/>')}m=c(window);k=c('<div id="colorbox"/>');s=b("Overlay").hide();u=b("Wrapper");p=b("Content").append(l=b("LoadedContent").css({width:0,height:0}),J=b("LoadingOverlay"),K=b("LoadingGraphic"),Q=b("Title"),P=b("Current"),t=b("Slideshow"),E=b("Next"),D=b("Previous"),R=b("Close"));u.append(c("<div/>").append(b("TopLeft"),U=b("TopCenter"),b("TopRight")),c("<div/>").append(V=b("MiddleLeft"),p,W=b("MiddleRight")),c("<div/>").append(b("BottomLeft"),X=b("BottomCenter"),b("BottomRight"))).children().children().css({"float":"left"}); I=c("<div style='position:absolute; top:0; left:0; width:9999px; height:0;'/>");c("body").prepend(s,k.append(u,I));if(x){k.addClass("cboxIE");O&&s.css("position","absolute")}p.children().bind("mouseover mouseout",function(){c(this).toggleClass(F)}).addClass(F);y=U.height()+X.height()+p.outerHeight(n)-p.height();z=V.width()+W.width()+p.outerWidth(n)-p.width();v=l.outerHeight(n);w=l.outerWidth(n);k.css({"padding-bottom":y,"padding-right":z}).hide();E.click(e.next);D.click(e.prev);R.click(e.close);p.children().removeClass(F); c(".cboxElement").live("click",function(d){if(d.button!==0&&typeof d.button!=="undefined")return n;else{Z(this);return false}})};e.position=function(b,d){function h(A){U[0].style.width=X[0].style.width=p[0].style.width=A.style.width;K[0].style.height=J[0].style.height=p[0].style.height=V[0].style.height=W[0].style.height=A.style.height}var f=m.height();f=Math.max(f-a.h-v-y,0)/2+m.scrollTop();var o=Math.max(document.documentElement.clientWidth-a.w-w-z,0)/2+m.scrollLeft();b=k.width()===a.w+w&&k.height()=== a.h+v?0:b;u[0].style.width=u[0].style.height="9999px";k.dequeue().animate({width:a.w+w,height:a.h+v,top:f,left:o},{duration:b,complete:function(){h(this);C=false;u[0].style.width=a.w+w+z+"px";u[0].style.height=a.h+v+y+"px";d&&d()},step:function(){h(this)}})};e.resize=function(b){function d(){a.w=a.w||l.width();a.w=a.mw&&a.mw<a.w?a.mw:a.w;return a.w}function h(){a.h=a.h||l.height();a.h=a.mh&&a.mh<a.h?a.mh:a.h;return a.h}function f(G){e.position(G,function(){if(B){if(x){A&&l.fadeIn(100);k[0].style.removeAttribute("filter")}if(a.iframe)l.append("<iframe id='cboxIframe'"+ (a.scrolling?" ":"scrolling='no'")+" name='iframe_"+(new Date).getTime()+"' frameborder=0 src='"+a.href+"' "+(x?"allowtransparency='true'":"")+" />");l.show();Q.show().html(a.title);if(g.length>1){P.html(a.current.replace(/\{current\}/,j+1).replace(/\{total\}/,g.length)).show();E.html(a.next).show();D.html(a.previous).show();a.slideshow&&t.show()}J.hide();K.hide();c.event.trigger(S);a.onComplete&&a.onComplete.call(i);a.transition==="fade"&&k.fadeTo(L,1,function(){x&&k[0].style.removeAttribute("filter")}); m.bind(T,function(){e.position(0)})}})}if(B){var o,A,L=a.transition==="none"?0:a.speed;m.unbind(T);if(b){l.remove();l=c('<div id="cboxLoadedContent"/>').html(b);l.hide().appendTo(I).css({width:d(),overflow:a.scrolling?"auto":"hidden"}).css({height:h()}).prependTo(p);c("#cboxPhoto").css({cssFloat:"none"});O&&c("select:not(#colorbox select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("cbox_cleanup",function(){this.style.visibility="inherit"});a.transition=== "fade"&&k.fadeTo(L,0,function(){f(0)})||f(L);if(a.preloading&&g.length>1){b=j>0?g[j-1]:g[g.length-1];o=j<g.length-1?g[j+1]:g[0];o=c(o).data(q).href||o.href;b=c(b).data(q).href||b.href;M(o)&&c("<img />").attr("src",o);M(b)&&c("<img />").attr("src",b)}}else setTimeout(function(){var G=l.wrapInner("<div style='overflow:auto'></div>").children();a.h=G.height();l.css({height:a.h});G.replaceWith(G.children());e.position(L)},1)}};e.load=function(){var b,d,h,f=e.resize;C=n;i=g[j];a=c(i).data(q);Y();c.event.trigger(H); a.onLoad&&a.onLoad.call(i);a.h=a.height?r(a.height,"y")-v-y:a.innerHeight?r(a.innerHeight,"y"):false;a.w=a.width?r(a.width,"x")-w-z:a.innerWidth?r(a.innerWidth,"x"):false;a.mw=a.w;a.mh=a.h;if(a.maxWidth){a.mw=r(a.maxWidth,"x")-w-z;a.mw=a.w&&a.w<a.mw?a.w:a.mw}if(a.maxHeight){a.mh=r(a.maxHeight,"y")-v-y;a.mh=a.h&&a.h<a.mh?a.h:a.mh}b=a.href;J.show();K.show();if(a.inline){c('<div id="cboxInlineTemp" />').hide().insertBefore(c(b)[0]).bind(H+" cbox_cleanup",function(){c(this).replaceWith(l.children())}); f(c(b))}else if(a.iframe)f(" ");else if(a.html)f(a.html);else if(M(b)){d=new Image;d.onload=function(){var o;d.onload=null;d.id="cboxPhoto";c(d).css({margin:"auto",border:"none",display:"block",cssFloat:"left"});if(a.scalePhotos){h=function(){d.height-=d.height*o;d.width-=d.width*o};if(a.mw&&d.width>a.mw){o=(d.width-a.mw)/d.width;h()}if(a.mh&&d.height>a.mh){o=(d.height-a.mh)/d.height;h()}}if(a.h)d.style.marginTop=Math.max(a.h-d.height,0)/2+"px";f(d);g.length>1&&c(d).css({cursor:"pointer"}).click(e.next); if(x)d.style.msInterpolationMode="bicubic"};d.src=b}else c("<div />").appendTo(I).load(b,function(o,A){A==="success"?f(this):f(c("<p>Request unsuccessful.</p>"))})};e.next=function(){if(!C){j=j<g.length-1?j+1:0;e.load()}};e.prev=function(){if(!C){j=j>0?j-1:g.length-1;e.load()}};e.slideshow=function(){function b(){t.text(a.slideshowStop).bind(S,function(){h=setTimeout(e.next,a.slideshowSpeed)}).bind(H,function(){clearTimeout(h)}).one("click",function(){d();c(this).removeClass(F)});k.removeClass(f+ "off").addClass(f+"on")}var d,h,f="cboxSlideshow_";t.bind("cbox_closed",function(){t.unbind();clearTimeout(h);k.removeClass(f+"off "+f+"on")});d=function(){clearTimeout(h);t.text(a.slideshowStart).unbind(S+" "+H).one("click",function(){b();h=setTimeout(e.next,a.slideshowSpeed);c(this).removeClass(F)});k.removeClass(f+"on").addClass(f+"off")};if(a.slideshow&&g.length>1)a.slideshowAuto?b():d()};e.close=function(){c.event.trigger("cbox_cleanup");a.onCleanup&&a.onCleanup.call(i);B=false;c(document).unbind("keydown.cbox_close keydown.cbox_arrows"); m.unbind(T+" resize.cboxie6 scroll.cboxie6");s.css({cursor:"auto"}).fadeOut("fast");k.stop(n,false).fadeOut("fast",function(){c("#colorbox iframe").attr("src","about:blank");l.remove();k.css({opacity:1});try{N.focus()}catch(b){}c.event.trigger("cbox_closed");a.onClosed&&a.onClosed.call(i)})};e.element=function(){return c(i)};e.settings=$;c(e.init)})(jQuery);
+// ColorBox v1.3.14 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+
+// Copyright (c) 2010 Jack Moore - jack@colorpowered.com
+// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
+(function(b,ib){var t="none",M="LoadedContent",c=false,v="resize.",o="y",q="auto",e=true,L="nofollow",m="x";function f(a,c){a=a?' id="'+i+a+'"':"";c=c?' style="'+c+'"':"";return b("<div"+a+c+"/>")}function p(a,b){b=b===m?n.width():n.height();return typeof a==="string"?Math.round(/%/.test(a)?b/100*parseInt(a,10):parseInt(a,10)):a}function U(b){return a.photo||/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(b)}function cb(a){for(var c in a)if(b.isFunction(a[c])&&c.substring(0,2)!=="on")a[c]=a[c].call(l);a.rel=a.rel||l.rel||L;a.href=a.href||b(l).attr("href");a.title=a.title||l.title;return a}function w(c,a){a&&a.call(l);b.event.trigger(c)}function jb(){var b,e=i+"Slideshow_",c="click."+i,f,k;if(a.slideshow&&h[1]){f=function(){F.text(a.slideshowStop).unbind(c).bind(V,function(){if(g<h.length-1||a.loop)b=setTimeout(d.next,a.slideshowSpeed)}).bind(W,function(){clearTimeout(b)}).one(c+" "+N,k);j.removeClass(e+"off").addClass(e+"on");b=setTimeout(d.next,a.slideshowSpeed)};k=function(){clearTimeout(b);F.text(a.slideshowStart).unbind([V,W,N,c].join(" ")).one(c,f);j.removeClass(e+"on").addClass(e+"off")};a.slideshowAuto?f():k()}}function db(c){if(!O){l=c;a=cb(b.extend({},b.data(l,r)));h=b(l);g=0;if(a.rel!==L){h=b("."+G).filter(function(){return (b.data(this,r).rel||this.rel)===a.rel});g=h.index(l);if(g===-1){h=h.add(l);g=h.length-1}}if(!u){u=E=e;j.show();if(a.returnFocus)try{l.blur();b(l).one(eb,function(){try{this.focus()}catch(a){}})}catch(f){}x.css({opacity:+a.opacity,cursor:a.overlayClose?"pointer":q}).show();a.w=p(a.initialWidth,m);a.h=p(a.initialHeight,o);d.position(0);X&&n.bind(v+P+" scroll."+P,function(){x.css({width:n.width(),height:n.height(),top:n.scrollTop(),left:n.scrollLeft()})}).trigger("scroll."+P);w(fb,a.onOpen);Y.add(H).add(I).add(F).add(Z).hide();ab.html(a.close).show()}d.load(e)}}var gb={transition:"elastic",speed:300,width:c,initialWidth:"600",innerWidth:c,maxWidth:c,height:c,initialHeight:"450",innerHeight:c,maxHeight:c,scalePhotos:e,scrolling:e,inline:c,html:c,iframe:c,photo:c,href:c,title:c,rel:c,opacity:.9,preloading:e,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:c,returnFocus:e,loop:e,slideshow:c,slideshowAuto:e,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:c,onLoad:c,onComplete:c,onCleanup:c,onClosed:c,overlayClose:e,escKey:e,arrowKey:e},r="colorbox",i="cbox",fb=i+"_open",W=i+"_load",V=i+"_complete",N=i+"_cleanup",eb=i+"_closed",Q=i+"_purge",hb=i+"_loaded",A=b.browser.msie&&!b.support.opacity,X=A&&b.browser.version<7,P=i+"_IE6",x,j,B,s,bb,T,R,S,h,n,k,J,K,Z,Y,F,I,H,ab,C,D,y,z,l,g,a,u,E,O=c,d,G=i+"Element";d=b.fn[r]=b[r]=function(c,f){var a=this,d;if(!a[0]&&a.selector)return a;c=c||{};if(f)c.onComplete=f;if(!a[0]||a.selector===undefined){a=b("<a/>");c.open=e}a.each(function(){b.data(this,r,b.extend({},b.data(this,r)||gb,c));b(this).addClass(G)});d=c.open;if(b.isFunction(d))d=d.call(a);d&&db(a[0]);return a};d.init=function(){var l="hover",m="clear:left";n=b(ib);j=f().attr({id:r,"class":A?i+"IE":""});x=f("Overlay",X?"position:absolute":"").hide();B=f("Wrapper");s=f("Content").append(k=f(M,"width:0; height:0; overflow:hidden"),K=f("LoadingOverlay").add(f("LoadingGraphic")),Z=f("Title"),Y=f("Current"),I=f("Next"),H=f("Previous"),F=f("Slideshow").bind(fb,jb),ab=f("Close"));B.append(f().append(f("TopLeft"),bb=f("TopCenter"),f("TopRight")),f(c,m).append(T=f("MiddleLeft"),s,R=f("MiddleRight")),f(c,m).append(f("BottomLeft"),S=f("BottomCenter"),f("BottomRight"))).children().children().css({"float":"left"});J=f(c,"position:absolute; width:9999px; visibility:hidden; display:none");b("body").prepend(x,j.append(B,J));s.children().hover(function(){b(this).addClass(l)},function(){b(this).removeClass(l)}).addClass(l);C=bb.height()+S.height()+s.outerHeight(e)-s.height();D=T.width()+R.width()+s.outerWidth(e)-s.width();y=k.outerHeight(e);z=k.outerWidth(e);j.css({"padding-bottom":C,"padding-right":D}).hide();I.click(d.next);H.click(d.prev);ab.click(d.close);s.children().removeClass(l);b("."+G).live("click",function(a){if(!(a.button!==0&&typeof a.button!=="undefined"||a.ctrlKey||a.shiftKey||a.altKey)){a.preventDefault();db(this)}});x.click(function(){a.overlayClose&&d.close()});b(document).bind("keydown",function(b){if(u&&a.escKey&&b.keyCode===27){b.preventDefault();d.close()}if(u&&a.arrowKey&&!E&&h[1])if(b.keyCode===37&&(g||a.loop)){b.preventDefault();H.click()}else if(b.keyCode===39&&(g<h.length-1||a.loop)){b.preventDefault();I.click()}})};d.remove=function(){j.add(x).remove();b("."+G).die("click").removeData(r).removeClass(G)};d.position=function(f,d){function b(a){bb[0].style.width=S[0].style.width=s[0].style.width=a.style.width;K[0].style.height=K[1].style.height=s[0].style.height=T[0].style.height=R[0].style.height=a.style.height}var e,h=Math.max(document.documentElement.clientHeight-a.h-y-C,0)/2+n.scrollTop(),g=Math.max(n.width()-a.w-z-D,0)/2+n.scrollLeft();e=j.width()===a.w+z&&j.height()===a.h+y?0:f;B[0].style.width=B[0].style.height="9999px";j.dequeue().animate({width:a.w+z,height:a.h+y,top:h,left:g},{duration:e,complete:function(){b(this);E=c;B[0].style.width=a.w+z+D+"px";B[0].style.height=a.h+y+C+"px";d&&d()},step:function(){b(this)}})};d.resize=function(b){if(u){b=b||{};if(b.width)a.w=p(b.width,m)-z-D;if(b.innerWidth)a.w=p(b.innerWidth,m);k.css({width:a.w});if(b.height)a.h=p(b.height,o)-y-C;if(b.innerHeight)a.h=p(b.innerHeight,o);if(!b.innerHeight&&!b.height){b=k.wrapInner("<div style='overflow:auto'></div>").children();a.h=b.height();b.replaceWith(b.children())}k.css({height:a.h});d.position(a.transition===t?0:a.speed)}};d.prep=function(o){var e="hidden";function m(t){var q,f,o,e,m=h.length,s=a.loop;d.position(t,function(){if(u){A&&p&&k.fadeIn(100);k.show();w(hb);Z.show().html(a.title);if(m>1){typeof a.current==="string"&&Y.html(a.current.replace(/\{current\}/,g+1).replace(/\{total\}/,m)).show();I[s||g<m-1?"show":"hide"]().html(a.next);H[s||g?"show":"hide"]().html(a.previous);q=g?h[g-1]:h[m-1];o=g<m-1?h[g+1]:h[0];a.slideshow&&F.show();if(a.preloading){e=b.data(o,r).href||o.href;f=b.data(q,r).href||q.href;e=b.isFunction(e)?e.call(o):e;f=b.isFunction(f)?f.call(q):f;if(U(e))b("<img/>")[0].src=e;if(U(f))b("<img/>")[0].src=f}}K.hide();if(a.transition==="fade")j.fadeTo(l,1,function(){if(A)j[0].style.filter=c});else if(A)j[0].style.filter=c;n.bind(v+i,function(){d.position(0)});w(V,a.onComplete)}})}if(u){var p,l=a.transition===t?0:a.speed;n.unbind(v+i);k.remove();k=f(M).html(o);k.hide().appendTo(J.show()).css({width:function(){a.w=a.w||k.width();a.w=a.mw&&a.mw<a.w?a.mw:a.w;return a.w}(),overflow:a.scrolling?q:e}).css({height:function(){a.h=a.h||k.height();a.h=a.mh&&a.mh<a.h?a.mh:a.h;return a.h}()}).prependTo(s);J.hide();b("#"+i+"Photo").css({cssFloat:t,marginLeft:q,marginRight:q});X&&b("select").not(j.find("select")).filter(function(){return this.style.visibility!==e}).css({visibility:e}).one(N,function(){this.style.visibility="inherit"});a.transition==="fade"?j.fadeTo(l,0,function(){m(0)}):m(l)}};d.load=function(u){var n,c,s,q=d.prep;E=e;l=h[g];u||(a=cb(b.extend({},b.data(l,r))));w(Q);w(W,a.onLoad);a.h=a.height?p(a.height,o)-y-C:a.innerHeight&&p(a.innerHeight,o);a.w=a.width?p(a.width,m)-z-D:a.innerWidth&&p(a.innerWidth,m);a.mw=a.w;a.mh=a.h;if(a.maxWidth){a.mw=p(a.maxWidth,m)-z-D;a.mw=a.w&&a.w<a.mw?a.w:a.mw}if(a.maxHeight){a.mh=p(a.maxHeight,o)-y-C;a.mh=a.h&&a.h<a.mh?a.h:a.mh}n=a.href;K.show();if(a.inline){f().hide().insertBefore(b(n)[0]).one(Q,function(){b(this).replaceWith(k.children())});q(b(n))}else if(a.iframe){j.one(hb,function(){var c=b("<iframe name='"+(new Date).getTime()+"' frameborder=0"+(a.scrolling?"":" scrolling='no'")+(A?" allowtransparency='true'":"")+" style='width:100%; height:100%; border:0; display:block;'/>");c[0].src=a.href;c.appendTo(k).one(Q,function(){c[0].src='//about:blank'})});q(" ")}else if(a.html)q(a.html);else if(U(n)){c=new Image;c.onload=function(){var e;c.onload=null;c.id=i+"Photo";b(c).css({border:t,display:"block",cssFloat:"left"});if(a.scalePhotos){s=function(){c.height-=c.height*e;c.width-=c.width*e};if(a.mw&&c.width>a.mw){e=(c.width-a.mw)/c.width;s()}if(a.mh&&c.height>a.mh){e=(c.height-a.mh)/c.height;s()}}if(a.h)c.style.marginTop=Math.max(a.h-c.height,0)/2+"px";h[1]&&(g<h.length-1||a.loop)&&b(c).css({cursor:"pointer"}).click(d.next);if(A)c.style.msInterpolationMode="bicubic";setTimeout(function(){q(c)},1)};setTimeout(function(){c.src=n},1)}else n&&J.load(n,function(d,c,a){q(c==="error"?"Request unsuccessful: "+a.statusText:b(this).children())})};d.next=function(){if(!E){g=g<h.length-1?g+1:0;d.load()}};d.prev=function(){if(!E){g=g?g-1:h.length-1;d.load()}};d.close=function(){if(u&&!O){O=e;u=c;w(N,a.onCleanup);n.unbind("."+i+" ."+P);x.fadeTo("fast",0);j.stop().fadeTo("fast",0,function(){w(Q);k.remove();j.add(x).css({opacity:1,cursor:q}).hide();setTimeout(function(){O=c;w(eb,a.onClosed)},1)})}};d.element=function(){return b(l)};d.settings=gb;b(d.init)})(jQuery,this)

extensions/lightbox/js/jquery.colorbox.js

@@ -1 @@
-// ColorBox v1.3.6 - a full featured, light-weight, customizable lightbox based on jQuery 1.3
-// c) 2009 Jack Moore - www.colorpowered.com - jack@colorpowered.com
+// ColorBox v1.3.14 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+
+// Copyright (c) 2010 Jack Moore - jack@colorpowered.com
 // Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
-
-(function ($) {
-        // Shortcuts (to increase compression)
-        var colorbox = 'colorbox',
-        hover = 'hover',
-        TRUE = true,
-        FALSE = false,
-        cboxPublic,
-        isIE = $.browser.msie && !$.support.opacity, // feature detection alone gave false positives in some browsers
+(function ($, window) {
+        
+        var
+        // ColorBox Default Settings.   
+        // See http://colorpowered.com/colorbox for details.
+        defaults = {
+                transition: "elastic",
+                speed: 300,
+                width: false,
+                initialWidth: "600",
+                innerWidth: false,
+                maxWidth: false,
+                height: false,
+                initialHeight: "450",
+                innerHeight: false,
+                maxHeight: false,
+                scalePhotos: true,
+                scrolling: true,
+                inline: false,
+                html: false,
+                iframe: false,
+                photo: false,
+                href: false,
+                title: false,
+                rel: false,
+                opacity: 0.9,
+                preloading: true,
+                current: "image {current} of {total}",
+                previous: "previous",
+                next: "next",
+                close: "close",
+                open: false,
+                returnFocus: true,
+                loop: true,
+                slideshow: false,
+                slideshowAuto: true,
+                slideshowSpeed: 2500,
+                slideshowStart: "start slideshow",
+                slideshowStop: "stop slideshow",
+                onOpen: false,
+                onLoad: false,
+                onComplete: false,
+                onCleanup: false,
+                onClosed: false,
+                overlayClose: true,             
+                escKey: true,
+                arrowKey: true
+        },
+        
+        // Abstracting the HTML and event identifiers for easy rebranding
+        colorbox = 'colorbox',
+        prefix = 'cbox',
+        
+        // Events       
+        event_open = prefix + '_open',
+        event_load = prefix + '_load',
+        event_complete = prefix + '_complete',
+        event_cleanup = prefix + '_cleanup',
+        event_closed = prefix + '_closed',
+        event_purge = prefix + '_purge',
+        event_loaded = prefix + '_loaded',
+        
+        // Special Handling for IE
+        isIE = $.browser.msie && !$.support.opacity, // feature detection alone gave a false positive on at least one phone browser and on some development versions of Chrome.
         isIE6 = isIE && $.browser.version < 7,
-
-        // Event Strings (to increase compression)
-        cbox_open = 'cbox_open',
-        cbox_load = 'cbox_load',
-        cbox_complete = 'cbox_complete',
-        cbox_cleanup = 'cbox_cleanup',
-        cbox_closed = 'cbox_closed',
-        cbox_resize = 'resize.cbox_resize',
+        event_ie6 = prefix + '_IE6',
 
         // Cached jQuery Object Variables
         $overlay,
-        $cbox,
+        $box,
         $wrap,
         $content,
@@ -35 +83 @@
         $loadingBay,
         $loadingOverlay,
-        $loadingGraphic,
         $title,
         $current,
@@ -49 +96 @@
         loadedWidth,
         element,
-        bookmark,
         index,
         settings,
         open,
         active,
-        
-        // ColorBox Default Settings.   
-        // See http://colorpowered.com/colorbox for details.
-        defaults = {
-                transition: "elastic",
-                speed: 350,
-                width: FALSE,
-                height: FALSE,
-                innerWidth: FALSE,
-                innerHeight: FALSE,
-                initialWidth: "400",
-                initialHeight: "400",
-                maxWidth: FALSE,
-                maxHeight: FALSE,
-                scalePhotos: TRUE,
-                scrolling: TRUE,
-                inline: FALSE,
-                html: FALSE,
-                iframe: FALSE,
-                photo: FALSE,
-                href: FALSE,
-                title: FALSE,
-                rel: FALSE,
-                opacity: 0.9,
-                preloading: TRUE,
-                current: "image {current} of {total}",
-                previous: "previous",
-                next: "next",
-                close: "close",
-                open: FALSE,
-                overlayClose: TRUE,
-                
-                slideshow: FALSE,
-                slideshowAuto: TRUE,
-                slideshowSpeed: 2500,
-                slideshowStart: "start slideshow",
-                slideshowStop: "stop slideshow",
-                
-                onOpen: FALSE,
-                onLoad: FALSE,
-                onComplete: FALSE,
-                onCleanup: FALSE,
-                onClosed: FALSE
-        };
+        closing = false,
+        
+        publicMethod,
+        boxElement = prefix + 'Element';
         
         // ****************
         // HELPER FUNCTIONS
         // ****************
-                
+
+        // jQuery object generator to reduce code size
+        function $div(id, css) { 
+                id = id ? ' id="' + prefix + id + '"' : '';
+                css = css ? ' style="' + css + '"' : '';
+                return $('<div' + id + css + '/>');
+        }
+
         // Convert % values to pixels
         function setSize(size, dimension) {
-                dimension = dimension === 'x' ? $window.width() : $window.height();//document.documentElement.clientWidth : document.documentElement.clientHeight;
-                return (typeof size === 'string') ? Math.round((size.match(/%/) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10))) : size;
+                dimension = dimension === 'x' ? $window.width() : $window.height();
+                return (typeof size === 'string') ? Math.round((/%/.test(size) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10))) : size;
         }
-
+        
         // Checks an href to see if it is a photo.
         // There is a force photo option (photo: true) for hrefs that cannot be matched by this regex.
         function isImage(url) {
-                url = $.isFunction(url) ? url.call(element) : url;
-                return settings.photo || url.match(/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i);
+                return settings.photo || /\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(url);
         }
         
-        // Assigns functions results to their respective settings.  This allows functions to be used to set ColorBox options.
-        function process() {
+        // Assigns function results to their respective settings.  This allows functions to be used as values.
+        function process(settings) {
                 for (var i in settings) {
                         if ($.isFunction(settings[i]) && i.substring(0, 2) !== 'on') { // checks to make sure the function isn't one of the callbacks, they will be handled at the appropriate time.
@@ -123 +135 @@
                         }
                 }
-                settings.rel = settings.rel || element.rel;
-                settings.href = settings.href || element.href;
+                settings.rel = settings.rel || element.rel || 'nofollow';
+                settings.href = settings.href || $(element).attr('href');
                 settings.title = settings.title || element.title;
+                return settings;
         }
 
+        function trigger(event, callback) {
+                if (callback) {
+                        callback.call(element);
+                }
+                $.event.trigger(event);
+        }
+
+        // Slideshow functionality
+        function slideshow() {
+                var
+                timeOut,
+                className = prefix + "Slideshow_",
+                click = "click." + prefix,
+                start,
+                stop,
+                clear;
+                
+                if (settings.slideshow && $related[1]) {
+                        start = function () {
+                                $slideshow
+                                        .text(settings.slideshowStop)
+                                        .unbind(click)
+                                        .bind(event_complete, function () {
+                                                if (index < $related.length - 1 || settings.loop) {
+                                                        timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
+                                                }
+                                        })
+                                        .bind(event_load, function () {
+                                                clearTimeout(timeOut);
+                                        })
+                                        .one(click + ' ' + event_cleanup, stop);
+                                $box.removeClass(className + "off").addClass(className + "on");
+                                timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
+                        };
+                        
+                        stop = function () {
+                                clearTimeout(timeOut);
+                                $slideshow
+                                        .text(settings.slideshowStart)
+                                        .unbind([event_complete, event_load, event_cleanup, click].join(' '))
+                                        .one(click, start);
+                                $box.removeClass(className + "on").addClass(className + "off");
+                        };
+                        
+                        if (settings.slideshowAuto) {
+                                start();
+                        } else {
+                                stop();
+                        }
+                }
+        }
+
         function launch(elem) {
-                
-                element = elem;
-                
-                settings = $(element).data(colorbox);
-                
-                process(); // Convert functions to their returned values.
-                
-                if (settings.rel && settings.rel !== 'nofollow') {
-                        $related = $('.cboxElement').filter(function () {
-                                var relRelated = $(this).data(colorbox).rel || this.rel;
-                                return (relRelated === settings.rel);
-                        });
-                        index = $related.index(element);
-                        
-                        // Check direct calls to ColorBox.
-                        if (index < 0) {
-                                $related = $related.add(element);
-                                index = $related.length - 1;
-                        }
-                } else {
+                if (!closing) {
+                        
+                        element = elem;
+                        
+                        settings = process($.extend({}, $.data(element, colorbox)));
+                        
                         $related = $(element);
+                        
                         index = 0;
-                }
-                
-                if (!open) {
-                        open = TRUE;
-                        
-                        active = TRUE; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
-                        
-                        bookmark = element;
-                        
-                        bookmark.blur(); // Remove the focus from the calling element.
-                        
-                        // Set Navigation Key Bindings
-                        $(document).bind("keydown.cbox_close", function (e) {
-                                if (e.keyCode === 27) {
-                                        e.preventDefault();
-                                        cboxPublic.close();
-                                }
-                        }).bind("keydown.cbox_arrows", function (e) {
-                                if ($related.length > 1) {
-                                        if (e.keyCode === 37) {
-                                                e.preventDefault();
-                                                $prev.click();
-                                        } else if (e.keyCode === 39) {
-                                                e.preventDefault();
-                                                $next.click();
+                        
+                        if (settings.rel !== 'nofollow') {
+                                $related = $('.' + boxElement).filter(function () {
+                                        var relRelated = $.data(this, colorbox).rel || this.rel;
+                                        return (relRelated === settings.rel);
+                                });
+                                index = $related.index(element);
+                                
+                                // Check direct calls to ColorBox.
+                                if (index === -1) {
+                                        $related = $related.add(element);
+                                        index = $related.length - 1;
+                                }
+                        }
+                        
+                        if (!open) {
+                                open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
+                                
+                                $box.show();
+                                
+                                if (settings.returnFocus) {
+                                        try {
+                                                element.blur();
+                                                $(element).one(event_closed, function () {
+                                                        try {
+                                                                this.focus();
+                                                        } catch (e) {
+                                                                // do nothing
+                                                        }
+                                                });
+                                        } catch (e) {
+                                                // do nothing
                                         }
                                 }
-                        });
-                        
-                        if (settings.overlayClose) {
-                                $overlay.css({"cursor": "pointer"}).one('click', cboxPublic.close);
-                        }
-                        
-                        $.event.trigger(cbox_open);
-                        if (settings.onOpen) {
-                                settings.onOpen.call(element);
-                        }
-                        
-                        $overlay.css({"opacity": settings.opacity}).show();
-                        
-                        // Opens inital empty ColorBox prior to content being loaded.
-                        settings.w = setSize(settings.initialWidth, 'x');
-                        settings.h = setSize(settings.initialHeight, 'y');
-                        cboxPublic.position(0);
-                        
-                        if (isIE6) {
-                                $window.bind('resize.cboxie6 scroll.cboxie6', function () {
-                                        $overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()});
-                                }).trigger("scroll.cboxie6");
-                        }
-                }
-                
-                $current.add($prev).add($next).add($slideshow).add($title).hide();
-                
-                $close.html(settings.close).show();
-                
-                cboxPublic.slideshow();
-                
-                cboxPublic.load();
+                                
+                                // +settings.opacity avoids a problem in IE when using non-zero-prefixed-string-values, like '.5'
+                                $overlay.css({"opacity": +settings.opacity, "cursor": settings.overlayClose ? "pointer" : "auto"}).show();
+                                
+                                // Opens inital empty ColorBox prior to content being loaded.
+                                settings.w = setSize(settings.initialWidth, 'x');
+                                settings.h = setSize(settings.initialHeight, 'y');
+                                publicMethod.position(0);
+                                
+                                if (isIE6) {
+                                        $window.bind('resize.' + event_ie6 + ' scroll.' + event_ie6, function () {
+                                                $overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()});
+                                        }).trigger('scroll.' + event_ie6);
+                                }
+                                
+                                trigger(event_open, settings.onOpen);
+                                
+                                $current.add($prev).add($next).add($slideshow).add($title).hide();
+                                
+                                $close.html(settings.close).show();
+                        }
+                        
+                        publicMethod.load(true);
+                }
         }
 
@@ -218 +269 @@
         // ****************
         
-        cboxPublic = $.fn.colorbox = function (options, callback) {
-                var $this = this;
-                
-                if (!$this.length) {
-                        if ($this.selector === '') { // empty selector means a direct call, ie: $.fn.colorbox();
-                                $this = $('<a/>');
-                                options.open = TRUE;
-                        } else { // else the selector didn't match anything, and colorbox should go ahead and return.
-                                return this;
-                        }
+        publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
+                var $this = this, autoOpen;
+                
+                if (!$this[0] && $this.selector) { // if a selector was given and it didn't match any elements, go ahead and exit.
+                        return $this;
+                }
+                
+                options = options || {};
+                
+                if (callback) {
+                        options.onComplete = callback;
+                }
+                
+                if (!$this[0] || $this.selector === undefined) { // detects $.colorbox() and $.fn.colorbox()
+                        $this = $('<a/>');
+                        options.open = true; // assume an immediate open
                 }
                 
                 $this.each(function () {
-                        var data = $.extend({}, $(this).data(colorbox) ? $(this).data(colorbox) : defaults, options);
-                        
-                        $(this).data(colorbox, data).addClass("cboxElement");
-                        
-                        if (callback) {
-                                $(this).data(colorbox).onComplete = callback;
-                        }
+                        $.data(this, colorbox, $.extend({}, $.data(this, colorbox) || defaults, options));
+                        $(this).addClass(boxElement);
                 });
                 
-                if (options && options.open) {
-                        launch($this);
-                }
-                
-                return this;
+                autoOpen = options.open;
+                
+                if ($.isFunction(autoOpen)) {
+                        autoOpen = autoOpen.call($this);
+                }
+                
+                if (autoOpen) {
+                        launch($this[0]);
+                }
+                
+                return $this;
         };
 
@@ -250 +308 @@
         // This preps colorbox for a speedy open when clicked, and lightens the burdon on the browser by only
         // having to run once, instead of each time colorbox is opened.
-        cboxPublic.init = function () {
-                
-                // jQuery object generator to save a bit of space
-                function $div(id) {
-                        return $('<div id="cbox' + id + '"/>');
-                }
-                
+        publicMethod.init = function () {
                 // Create & Append jQuery Objects
                 $window = $(window);
-                $cbox = $('<div id="colorbox"/>');
-                $overlay = $div("Overlay").hide();
+                $box = $div().attr({id: colorbox, 'class': isIE ? prefix + 'IE' : ''});
+                $overlay = $div("Overlay", isIE6 ? 'position:absolute' : '').hide();
+                
                 $wrap = $div("Wrapper");
                 $content = $div("Content").append(
-                        $loaded = $div("LoadedContent").css({width: 0, height: 0}),
-                        $loadingOverlay = $div("LoadingOverlay"),
-                        $loadingGraphic = $div("LoadingGraphic"),
+                        $loaded = $div("LoadedContent", 'width:0; height:0; overflow:hidden'),
+                        $loadingOverlay = $div("LoadingOverlay").add($div("LoadingGraphic")),
                         $title = $div("Title"),
                         $current = $div("Current"),
-                        $slideshow = $div("Slideshow"),
                         $next = $div("Next"),
                         $prev = $div("Previous"),
+                        $slideshow = $div("Slideshow").bind(event_open, slideshow),
                         $close = $div("Close")
                 );
                 $wrap.append( // The 3x3 Grid that makes up ColorBox
-                        $('<div/>').append(
+                        $div().append(
                                 $div("TopLeft"),
                                 $topBorder = $div("TopCenter"),
                                 $div("TopRight")
                         ),
-                        $('<div/>').append(
+                        $div(false, 'clear:left').append(
                                 $leftBorder = $div("MiddleLeft"),
                                 $content,
                                 $rightBorder = $div("MiddleRight")
                         ),
-                        $('<div/>').append(
+                        $div(false, 'clear:left').append(
                                 $div("BottomLeft"),
                                 $bottomBorder = $div("BottomCenter"),
@@ -291 +343 @@
                 ).children().children().css({'float': 'left'});
                 
-                $loadingBay = $("<div style='position:absolute; top:0; left:0; width:9999px; height:0;'/>");
-                
-                $('body').prepend($overlay, $cbox.append($wrap, $loadingBay));
-                                
-                if (isIE) {
-                        $cbox.addClass('cboxIE');
-                        if (isIE6) {
-                                $overlay.css('position', 'absolute');
-                        }
-                }
-                
-                // Add rollover event to navigation elements
+                $loadingBay = $div(false, 'position:absolute; width:9999px; visibility:hidden; display:none');
+                
+                $('body').prepend($overlay, $box.append($wrap, $loadingBay));
+                
                 $content.children()
-                .bind('mouseover mouseout', function(){
-                        $(this).toggleClass(hover);
-                }).addClass(hover);
+                .hover(function () {
+                        $(this).addClass('hover');
+                }, function () {
+                        $(this).removeClass('hover');
+                }).addClass('hover');
                 
                 // Cache values needed for size calculations
-                interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(TRUE) - $content.height();//Subtraction needed for IE6
-                interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(TRUE) - $content.width();
-                loadedHeight = $loaded.outerHeight(TRUE);
-                loadedWidth = $loaded.outerWidth(TRUE);
+                interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();//Subtraction needed for IE6
+                interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width();
+                loadedHeight = $loaded.outerHeight(true);
+                loadedWidth = $loaded.outerWidth(true);
                 
                 // Setting padding to remove the need to do size conversions during the animation step.
-                $cbox.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth}).hide();
-                
-                // Setup button & key events.
-                $next.click(cboxPublic.next);
-                $prev.click(cboxPublic.prev);
-                $close.click(cboxPublic.close);
+                $box.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth}).hide();
+                
+                // Setup button events.
+                $next.click(publicMethod.next);
+                $prev.click(publicMethod.prev);
+                $close.click(publicMethod.close);
                 
                 // Adding the 'hover' class allowed the browser to load the hover-state
                 // background graphics.  The class can now can be removed.
-                $content.children().removeClass(hover);
-                
-                $('.cboxElement').live('click', function (e) {
-                        if (e.button !== 0 && typeof e.button !== 'undefined') {// checks to see if it was a non-left mouse-click.
-                                return TRUE;
-                        } else {
-                                launch(this);                   
-                                return FALSE;
+                $content.children().removeClass('hover');
+                
+                $('.' + boxElement).live('click', function (e) {
+                        // checks to see if it was a non-left mouse-click and for clicks modified with ctrl, shift, or alt.
+                        if (!((e.button !== 0 && typeof e.button !== 'undefined') || e.ctrlKey || e.shiftKey || e.altKey)) {
+                                e.preventDefault();
+                                launch(this);
                         }
                 });
-        };
-
-        cboxPublic.position = function (speed, loadedCallback) {
+                
+                $overlay.click(function () {
+                        if (settings.overlayClose) {
+                                publicMethod.close();
+                        }
+                });
+                
+                // Set Navigation Key Bindings
+                $(document).bind("keydown", function (e) {
+                        if (open && settings.escKey && e.keyCode === 27) {
+                                e.preventDefault();
+                                publicMethod.close();
+                        }
+                        if (open && settings.arrowKey && !active && $related[1]) {
+                                if (e.keyCode === 37 && (index || settings.loop)) {
+                                        e.preventDefault();
+                                        $prev.click();
+                                } else if (e.keyCode === 39 && (index < $related.length - 1 || settings.loop)) {
+                                        e.preventDefault();
+                                        $next.click();
+                                }
+                        }
+                });
+        };
+        
+        publicMethod.remove = function () {
+                $box.add($overlay).remove();
+                $('.' + boxElement).die('click').removeData(colorbox).removeClass(boxElement);
+        };
+
+        publicMethod.position = function (speed, loadedCallback) {
                 var
                 animate_speed,
-                winHeight = $window.height(),
                 // keeps the top and left positions within the browser's viewport.
-                posTop = Math.max(winHeight - settings.h - loadedHeight - interfaceHeight,0)/2 + $window.scrollTop(),
-                posLeft = Math.max(document.documentElement.clientWidth - settings.w - loadedWidth - interfaceWidth,0)/2 + $window.scrollLeft();
+                posTop = Math.max(document.documentElement.clientHeight - settings.h - loadedHeight - interfaceHeight, 0) / 2 + $window.scrollTop(),
+                posLeft = Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2 + $window.scrollLeft();
                 
                 // setting the speed to 0 to reduce the delay between same-sized content.
-                animate_speed = ($cbox.width() === settings.w+loadedWidth && $cbox.height() === settings.h+loadedHeight) ? 0 : speed;
+                animate_speed = ($box.width() === settings.w + loadedWidth && $box.height() === settings.h + loadedHeight) ? 0 : speed;
                 
                 // this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
@@ -352 +424 @@
                 $wrap[0].style.width = $wrap[0].style.height = "9999px";
                 
-                function modalDimensions (that) {
-                        // loading overlay size has to be sure that IE6 uses the correct height.
+                function modalDimensions(that) {
+                        // loading overlay height has to be explicitly set for IE6.
                         $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = that.style.width;
-                        $loadingGraphic[0].style.height = $loadingOverlay[0].style.height = $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height;
-                }
-                
-                $cbox.dequeue().animate({width:settings.w+loadedWidth, height:settings.h+loadedHeight, top:posTop, left:posLeft}, {duration: animate_speed,
-                        complete: function(){
+                        $loadingOverlay[0].style.height = $loadingOverlay[1].style.height = $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height;
+                }
+                
+                $box.dequeue().animate({width: settings.w + loadedWidth, height: settings.h + loadedHeight, top: posTop, left: posLeft}, {
+                        duration: animate_speed,
+                        complete: function () {
                                 modalDimensions(this);
                                 
-                                active = FALSE;
+                                active = false;
                                 
                                 // shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
-                                $wrap[0].style.width = (settings.w+loadedWidth+interfaceWidth) + "px";
-                                $wrap[0].style.height = (settings.h+loadedHeight+interfaceHeight) + "px";
-                                
-                                if (loadedCallback) {loadedCallback();}
+                                $wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
+                                $wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
+                                
+                                if (loadedCallback) {
+                                        loadedCallback();
+                                }
                         },
-                        step: function(){
+                        step: function () {
                                 modalDimensions(this);
                         }
@@ -376 +451 @@
         };
 
-        cboxPublic.resize = function (object) {
-                if(!open){ return; }
-                
-                var topMargin,
-                prev,
-                prevSrc,
-                next,
-                nextSrc,
-                photo,
-                timeout,
-                speed = settings.transition==="none" ? 0 : settings.speed;
-                
-                $window.unbind(cbox_resize);
-                
-                if(!object){
-                        timeout = setTimeout(function(){ // timer allows IE to render the dimensions before attempting to calculate the height
+        publicMethod.resize = function (options) {
+                if (open) {
+                        options = options || {};
+                        
+                        if (options.width) {
+                                settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
+                        }
+                        if (options.innerWidth) {
+                                settings.w = setSize(options.innerWidth, 'x');
+                        }
+                        $loaded.css({width: settings.w});
+                        
+                        if (options.height) {
+                                settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
+                        }
+                        if (options.innerHeight) {
+                                settings.h = setSize(options.innerHeight, 'y');
+                        }
+                        if (!options.innerHeight && !options.height) {                          
                                 var $child = $loaded.wrapInner("<div style='overflow:auto'></div>").children(); // temporary wrapper to get an accurate estimate of just how high the total content should be.
                                 settings.h = $child.height();
-                                $loaded.css({height:settings.h});
                                 $child.replaceWith($child.children()); // ditch the temporary wrapper div used in height calculation
-                                cboxPublic.position(speed);
-                        }, 1);
+                        }
+                        $loaded.css({height: settings.h});
+                        
+                        publicMethod.position(settings.transition === "none" ? 0 : settings.speed);
+                }
+        };
+
+        publicMethod.prep = function (object) {
+                if (!open) {
                         return;
                 }
                 
+                var photo,
+                speed = settings.transition === "none" ? 0 : settings.speed;
+                
+                $window.unbind('resize.' + prefix);
                 $loaded.remove();
-                $loaded = $('<div id="cboxLoadedContent"/>').html(object);
-                
-                function getWidth(){
+                $loaded = $div('LoadedContent').html(object);
+                
+                function getWidth() {
                         settings.w = settings.w || $loaded.width();
                         settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
                         return settings.w;
                 }
-                function getHeight(){
+                function getHeight() {
                         settings.h = settings.h || $loaded.height();
                         settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
@@ -416 +504 @@
                 
                 $loaded.hide()
-                .appendTo($loadingBay)// content has to be appended to the DOM for accurate size calculations.  Appended to an absolutely positioned element, rather than BODY, which avoids an extremely brief display of the vertical scrollbar in Firefox that can occur for a small minority of websites.
-                .css({width:getWidth(), overflow:settings.scrolling ? 'auto' : 'hidden'})
-                .css({height:getHeight()})// sets the height independently from the width in case the new width influences the value of height.
+                .appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
+                .css({width: getWidth(), overflow: settings.scrolling ? 'auto' : 'hidden'})
+                .css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
                 .prependTo($content);
                 
-                $('#cboxPhoto').css({cssFloat:'none'});// floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
+                $loadingBay.hide();
+                
+                // floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
+                $('#' + prefix + 'Photo').css({cssFloat: 'none', marginLeft: 'auto', marginRight: 'auto'});
                 
                 // Hides SELECT elements in IE6 because they would otherwise sit on top of the overlay.
                 if (isIE6) {
-                        $('select:not(#colorbox select)').filter(function(){
+                        $('select').not($box.find('select')).filter(function () {
                                 return this.style.visibility !== 'hidden';
-                        }).css({'visibility':'hidden'}).one(cbox_cleanup, function(){
+                        }).css({'visibility': 'hidden'}).one(event_cleanup, function () {
                                 this.style.visibility = 'inherit';
                         });
                 }
                                 
-                function setPosition (s) {
-                        cboxPublic.position(s, function(){
-                                if (!open) { return; }
+                function setPosition(s) {
+                        var prev, prevSrc, next, nextSrc, total = $related.length, loop = settings.loop;
+                        publicMethod.position(s, function () {
+                                function defilter() {
+                                        if (isIE) {
+                                                //IE adds a filter when ColorBox fades in and out that can cause problems if the loaded content contains transparent pngs.
+                                                $box[0].style.filter = false;
+                                        }
+                                }
+                                
+                                if (!open) {
+                                        return;
+                                }
                                 
                                 if (isIE) {
                                         //This fadeIn helps the bicubic resampling to kick-in.
-                                        if( photo ){$loaded.fadeIn(100);}
-                                        //IE adds a filter when ColorBox fades in and out that can cause problems if the loaded content contains transparent pngs.
-                                        $cbox[0].style.removeAttribute("filter");
-                                }
-                                
-                                //Waited until the iframe is added to the DOM & it is visible before setting the src.
-                                //This increases compatability with pages using DOM dependent JavaScript.
-                                if(settings.iframe){
-                                        $loaded.append("<iframe id='cboxIframe'" + (settings.scrolling ? " " : "scrolling='no'") + " name='iframe_"+new Date().getTime()+"' frameborder=0 src='"+settings.href+"' " + (isIE ? "allowtransparency='true'" : '') + " />");
+                                        if (photo) {
+                                                $loaded.fadeIn(100);
+                                        }
                                 }
                                 
                                 $loaded.show();
                                 
+                                trigger(event_loaded);
+                                
                                 $title.show().html(settings.title);
                                 
-                                if ($related.length>1) {
-                                        $current.html(settings.current.replace(/\{current\}/, index+1).replace(/\{total\}/, $related.length)).show();
-                                        $next.html(settings.next).show();
-                                        $prev.html(settings.previous).show();
+                                if (total > 1) { // handle grouping
+                                        if (typeof settings.current === "string") {
+                                                $current.html(settings.current.replace(/\{current\}/, index + 1).replace(/\{total\}/, total)).show();
+                                        }
                                         
-                                        if(settings.slideshow){
+                                        $next[(loop || index < total - 1) ? "show" : "hide"]().html(settings.next);
+                                        $prev[(loop || index) ? "show" : "hide"]().html(settings.previous);
+                                        
+                                        prev = index ? $related[index - 1] : $related[total - 1];
+                                        next = index < total - 1 ? $related[index + 1] : $related[0];
+                                        
+                                        if (settings.slideshow) {
                                                 $slideshow.show();
                                         }
+                                        
+                                        // Preloads images within a rel group
+                                        if (settings.preloading) {
+                                                nextSrc = $.data(next, colorbox).href || next.href;
+                                                prevSrc = $.data(prev, colorbox).href || prev.href;
+                                                
+                                                nextSrc = $.isFunction(nextSrc) ? nextSrc.call(next) : nextSrc;
+                                                prevSrc = $.isFunction(prevSrc) ? prevSrc.call(prev) : prevSrc;
+                                                
+                                                if (isImage(nextSrc)) {
+                                                        $('<img/>')[0].src = nextSrc;
+                                                }
+                                                
+                                                if (isImage(prevSrc)) {
+                                                        $('<img/>')[0].src = prevSrc;
+                                                }
+                                        }
                                 }
                                 
                                 $loadingOverlay.hide();
-                                $loadingGraphic.hide();
-                                
-                                $.event.trigger(cbox_complete);
-                                if (settings.onComplete) {
-                                        settings.onComplete.call(element);
-                                }
-                                
-                                if (settings.transition === 'fade'){
-                                        $cbox.fadeTo(speed, 1, function(){
-                                                if(isIE){$cbox[0].style.removeAttribute("filter");}
+                                
+                                if (settings.transition === 'fade') {
+                                        $box.fadeTo(speed, 1, function () {
+                                                defilter();
                                         });
-                                }
-                                
-                                $window.bind(cbox_resize, function(){
-                                        cboxPublic.position(0);
+                                } else {
+                                        defilter();
+                                }
+                                
+                                $window.bind('resize.' + prefix, function () {
+                                        publicMethod.position(0);
                                 });
+                                
+                                trigger(event_complete, settings.onComplete);
                         });
                 }
                 
-                if((settings.transition === 'fade' && $cbox.fadeTo(speed, 0, function(){setPosition(0);})) || setPosition(speed)){}
-                
-                // Preloads images within a rel group
-                if (settings.preloading && $related.length>1) {
-                        prev = index > 0 ? $related[index-1] : $related[$related.length-1];
-                        next = index < $related.length-1 ? $related[index+1] : $related[0];
-                        nextSrc = $(next).data(colorbox).href || next.href;
-                        prevSrc = $(prev).data(colorbox).href || prev.href;
-                        
-                        if(isImage(nextSrc)){
-                                $('<img />').attr('src', nextSrc);
-                        }
-                        
-                        if(isImage(prevSrc)){
-                                $('<img />').attr('src', prevSrc);
-                        }
-                }
-        };
-
-        cboxPublic.load = function () {
-                var href, img, setResize, resize = cboxPublic.resize;
-                
-                active = TRUE;
-                
-                /*
-                 
-                // I decided to comment this out because I can see it causing problems as users
-                // really should just set the dimensions on their IMG elements instead,
-                // but I'm leaving the code in as it may be useful to someone.
-                // To use, uncomment the function and change 'if(textStatus === "success"){ resize(this); }'
-                // to 'if(textStatus === "success"){ preload(this); }'
-                
-                // Preload loops through the HTML to find IMG elements and loads their sources.
-                // This allows the resize method to accurately estimate the dimensions of the new content.
-                function preload(html){
-                        var
-                        $ajax = $(html),
-                        $imgs = $ajax.find('img'),
-                        x = $imgs.length;
-                        
-                        function loadloop(){
-                                var img = new Image();
-                                x = x-1;
-                                if(x >= 0){
-                                        img.onload = loadloop;
-                                        img.src = $imgs[x].src;
-                                } else {
-                                        resize($ajax);
-                                }
-                        }
-                        
-                        loadloop();
-                }
-                */
-                
+                if (settings.transition === 'fade') {
+                        $box.fadeTo(speed, 0, function () {
+                                setPosition(0);
+                        });
+                } else {
+                        setPosition(speed);
+                }
+        };
+
+        publicMethod.load = function (launched) {
+                var href, img, setResize, prep = publicMethod.prep;
+                
+                active = true;
                 element = $related[index];
                 
-                settings = $(element).data(colorbox);
-                
-                //convert functions to static values
-                process();
-                
-                $.event.trigger(cbox_load);
-                if (settings.onLoad) {
-                        settings.onLoad.call(element);
-                }
-                
-                // Evaluate the height based on the optional height and width settings.
+                if (!launched) {
+                        settings = process($.extend({}, $.data(element, colorbox)));
+                }
+                
+                trigger(event_purge);
+                
+                trigger(event_load, settings.onLoad);
+                
                 settings.h = settings.height ?
                                 setSize(settings.height, 'y') - loadedHeight - interfaceHeight :
-                                settings.innerHeight ?
-                                        setSize(settings.innerHeight, 'y') :
-                                        FALSE;
+                                settings.innerHeight && setSize(settings.innerHeight, 'y');
+                
                 settings.w = settings.width ?
                                 setSize(settings.width, 'x') - loadedWidth - interfaceWidth :
-                                settings.innerWidth ?
-                                        setSize(settings.innerWidth, 'x') :
-                                        FALSE;
+                                settings.innerWidth && setSize(settings.innerWidth, 'x');
                 
                 // Sets the minimum dimensions for use in image scaling
@@ -568 +638 @@
                 // Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
                 // If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
-                if(settings.maxWidth){
+                if (settings.maxWidth) {
                         settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth;
                         settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
                 }
-                if(settings.maxHeight){
+                if (settings.maxHeight) {
                         settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight;
                         settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
@@ -580 +650 @@
                 
                 $loadingOverlay.show();
-                $loadingGraphic.show();
-                
+
                 if (settings.inline) {
                         // Inserts an empty placeholder where inline content is being pulled from.
                         // An event is bound to put inline content back when ColorBox closes or loads new content.
-                        $('<div id="cboxInlineTemp" />').hide().insertBefore($(href)[0]).bind(cbox_load+' '+cbox_cleanup, function(){
+                        $div().hide().insertBefore($(href)[0]).one(event_purge, function () {
                                 $(this).replaceWith($loaded.children());
                         });
-                        resize($(href));
+                        prep($(href));
                 } else if (settings.iframe) {
                         // IFrame element won't be added to the DOM until it is ready to be displayed,
                         // to avoid problems with DOM-ready JS that might be trying to run in that iframe.
-                        resize(" ");
+                        $box.one(event_loaded, function () {
+                                var $iframe = $("<iframe name='" + new Date().getTime() + "' frameborder=0" + (settings.scrolling ? "" : " scrolling='no'") + (isIE ? " allowtransparency='true'" : '') + " style='width:100%; height:100%; border:0; display:block;'/>");
+                                $iframe[0].src = settings.href;
+                                $iframe.appendTo($loaded).one(event_purge, function () {
+                                        $iframe[0].src = '//about:blank';
+                                });
+                        });
+                        
+                        prep(" ");
                 } else if (settings.html) {
-                        resize(settings.html);
-                } else if (isImage(href)){
+                        prep(settings.html);
+                } else if (isImage(href)) {
                         img = new Image();
-                        img.onload = function(){
+                        img.onload = function () {
                                 var percent;
-                                
                                 img.onload = null;
-                                
-                                img.id = 'cboxPhoto';
-                                
-                                $(img).css({margin:'auto', border:'none', display:'block', cssFloat:'left'});
-                                
-                                if(settings.scalePhotos){
-                                        setResize = function(){
+                                img.id = prefix + 'Photo';
+                                $(img).css({border: 'none', display: 'block', cssFloat: 'left'});
+                                if (settings.scalePhotos) {
+                                        setResize = function () {
                                                 img.height -= img.height * percent;
                                                 img.width -= img.width * percent;       
                                         };
-                                        if(settings.mw && img.width > settings.mw){
+                                        if (settings.mw && img.width > settings.mw) {
                                                 percent = (img.width - settings.mw) / img.width;
                                                 setResize();
                                         }
-                                        if(settings.mh && img.height > settings.mh){
+                                        if (settings.mh && img.height > settings.mh) {
                                                 percent = (img.height - settings.mh) / img.height;
                                                 setResize();
@@ -622 +695 @@
                                 
                                 if (settings.h) {
-                                        img.style.marginTop = Math.max(settings.h - img.height,0)/2 + 'px';
-                                }
-                                
-                                resize(img);
-                                
-                                if($related.length > 1){
-                                        $(img).css({cursor:'pointer'}).click(cboxPublic.next);
-                                }
-                                
-                                if(isIE){
-                                        img.style.msInterpolationMode='bicubic';
-                                }
+                                        img.style.marginTop = Math.max(settings.h - img.height, 0) / 2 + 'px';
+                                }
+                                
+                                if ($related[1] && (index < $related.length - 1 || settings.loop)) {
+                                        $(img).css({cursor: 'pointer'}).click(publicMethod.next);
+                                }
+                                
+                                if (isIE) {
+                                        img.style.msInterpolationMode = 'bicubic';
+                                }
+                                
+                                setTimeout(function () { // Chrome will sometimes report a 0 by 0 size if there isn't pause in execution
+                                        prep(img);
+                                }, 1);
                         };
-                        img.src = href;
-                } else {
-                        $('<div />').appendTo($loadingBay).load(href, function(data, textStatus){
-                                if(textStatus === "success"){
-                                        resize(this);
-                                } else {
-                                        resize($("<p>Request unsuccessful.</p>"));
-                                }
+                        
+                        setTimeout(function () { // Opera 10.6+ will sometimes load the src before the onload function is set
+                                img.src = href;
+                        }, 1);  
+                } else if (href) {
+                        $loadingBay.load(href, function (data, status, xhr) {
+                                prep(status === 'error' ? 'Request unsuccessful: ' + xhr.statusText : $(this).children());
                         });
                 }
@@ -648 +722 @@
 
         // Navigates to the next page/image in a set.
-        cboxPublic.next = function () {
-                if(!active){
-                        index = index < $related.length-1 ? index+1 : 0;
-                        cboxPublic.load();
-                }
-        };
-        
-        cboxPublic.prev = function () {
-                if(!active){
-                        index = index > 0 ? index-1 : $related.length-1;
-                        cboxPublic.load();
-                }
-        };
-
-        cboxPublic.slideshow = function () {
-                var stop, timeOut, className = 'cboxSlideshow_';
-                
-                $slideshow.bind(cbox_closed, function(){
-                        $slideshow.unbind();
-                        clearTimeout(timeOut);
-                        $cbox.removeClass(className+"off"+" "+className+"on");
-                });
-                
-                function start(){
-                        $slideshow
-                        .text(settings.slideshowStop)
-                        .bind(cbox_complete, function(){
-                                timeOut = setTimeout(cboxPublic.next, settings.slideshowSpeed);
-                        })
-                        .bind(cbox_load, function(){
-                                clearTimeout(timeOut);  
-                        }).one("click", function(){
-                                stop();
-                                $(this).removeClass(hover);
+        publicMethod.next = function () {
+                if (!active) {
+                        index = index < $related.length - 1 ? index + 1 : 0;
+                        publicMethod.load();
+                }
+        };
+        
+        publicMethod.prev = function () {
+                if (!active) {
+                        index = index ? index - 1 : $related.length - 1;
+                        publicMethod.load();
+                }
+        };
+
+        // Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
+        publicMethod.close = function () {
+                if (open && !closing) {
+                        closing = true;
+                        
+                        open = false;
+                        
+                        trigger(event_cleanup, settings.onCleanup);
+                        
+                        $window.unbind('.' + prefix + ' .' + event_ie6);
+                        
+                        $overlay.fadeTo('fast', 0);
+                        
+                        $box.stop().fadeTo('fast', 0, function () {
+                                
+                                trigger(event_purge);
+                                
+                                $loaded.remove();
+                                
+                                $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
+                                
+                                setTimeout(function () {
+                                        closing = false;
+                                        trigger(event_closed, settings.onClosed);
+                                }, 1);
                         });
-                        $cbox.removeClass(className+"off").addClass(className+"on");
-                }
-                
-                stop = function(){
-                        clearTimeout(timeOut);
-                        $slideshow
-                        .text(settings.slideshowStart)
-                        .unbind(cbox_complete+' '+cbox_load)
-                        .one("click", function(){
-                                start();
-                                timeOut = setTimeout(cboxPublic.next, settings.slideshowSpeed);
-                                $(this).removeClass(hover);
-                        });
-                        $cbox.removeClass(className+"on").addClass(className+"off");
-                };
-                
-                if(settings.slideshow && $related.length>1){
-                        if(settings.slideshowAuto){
-                                start();
-                        } else {
-                                stop();
-                        }
-                }
-        };
-
-        // Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
-        cboxPublic.close = function () {
-                
-                $.event.trigger(cbox_cleanup);
-                if (settings.onCleanup) {
-                        settings.onCleanup.call(element);
-                }
-                
-                open = FALSE;
-                $(document).unbind("keydown.cbox_close keydown.cbox_arrows");
-                $window.unbind(cbox_resize+' resize.cboxie6 scroll.cboxie6');
-                $overlay.css({cursor: 'auto'}).fadeOut('fast');
-                
-                $cbox
-                .stop(TRUE, FALSE)
-                .fadeOut('fast', function () {
-                        $('#colorbox iframe').attr('src', 'about:blank');
-                        $loaded.remove();
-                        $cbox.css({'opacity': 1});
-                        
-                        try{
-                                bookmark.focus();
-                        } catch (er){
-                                // do nothing
-                        }
-                        
-                        $.event.trigger(cbox_closed);
-                        if (settings.onClosed) {
-                                settings.onClosed.call(element);
-                        }
-                });
+                }
         };
 
         // A method for fetching the current element ColorBox is referencing.
         // returns a jQuery object.
-        cboxPublic.element = function(){ return $(element); };
-
-        cboxPublic.settings = defaults;
+        publicMethod.element = function () {
+                return $(element);
+        };
+
+        publicMethod.settings = defaults;
 
         // Initializes ColorBox when the DOM has loaded
-        $(cboxPublic.init);
-
-}(jQuery));
+        $(publicMethod.init);
+
+}(jQuery, this));

extensions/lightbox/lightbox.php

@@ -13 +13 @@
 <link rel="stylesheet" href="'.get_root_url().'plugins/lightbox/theme/'.$params['theme'].'/colorbox.css" type="text/css" media="screen">
 <script type="text/javascript">
-$(document).ready(function(){
-$("'.$selector.'").attr("href", function () {
+jQuery(document).ready(function(){
+jQuery("'.$selector.'").attr("href", function () {
   return this.name;    
 });
-$("'.$selector.'").colorbox({
+jQuery("'.$selector.'").colorbox({
   current: "",
   transition: "'.$params['transition'].'",
@@ -27 +27 @@
   },
   function() { 
-    $.post("'.get_root_url().'plugins/lightbox/save_history.php", {
+    jQuery.post("'.get_root_url().'plugins/lightbox/save_history.php", {
       imgid:   this.id,
       catid:   "'.@$page['category']['id'].'",