(function($)
{
if ( !$.browser.safari && typeof window.console !== 'undefined' && typeof window.console.log === 'function' )
{
$.log = window.console.log;
}
else
{ // Don't use anything
$.log = function ( ) { };
}
$.LightboxClass = function ()
{
this.construct();
}
$.extend($.LightboxClass.prototype,
{
constructed: false,
src: null, // the source location of our js file
baseurl: null,
files: {
js: {
lightbox: '/script/jquery.lightbox.js',
colorBlend: '/script/jquery.color.js'
},
css: {
lightbox: '/style/jquery.lightbox.css'
},
images: {
prev: '/images/lightbox/prev.gif',
next: '/images/lightbox/next.gif',
blank: '/images/lightbox/blank.gif',
loading: '/images/lightbox/loading.gif'
}
},
text: {
// For translating
image: 'Image',
of: 'of',
close: 'Sluiten X',
closeInfo: 'You can also click anywhere outside the image to close.',
download: 'Direct link to download the image.',
help: {
close: '',
interact: ''
},
about: {
text: 'jQuery Lightbox Plugin (balupton edition)',
title: 'Licenced under the GNU Affero General Public License.',
link: 'http://jquery.com/plugins/project/jquerylightbox_bal'
}
},
keys: {
close: 'c',
prev: 'p',
next: 'n'
},
handlers: {
// For custom actions
show: null
},
opacity: 0.5,
padding: null, // if null - autodetect
speed: 200, // Duration of effect, milliseconds
rel: 'lightbox', // What to look for in the rels
auto_relify: true, // should we automaticly do the rels?
auto_scroll: 'follow', // should the lightbox scroll with the page? follow, disabled, ignore
auto_resize: true, // true or false
ie6: null, // are we ie6?
ie6_support: true, // have ie6 support
colorBlend: null, // null - auto-detect, true - force, false - no
download_link: true, // Display the download link
show_linkback: true, // true, false
show_info: 'auto', // auto - automaticly handle, true - force
show_extended_info: 'auto', // auto - automaticly handle, true - force
// names of the options that can be modified
options: ['auto_scroll', 'auto_resize', 'download_link', 'show_info', 'show_extended_info', 'ie6_support', 'colorBlend', 'baseurl', 'files', 'text', 'show_linkback', 'keys', 'opacity', 'padding', 'speed', 'rel', 'auto_relify'],
images: {
list: [],
image: false,
// functions
prev: function (image)
{
// Get previous from current?
if ( typeof image === 'undefined' )
{
image = this.active();
if ( !image ) { return image; }
}
// Is there a previous?
if ( this.first(image) )
{
return false;
}
// Get the previous
return this.get(image.index-1);
},
next: function ( image )
{
// Get next image
// Get next from current?
if ( typeof image === 'undefined' )
{
image = this.active();
if ( !image )
{
return image;
}
}
// Is there a next?
if ( this.last(image) )
{
//return false;
return this.get(0);
}
// Get the next
return this.get(image.index+1);
},
first: function ( image )
{
// Get the first image?
if ( typeof image === 'undefined' )
{
return this.get(0);
}
// Are we the first?
return image.index === 0;
},
last: function ( image )
{
// Get the last image?
if ( typeof image === 'undefined' )
{
return this.get(this.size()-1);
}
// Are we the last?
return image.index === this.size()-1;
},
single: function ( )
{
// Are we only one
return this.size() === 1;
},
size: function ( )
{
// How many images do we have
return this.list.length;
},
empty: function ( )
{
// Are we empty
return this.size() === 0;
},
clear: function ( )
{
// Clear image arrray
this.list = [];
this.image = false;
},
active: function ( image )
{
// Set or get the active image
// Use false to reset
// Get the active image?
if ( typeof image === 'undefined' )
{
return this.image;
}
// Set the ative image
if ( image !== false )
{
// Make sure image exists
image = this.get(image);
if ( !image )
{
// Error
return image;
}
}
// Set the active image
this.image = image;
return true;
},
add: function ( obj )
{
// Do we need to recurse?
if ( obj[0] )
{ // We have a lot of images
for ( var i = 0; i < obj.length; i++ )
{
this.add(obj[i]);
}
return true;
}
// Default image
// Try and create a image
var image = this.create(obj);
if ( !image )
{
return image;
}
// Set image index
image.index = this.size();
// Push image
this.list.push(image);
// Success
return true;
},
create: function ( obj )
{
// Create image
// Define
var image =
{ // default
src: '',
title: 'Untitled',
description: '',
name: '',
index: -1,
color: null,
width: null,
height: null,
image: true
};
// Create
if ( obj.image )
{
// Already a image, so copy over values
image.src = obj.src || image.src;
image.title = obj.title || image.title;
image.description = obj.description || image.description;
image.name = obj.name || image.name;
image.color = obj.color || image.color;
image.width = obj.width || image.width;
image.height = obj.height || image.height;
image.index = obj.index || image.index;
}
else if ( obj.tagName )
{
// We are an element
obj = $(obj);
if ( obj.attr('src') || obj.attr('href') )
{
image.src = obj.attr('src') || obj.attr('href');
image.title = obj.attr('title') || obj.attr('alt') || image.title;
image.name = obj.attr('name') || '';
image.color = obj.css('backgroundColor');
// Extract description from title
var s = image.title.indexOf(': ');
if ( s > 0 )
{
// Description exists
image.description = image.title.substring(s+2) || image.description;
image.title = image.title.substring(0,s) || image.title;
}
}
else
{
// Unsupported element
image = false;
}
}
else
{
// Unknown
image = false;
}
if ( !image )
{
// Error
$.log('ERROR', 'We dont know what we have:', obj);
return false;
}
// Success
return image;
},
get: function ( image )
{
// Get the active, or specified image
// Establish image
if ( typeof image === 'undefined' || image === null )
{
// Get the active image
return this.active();
}
else if ( typeof image === 'number' )
{
// We have a index
// Get image
image = this.list[image] || false;
}
else
{
// Create
image = this.create(image);
if ( !image )
{
return false;
}
// Find
var f = false;
for ( var i = 0; i < this.size(); i++ )
{
var c = this.list[i];
if ( c.src === image.src && c.title === image.title && c.description === image.description )
{
f = c;
}
}
// Found?
image = f;
}
// Determine image
if ( !image )
{
// Image doesn't exist
$.log('ERROR', 'The desired image doesn\'t exist: ', image, this.list);
return false;
}
// Return image
return image;
},
debug: function ( )
{
return $.Lightbox.debug(arguments);
}
},
// -----------------
// Functions
construct: function ( options )
{
// Construct our Lightbox
// -------------------
// Prepare
// Initial construct
var initial = typeof this.constructed === 'undefined' || this.constructed === false;
this.constructed = true;
// Perform domReady
var domReady = initial;
// Prepare options
options = $.extend({}, options);
// -------------------
// Handle files
// Add baseurl
if ( initial && (typeof options.files === 'undefined') )
{
// Load the files like default
// Get the src of the first script tag that includes our js file (with or without an appendix)
this.src = $('script[src*='+this.files.js.lightbox+']:first').attr('src');
// Make sure we found ourselves
if ( !this.src )
{
// We didn't
// $.log('WARNING', 'Lightbox was not able to find it\'s javascript script tag necessary for auto-inclusion.');
// We don't work with files anymore, so don't care for domReady
domReady = false;
}
else
{
// We found ourself
// The baseurl is the src up until the start of our js file
this.baseurl = this.src.substring(0, this.src.indexOf(this.files.js.lightbox));
// Apply baseurl to files
var me = this;
$.each(this.files, function(group, val){
$.each(this, function(file, val){
me.files[group][file] = me.baseurl+val;
});
});
delete me;
}
}
else if ( typeof options.files === 'object' )
{
// We have custom files
var me = this;
$.each(options.files, function(group, val){
$.each(this, function(file, val){
this[file] = me.baseurl+val;
});
});
delete me;
}
else
{
// Don't have any files, so no need to perform domReady
domReady = false;
}
// -------------------
// Apply options
for ( i in this.options )
{
// Cycle through the options
var name = this.options[i];
if ( (typeof options[name] === 'object') && (typeof this[name] === 'object') )
{
// We have a group like text or files
this[name] = $.extend(this[name], options[name]);
}
else if ( typeof options[name] !== 'undefined' )
{
// We have that option, so apply it
this[name] = options[name];
}
}
// -------------------
// Figure out what to do
// Handle IE6
if ( initial && navigator.userAgent.indexOf('MSIE 6') >= 0 )
{
// Is IE6
this.ie6 = true;
}
else
{
// We are not IE6
this.ie6 = false;
}
// -------------------
// Handle our DOM
if (
domReady
|| typeof options.download_link !== 'undefined'
|| typeof options.colorBlend !== 'undefined'
|| typeof options.files === 'object'
|| typeof options.text === 'object'
|| typeof options.show_linkback !== 'undefined'
|| typeof options.scroll_with !== 'undefined'
)
{
// We have reason to handle the dom
$(function()
{
// DOM is ready, so fire our DOM handler
$.Lightbox.domReady();
});
}
// -------------------
// Finish Up
// All good
return true;
},
domReady: function ( )
{
// -------------------
// Include resources
// Grab resources
var bodyEl = document.getElementsByTagName($.browser.safari ? 'head' : 'body')[0];
var stylesheets = this.files.css;
var scripts = this.files.js;
// colorBlend
if ( this.colorBlend === true && typeof $.colorBlend === 'undefined' )
{
// Force colorBlend
this.colorBlend = true;
// Leave file in place to be loaded
}
else
{
// We either have colorBlend or we don't
this.colorBlend = typeof $.colorBlend !== 'undefined';
// Remove colorBlend file
delete scripts.colorBlend;
}
// Include stylesheets
for ( stylesheet in stylesheets )
{
var linkEl = document.createElement('link');
linkEl.type = 'text/css';
linkEl.rel = 'stylesheet';
linkEl.media = 'screen';
linkEl.href = stylesheets[stylesheet];
linkEl.id = 'lightbox-stylesheet-'+stylesheet.replace(/[^a-zA-Z0-9]/g, '');
$('#'+linkEl.id).remove();
bodyEl.appendChild(linkEl);
}
// Include javascripts
for ( script in scripts )
{
var scriptEl = document.createElement('script');
scriptEl.type = 'text/javascript';
scriptEl.src = scripts[script];
scriptEl.id = 'lightbox-script-'+script.replace(/[^a-zA-Z0-9]/g, '');
$('#'+scriptEl.id).remove();
bodyEl.appendChild(scriptEl);
}
// Cleanup
delete scripts;
delete stylesheets;
delete bodyEl;
// -------------------
// Append display
// Append markup
$('#lightbox,#lightbox-overlay').remove();
$('body').append(
' '
+ ' '
+ '
'
+ '
'
+ '
![]()
'
+ '
'
+ '
'
+ '
'
+ '
'
+ '
'
+ '