Context Navigation

source: extensions/lightbox/jquery.colorbox.js @ 5978

Last change on this file since 5978 was 5734, checked in by patdenice, 15 years ago
Update jQuery to 1.4.2 and colorbox to 1.3.6. Increase column hit in images table when viewing picture.
File size: 23.0 KB

Line
1	// ColorBox v1.3.6 - a full featured, light-weight, customizable lightbox based on jQuery 1.3
2	// c) 2009 Jack Moore - www.colorpowered.com - jack@colorpowered.com
3	// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
4
5	(function ($) {
6	// Shortcuts (to increase compression)
7	var colorbox = 'colorbox',
8	hover = 'hover',
9	TRUE = true,
10	FALSE = false,
11	cboxPublic,
12	isIE = $.browser.msie && !$.support.opacity, // feature detection alone gave false positives in some browsers
13	isIE6 = isIE && $.browser.version < 7,
14
15	// Event Strings (to increase compression)
16	cbox_open = 'cbox_open',
17	cbox_load = 'cbox_load',
18	cbox_complete = 'cbox_complete',
19	cbox_cleanup = 'cbox_cleanup',
20	cbox_closed = 'cbox_closed',
21	cbox_resize = 'resize.cbox_resize',
22
23	// Cached jQuery Object Variables
24	$overlay,
25	$cbox,
26	$wrap,
27	$content,
28	$topBorder,
29	$leftBorder,
30	$rightBorder,
31	$bottomBorder,
32	$related,
33	$window,
34	$loaded,
35	$loadingBay,
36	$loadingOverlay,
37	$loadingGraphic,
38	$title,
39	$current,
40	$slideshow,
41	$next,
42	$prev,
43	$close,
44
45	// Variables for cached values or use across multiple functions
46	interfaceHeight,
47	interfaceWidth,
48	loadedHeight,
49	loadedWidth,
50	element,
51	bookmark,
52	index,
53	settings,
54	open,
55	active,
56
57	// ColorBox Default Settings.
58	// See http://colorpowered.com/colorbox for details.
59	defaults = {
60	transition: "elastic",
61	speed: 350,
62	width: FALSE,
63	height: FALSE,
64	innerWidth: FALSE,
65	innerHeight: FALSE,
66	initialWidth: "400",
67	initialHeight: "400",
68	maxWidth: FALSE,
69	maxHeight: FALSE,
70	scalePhotos: TRUE,
71	scrolling: TRUE,
72	inline: FALSE,
73	html: FALSE,
74	iframe: FALSE,
75	photo: FALSE,
76	href: FALSE,
77	title: FALSE,
78	rel: FALSE,
79	opacity: 0.9,
80	preloading: TRUE,
81	current: "image {current} of {total}",
82	previous: "previous",
83	next: "next",
84	close: "close",
85	open: FALSE,
86	overlayClose: TRUE,
87
88	slideshow: FALSE,
89	slideshowAuto: TRUE,
90	slideshowSpeed: 2500,
91	slideshowStart: "start slideshow",
92	slideshowStop: "stop slideshow",
93
94	onOpen: FALSE,
95	onLoad: FALSE,
96	onComplete: FALSE,
97	onCleanup: FALSE,
98	onClosed: FALSE
99	};
100
101	// ****************
102	// HELPER FUNCTIONS
103	// ****************
104
105	// Convert % values to pixels
106	function setSize(size, dimension) {
107	dimension = dimension === 'x' ? $window.width() : $window.height();//document.documentElement.clientWidth : document.documentElement.clientHeight;
108	return (typeof size === 'string') ? Math.round((size.match(/%/) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10))) : size;
109	}
110
111	// Checks an href to see if it is a photo.
112	// There is a force photo option (photo: true) for hrefs that cannot be matched by this regex.
113	function isImage(url) {
114	url = $.isFunction(url) ? url.call(element) : url;
115	return settings.photo \|\| url.match(/\.(gif\|png\|jpg\|jpeg\|bmp)(?:\?([^#]))?(?:#(\.))?$/i);
116	}
117
118	// Assigns functions results to their respective settings. This allows functions to be used to set ColorBox options.
119	function process() {
120	for (var i in settings) {
121	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.
122	settings[i] = settings[i].call(element);
123	}
124	}
125	settings.rel = settings.rel \|\| element.rel;
126	settings.href = settings.href \|\| element.href;
127	settings.title = settings.title \|\| element.title;
128	}
129
130	function launch(elem) {
131
132	element = elem;
133
134	settings = $(element).data(colorbox);
135
136	process(); // Convert functions to their returned values.
137
138	if (settings.rel && settings.rel !== 'nofollow') {
139	$related = $('.cboxElement').filter(function () {
140	var relRelated = $(this).data(colorbox).rel \|\| this.rel;
141	return (relRelated === settings.rel);
142	});
143	index = $related.index(element);
144
145	// Check direct calls to ColorBox.
146	if (index < 0) {
147	$related = $related.add(element);
148	index = $related.length - 1;
149	}
150	} else {
151	$related = $(element);
152	index = 0;
153	}
154
155	if (!open) {
156	open = TRUE;
157
158	active = TRUE; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
159
160	bookmark = element;
161
162	bookmark.blur(); // Remove the focus from the calling element.
163
164	// Set Navigation Key Bindings
165	$(document).bind("keydown.cbox_close", function (e) {
166	if (e.keyCode === 27) {
167	e.preventDefault();
168	cboxPublic.close();
169	}
170	}).bind("keydown.cbox_arrows", function (e) {
171	if ($related.length > 1) {
172	if (e.keyCode === 37) {
173	e.preventDefault();
174	$prev.click();
175	} else if (e.keyCode === 39) {
176	e.preventDefault();
177	$next.click();
178	}
179	}
180	});
181
182	if (settings.overlayClose) {
183	$overlay.css({"cursor": "pointer"}).one('click', cboxPublic.close);
184	}
185
186	$.event.trigger(cbox_open);
187	if (settings.onOpen) {
188	settings.onOpen.call(element);
189	}
190
191	$overlay.css({"opacity": settings.opacity}).show();
192
193	// Opens inital empty ColorBox prior to content being loaded.
194	settings.w = setSize(settings.initialWidth, 'x');
195	settings.h = setSize(settings.initialHeight, 'y');
196	cboxPublic.position(0);
197
198	if (isIE6) {
199	$window.bind('resize.cboxie6 scroll.cboxie6', function () {
200	$overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()});
201	}).trigger("scroll.cboxie6");
202	}
203	}
204
205	$current.add($prev).add($next).add($slideshow).add($title).hide();
206
207	$close.html(settings.close).show();
208
209	cboxPublic.slideshow();
210
211	cboxPublic.load();
212	}
213
214	// ****************
215	// PUBLIC FUNCTIONS
216	// Usage format: $.fn.colorbox.close();
217	// Usage from within an iframe: parent.$.fn.colorbox.close();
218	// ****************
219
220	cboxPublic = $.fn.colorbox = function (options, callback) {
221	var $this = this;
222
223	if (!$this.length) {
224	if ($this.selector === '') { // empty selector means a direct call, ie: $.fn.colorbox();
225	$this = $('<a/>');
226	options.open = TRUE;
227	} else { // else the selector didn't match anything, and colorbox should go ahead and return.
228	return this;
229	}
230	}
231
232	$this.each(function () {
233	var data = $.extend({}, $(this).data(colorbox) ? $(this).data(colorbox) : defaults, options);
234
235	$(this).data(colorbox, data).addClass("cboxElement");
236
237	if (callback) {
238	$(this).data(colorbox).onComplete = callback;
239	}
240	});
241
242	if (options && options.open) {
243	launch($this);
244	}
245
246	return this;
247	};
248
249	// Initialize ColorBox: store common calculations, preload the interface graphics, append the html.
250	// This preps colorbox for a speedy open when clicked, and lightens the burdon on the browser by only
251	// having to run once, instead of each time colorbox is opened.
252	cboxPublic.init = function () {
253
254	// jQuery object generator to save a bit of space
255	function $div(id) {
256	return $('<div id="cbox' + id + '"/>');
257	}
258
259	// Create & Append jQuery Objects
260	$window = $(window);
261	$cbox = $('<div id="colorbox"/>');
262	$overlay = $div("Overlay").hide();
263	$wrap = $div("Wrapper");
264	$content = $div("Content").append(
265	$loaded = $div("LoadedContent").css({width: 0, height: 0}),
266	$loadingOverlay = $div("LoadingOverlay"),
267	$loadingGraphic = $div("LoadingGraphic"),
268	$title = $div("Title"),
269	$current = $div("Current"),
270	$slideshow = $div("Slideshow"),
271	$next = $div("Next"),
272	$prev = $div("Previous"),
273	$close = $div("Close")
274	);
275	$wrap.append( // The 3x3 Grid that makes up ColorBox
276	$('<div/>').append(
277	$div("TopLeft"),
278	$topBorder = $div("TopCenter"),
279	$div("TopRight")
280	),
281	$('<div/>').append(
282	$leftBorder = $div("MiddleLeft"),
283	$content,
284	$rightBorder = $div("MiddleRight")
285	),
286	$('<div/>').append(
287	$div("BottomLeft"),
288	$bottomBorder = $div("BottomCenter"),
289	$div("BottomRight")
290	)
291	).children().children().css({'float': 'left'});
292
293	$loadingBay = $("<div style='position:absolute; top:0; left:0; width:9999px; height:0;'/>");
294
295	$('body').prepend($overlay, $cbox.append($wrap, $loadingBay));
296
297	if (isIE) {
298	$cbox.addClass('cboxIE');
299	if (isIE6) {
300	$overlay.css('position', 'absolute');
301	}
302	}
303
304	// Add rollover event to navigation elements
305	$content.children()
306	.bind('mouseover mouseout', function(){
307	$(this).toggleClass(hover);
308	}).addClass(hover);
309
310	// Cache values needed for size calculations
311	interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(TRUE) - $content.height();//Subtraction needed for IE6
312	interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(TRUE) - $content.width();
313	loadedHeight = $loaded.outerHeight(TRUE);
314	loadedWidth = $loaded.outerWidth(TRUE);
315
316	// Setting padding to remove the need to do size conversions during the animation step.
317	$cbox.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth}).hide();
318
319	// Setup button & key events.
320	$next.click(cboxPublic.next);
321	$prev.click(cboxPublic.prev);
322	$close.click(cboxPublic.close);
323
324	// Adding the 'hover' class allowed the browser to load the hover-state
325	// background graphics. The class can now can be removed.
326	$content.children().removeClass(hover);
327
328	$('.cboxElement').live('click', function (e) {
329	if (e.button !== 0 && typeof e.button !== 'undefined') {// checks to see if it was a non-left mouse-click.
330	return TRUE;
331	} else {
332	launch(this);
333	return FALSE;
334	}
335	});
336	};
337
338	cboxPublic.position = function (speed, loadedCallback) {
339	var
340	animate_speed,
341	winHeight = $window.height(),
342	// keeps the top and left positions within the browser's viewport.
343	posTop = Math.max(winHeight - settings.h - loadedHeight - interfaceHeight,0)/2 + $window.scrollTop(),
344	posLeft = Math.max(document.documentElement.clientWidth - settings.w - loadedWidth - interfaceWidth,0)/2 + $window.scrollLeft();
345
346	// setting the speed to 0 to reduce the delay between same-sized content.
347	animate_speed = ($cbox.width() === settings.w+loadedWidth && $cbox.height() === settings.h+loadedHeight) ? 0 : speed;
348
349	// this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
350	// but it has to be shrank down around the size of div#colorbox when it's done. If not,
351	// it can invoke an obscure IE bug when using iframes.
352	$wrap[0].style.width = $wrap[0].style.height = "9999px";
353
354	function modalDimensions (that) {
355	// loading overlay size has to be sure that IE6 uses the correct height.
356	$topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = that.style.width;
357	$loadingGraphic[0].style.height = $loadingOverlay[0].style.height = $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height;
358	}
359
360	$cbox.dequeue().animate({width:settings.w+loadedWidth, height:settings.h+loadedHeight, top:posTop, left:posLeft}, {duration: animate_speed,
361	complete: function(){
362	modalDimensions(this);
363
364	active = FALSE;
365
366	// shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
367	$wrap[0].style.width = (settings.w+loadedWidth+interfaceWidth) + "px";
368	$wrap[0].style.height = (settings.h+loadedHeight+interfaceHeight) + "px";
369
370	if (loadedCallback) {loadedCallback();}
371	},
372	step: function(){
373	modalDimensions(this);
374	}
375	});
376	};
377
378	cboxPublic.resize = function (object) {
379	if(!open){ return; }
380
381	var topMargin,
382	prev,
383	prevSrc,
384	next,
385	nextSrc,
386	photo,
387	timeout,
388	speed = settings.transition==="none" ? 0 : settings.speed;
389
390	$window.unbind(cbox_resize);
391
392	if(!object){
393	timeout = setTimeout(function(){ // timer allows IE to render the dimensions before attempting to calculate the height
394	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.
395	settings.h = $child.height();
396	$loaded.css({height:settings.h});
397	$child.replaceWith($child.children()); // ditch the temporary wrapper div used in height calculation
398	cboxPublic.position(speed);
399	}, 1);
400	return;
401	}
402
403	$loaded.remove();
404	$loaded = $('<div id="cboxLoadedContent"/>').html(object);
405
406	function getWidth(){
407	settings.w = settings.w \|\| $loaded.width();
408	settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
409	return settings.w;
410	}
411	function getHeight(){
412	settings.h = settings.h \|\| $loaded.height();
413	settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
414	return settings.h;
415	}
416
417	$loaded.hide()
418	.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.
419	.css({width:getWidth(), overflow:settings.scrolling ? 'auto' : 'hidden'})
420	.css({height:getHeight()})// sets the height independently from the width in case the new width influences the value of height.
421	.prependTo($content);
422
423	$('#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.
424
425	// Hides SELECT elements in IE6 because they would otherwise sit on top of the overlay.
426	if (isIE6) {
427	$('select:not(#colorbox select)').filter(function(){
428	return this.style.visibility !== 'hidden';
429	}).css({'visibility':'hidden'}).one(cbox_cleanup, function(){
430	this.style.visibility = 'inherit';
431	});
432	}
433
434	function setPosition (s) {
435	cboxPublic.position(s, function(){
436	if (!open) { return; }
437
438	if (isIE) {
439	//This fadeIn helps the bicubic resampling to kick-in.
440	if( photo ){$loaded.fadeIn(100);}
441	//IE adds a filter when ColorBox fades in and out that can cause problems if the loaded content contains transparent pngs.
442	$cbox[0].style.removeAttribute("filter");
443	}
444
445	//Waited until the iframe is added to the DOM & it is visible before setting the src.
446	//This increases compatability with pages using DOM dependent JavaScript.
447	if(settings.iframe){
448	$loaded.append("<iframe id='cboxIframe'" + (settings.scrolling ? " " : "scrolling='no'") + " name='iframe_"+new Date().getTime()+"' frameborder=0 src='"+settings.href+"' " + (isIE ? "allowtransparency='true'" : '') + " />");
449	}
450
451	$loaded.show();
452
453	$title.show().html(settings.title);
454
455	if ($related.length>1) {
456	$current.html(settings.current.replace(/\{current\}/, index+1).replace(/\{total\}/, $related.length)).show();
457	$next.html(settings.next).show();
458	$prev.html(settings.previous).show();
459
460	if(settings.slideshow){
461	$slideshow.show();
462	}
463	}
464
465	$loadingOverlay.hide();
466	$loadingGraphic.hide();
467
468	$.event.trigger(cbox_complete);
469	if (settings.onComplete) {
470	settings.onComplete.call(element);
471	}
472
473	if (settings.transition === 'fade'){
474	$cbox.fadeTo(speed, 1, function(){
475	if(isIE){$cbox[0].style.removeAttribute("filter");}
476	});
477	}
478
479	$window.bind(cbox_resize, function(){
480	cboxPublic.position(0);
481	});
482	});
483	}
484
485	if((settings.transition === 'fade' && $cbox.fadeTo(speed, 0, function(){setPosition(0);})) \|\| setPosition(speed)){}
486
487	// Preloads images within a rel group
488	if (settings.preloading && $related.length>1) {
489	prev = index > 0 ? $related[index-1] : $related[$related.length-1];
490	next = index < $related.length-1 ? $related[index+1] : $related[0];
491	nextSrc = $(next).data(colorbox).href \|\| next.href;
492	prevSrc = $(prev).data(colorbox).href \|\| prev.href;
493
494	if(isImage(nextSrc)){
495	$('<img />').attr('src', nextSrc);
496	}
497
498	if(isImage(prevSrc)){
499	$('<img />').attr('src', prevSrc);
500	}
501	}
502	};
503
504	cboxPublic.load = function () {
505	var href, img, setResize, resize = cboxPublic.resize;
506
507	active = TRUE;
508
509	/*
510
511	// I decided to comment this out because I can see it causing problems as users
512	// really should just set the dimensions on their IMG elements instead,
513	// but I'm leaving the code in as it may be useful to someone.
514	// To use, uncomment the function and change 'if(textStatus === "success"){ resize(this); }'
515	// to 'if(textStatus === "success"){ preload(this); }'
516
517	// Preload loops through the HTML to find IMG elements and loads their sources.
518	// This allows the resize method to accurately estimate the dimensions of the new content.
519	function preload(html){
520	var
521	$ajax = $(html),
522	$imgs = $ajax.find('img'),
523	x = $imgs.length;
524
525	function loadloop(){
526	var img = new Image();
527	x = x-1;
528	if(x >= 0){
529	img.onload = loadloop;
530	img.src = $imgs[x].src;
531	} else {
532	resize($ajax);
533	}
534	}
535
536	loadloop();
537	}
538	*/
539
540	element = $related[index];
541
542	settings = $(element).data(colorbox);
543
544	//convert functions to static values
545	process();
546
547	$.event.trigger(cbox_load);
548	if (settings.onLoad) {
549	settings.onLoad.call(element);
550	}
551
552	// Evaluate the height based on the optional height and width settings.
553	settings.h = settings.height ?
554	setSize(settings.height, 'y') - loadedHeight - interfaceHeight :
555	settings.innerHeight ?
556	setSize(settings.innerHeight, 'y') :
557	FALSE;
558	settings.w = settings.width ?
559	setSize(settings.width, 'x') - loadedWidth - interfaceWidth :
560	settings.innerWidth ?
561	setSize(settings.innerWidth, 'x') :
562	FALSE;
563
564	// Sets the minimum dimensions for use in image scaling
565	settings.mw = settings.w;
566	settings.mh = settings.h;
567
568	// Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
569	// If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
570	if(settings.maxWidth){
571	settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth;
572	settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
573	}
574	if(settings.maxHeight){
575	settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight;
576	settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
577	}
578
579	href = settings.href;
580
581	$loadingOverlay.show();
582	$loadingGraphic.show();
583
584	if (settings.inline) {
585	// Inserts an empty placeholder where inline content is being pulled from.
586	// An event is bound to put inline content back when ColorBox closes or loads new content.
587	$('<div id="cboxInlineTemp" />').hide().insertBefore($(href)[0]).bind(cbox_load+' '+cbox_cleanup, function(){
588	$(this).replaceWith($loaded.children());
589	});
590	resize($(href));
591	} else if (settings.iframe) {
592	// IFrame element won't be added to the DOM until it is ready to be displayed,
593	// to avoid problems with DOM-ready JS that might be trying to run in that iframe.
594	resize(" ");
595	} else if (settings.html) {
596	resize(settings.html);
597	} else if (isImage(href)){
598	img = new Image();
599	img.onload = function(){
600	var percent;
601
602	img.onload = null;
603
604	img.id = 'cboxPhoto';
605
606	$(img).css({margin:'auto', border:'none', display:'block', cssFloat:'left'});
607
608	if(settings.scalePhotos){
609	setResize = function(){
610	img.height -= img.height * percent;
611	img.width -= img.width * percent;
612	};
613	if(settings.mw && img.width > settings.mw){
614	percent = (img.width - settings.mw) / img.width;
615	setResize();
616	}
617	if(settings.mh && img.height > settings.mh){
618	percent = (img.height - settings.mh) / img.height;
619	setResize();
620	}
621	}
622
623	if (settings.h) {
624	img.style.marginTop = Math.max(settings.h - img.height,0)/2 + 'px';
625	}
626
627	resize(img);
628
629	if($related.length > 1){
630	$(img).css({cursor:'pointer'}).click(cboxPublic.next);
631	}
632
633	if(isIE){
634	img.style.msInterpolationMode='bicubic';
635	}
636	};
637	img.src = href;
638	} else {
639	$('<div />').appendTo($loadingBay).load(href, function(data, textStatus){
640	if(textStatus === "success"){
641	resize(this);
642	} else {
643	resize($("<p>Request unsuccessful.</p>"));
644	}
645	});
646	}
647	};
648
649	// Navigates to the next page/image in a set.
650	cboxPublic.next = function () {
651	if(!active){
652	index = index < $related.length-1 ? index+1 : 0;
653	cboxPublic.load();
654	}
655	};
656
657	cboxPublic.prev = function () {
658	if(!active){
659	index = index > 0 ? index-1 : $related.length-1;
660	cboxPublic.load();
661	}
662	};
663
664	cboxPublic.slideshow = function () {
665	var stop, timeOut, className = 'cboxSlideshow_';
666
667	$slideshow.bind(cbox_closed, function(){
668	$slideshow.unbind();
669	clearTimeout(timeOut);
670	$cbox.removeClass(className+"off"+" "+className+"on");
671	});
672
673	function start(){
674	$slideshow
675	.text(settings.slideshowStop)
676	.bind(cbox_complete, function(){
677	timeOut = setTimeout(cboxPublic.next, settings.slideshowSpeed);
678	})
679	.bind(cbox_load, function(){
680	clearTimeout(timeOut);
681	}).one("click", function(){
682	stop();
683	$(this).removeClass(hover);
684	});
685	$cbox.removeClass(className+"off").addClass(className+"on");
686	}
687
688	stop = function(){
689	clearTimeout(timeOut);
690	$slideshow
691	.text(settings.slideshowStart)
692	.unbind(cbox_complete+' '+cbox_load)
693	.one("click", function(){
694	start();
695	timeOut = setTimeout(cboxPublic.next, settings.slideshowSpeed);
696	$(this).removeClass(hover);
697	});
698	$cbox.removeClass(className+"on").addClass(className+"off");
699	};
700
701	if(settings.slideshow && $related.length>1){
702	if(settings.slideshowAuto){
703	start();
704	} else {
705	stop();
706	}
707	}
708	};
709
710	// Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
711	cboxPublic.close = function () {
712
713	$.event.trigger(cbox_cleanup);
714	if (settings.onCleanup) {
715	settings.onCleanup.call(element);
716	}
717
718	open = FALSE;
719	$(document).unbind("keydown.cbox_close keydown.cbox_arrows");
720	$window.unbind(cbox_resize+' resize.cboxie6 scroll.cboxie6');
721	$overlay.css({cursor: 'auto'}).fadeOut('fast');
722
723	$cbox
724	.stop(TRUE, FALSE)
725	.fadeOut('fast', function () {
726	$('#colorbox iframe').attr('src', 'about:blank');
727	$loaded.remove();
728	$cbox.css({'opacity': 1});
729
730	try{
731	bookmark.focus();
732	} catch (er){
733	// do nothing
734	}
735
736	$.event.trigger(cbox_closed);
737	if (settings.onClosed) {
738	settings.onClosed.call(element);
739	}
740	});
741	};
742
743	// A method for fetching the current element ColorBox is referencing.
744	// returns a jQuery object.
745	cboxPublic.element = function(){ return $(element); };
746
747	cboxPublic.settings = defaults;
748
749	// Initializes ColorBox when the DOM has loaded
750	$(cboxPublic.init);
751
752	}(jQuery));

Note: See TracBrowser for help on using the repository browser.

Download in other formats: