// lightWindow.js v1.2.1
//
// Copyright (c) 2007 Einstein Industries
// Author: Kevin P Miller | http://www.stickmanlabs.com
//
// LightWindow is freely distributable under the terms of an MIT-style license.
//
// I don't care what you think about the file size...
// Be a pro:
// http://www.thinkvitamin.com/features/webapps/serving-javascript-fast
// http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files
//
/*-----------------------------------------------------------------------------------------------*/
if(typeof Effect == 'undefined')
throw("lightWindow.js requires including script.aculo.us' effects.js library!");
var lightWindow = Class.create();
lightWindow.prototype = {
//
// Setup Variables
//
element : null,
contentToFetch : null,
boxOverFlow : 'hidden',
retroIE : null,
windowType : null,
animating : false,
scrollX : null,
scrollY : null,
imageArray : [],
preloadImage : null,
activeGallery : null,
activeImage : 0,
galleryDirection : null,
showDataToggle : false,
galleryToggle : false,
showTitleToggle : false,
//
// Initialize the lightWindow.
//
initialize : function(options) {
this.options = Object.extend({
resizeSpeed : 9,
cushion : 10,
dimensions : {
image : {height : 250, width : 250},
page : {height : 250, width : 500},
inline : {height : 250, width : 500},
media : {height : 250, width : 250},
external : {height : 250, width : 250},
dataHeight : 40,
titleHeight : 25
},
classNames : {
standard : 'lWOn',
action : 'lWAction'
},
fileTypes : {
page : ['asp', 'aspx', 'cgi', 'htm', 'html', 'pl', 'php4', 'php3', 'php', 'php5', 'phtml', 'rhtml', 'shtml', 'txt', 'vbs', 'rb'],
media : ['aif', 'aiff', 'asf', 'avi', 'divx', 'm1v', 'm2a', 'm2v', 'm3u', 'mid', 'midi', 'mov', 'moov', 'movie', 'mp2', 'mp3', 'mpa', 'mpa', 'mpe', 'mpeg', 'mpg', 'mpg', 'mpga','pdf', 'pps', 'qt', 'rm', 'ram', 'swf', 'viv', 'vivo', 'wav'],
image : ['bmp', 'gif', 'jpg', 'png', 'tiff']
},
mimeTypes : {
avi : 'video/avi',
aif : 'audio/aiff',
aiff : 'audio/aiff',
gif : 'image/gif',
bmp : 'image/bmp',
jpeg : 'image/jpeg',
m1v : 'video/mpeg',
m2a : 'audio/mpeg',
m2v : 'video/mpeg',
m3u : 'audio/x-mpequrl',
mid : 'audio/x-midi',
midi : 'audio/x-midi',
mjpg : 'video/x-motion-jpeg',
moov : 'video/quicktime',
mov : 'video/quicktime',
movie : 'video/x-sgi-movie',
mp2 : 'audio/mpeg',
mp3 : 'audio/mpeg3',
mpa : 'audio/mpeg',
mpa : 'video/mpeg',
mpe : 'video/mpeg',
mpeg : 'video/mpeg',
mpg : 'audio/mpeg',
mpg : 'video/mpeg',
mpga : 'audio/mpeg',
pdf : 'application/pdf',
png : 'image/png',
pps : 'application/mspowerpoint',
qt : 'video/quicktime',
ram : 'audio/x-pn-realaudio-plugin',
rm : 'application/vnd.rn-realmedia',
swf : 'application/x-shockwave-flash',
tiff : 'image/tiff',
viv : 'video/vivo',
vivo : 'video/vivo',
wav : 'audio/wav'
},
loadingDialog : {
message : 'Loading',
image : 'images/ajax-loading.gif',
options : 'Cancel',
delay : 3.0
},
authorLead : 'by ',
galleryTab : {
name : 'Galleries',
height : 20,
visible : true
},
overlay : {
color : '#000000',
opacity : 70,
image : 'images/black-70.png'
},
formMethod : 'get',
hideFlash : true,
showTitleBar : true
}, options || {})
this.duration = ((11-this.options.resizeSpeed)*0.15);
this.setupLinks();
this.addLightWindowMarkup(false);
this.setupDimensions(true);
},
//
// Set Links Up
//
setupLinks : function () {
var links = $$('.'+this.options.classNames.standard);
links.each(function(link) {
if (this.fileType(link.href) == 'image') {
if (gallery = this.getGalleryInfo(link.rel)) {
if (!this.imageArray[gallery[0]]) this.imageArray[gallery[0]] = new Array();
if (!this.imageArray[gallery[0]][gallery[1]]) this.imageArray[gallery[0]][gallery[1]] = new Array();
this.imageArray[gallery[0]][gallery[1]].push(new Array(link.href, link.getAttribute('title'), link.getAttribute('caption'), link.getAttribute('author'), link.getAttribute('rel'), link.getAttribute('params')));
}
}
var url = link.getAttribute('href');
if (link.href.indexOf('?') > -1) url = url.substring(0, url.indexOf('?'));
container = url.substring(url.indexOf('#')+1);
if($(container)) $(container).style.display = 'none';
Event.observe(link, 'click', this.activate.bindAsEventListener(this, link));
link.onclick = function() {return false;};
}.bind(this));
},
//
// Initialize specific window
//
initializeWindow : function (id) {
var link = $(id);
if (this.fileType(link.href) == 'image') {
if (gallery = this.getGalleryInfo(link.rel)) {
if (!this.imageArray[gallery[0]]) this.imageArray[gallery[0]] = new Array();
if (!this.imageArray[gallery[0]][gallery[1]]) this.imageArray[gallery[0]][gallery[1]] = new Array();
this.imageArray[gallery[0]][gallery[1]].push(new Array(link.href, link.getAttribute('title'), link.getAttribute('caption'), link.getAttribute('author'), link.getAttribute('rel'), link.getAttribute('params')));
}
}
var url = link.getAttribute('href');
if (link.href.indexOf('?') > -1) url = url.substring(0, url.indexOf('?'));
container = url.substring(url.indexOf('#')+1);
if($(container)) $(container).style.display = 'none';
Event.observe(link, 'click', this.activate.bindAsEventListener(this, link));
link.onclick = function() {return false;};
},
//
// Add the markup to the page.
//
addLightWindowMarkup : function(rebuild) {
if (!rebuild) {
var overlay = document.createElement('div');
overlay.setAttribute('id', 'overlay');
if (this.checkBrowser('firefox')) {
overlay.style.backgroundImage = 'url('+this.options.overlay.image+')';
overlay.style.backgroundRepeat = 'repeat';
} else {
overlay.style.backgroundColor = this.options.overlay.color;
overlay.style.MozOpacity = '.'+this.options.overlay.opacity;
overlay.style.opacity = '.'+this.options.overlay.opacity;
overlay.style.filter = 'alpha(opacity='+this.options.overlay.opacity+')';
}
var lw = document.createElement('div');
lw.setAttribute('id', 'lightWindow');
} else {
var lw = $('lightWindow');
}
if (this.options.showTitleBar) lw = this.addTitleBarMarkup(lw);
var lwc = document.createElement('div');
lwc.setAttribute('id', 'lightWindow-contents');
var lwcc = document.createElement('div');
lwcc.setAttribute('id', 'lightWindow-contents-container');
lwc.appendChild(lwcc);
var lwl = document.createElement('div');
lwl.setAttribute('id', 'lightWindow-loading');
var lwi = document.createElement('img');
lwi.setAttribute('src', this.options.loadingDialog.image);
lwl.appendChild(lwi);
var lwld = document.createElement('span');
lwld.setAttribute('id', 'lightWindow-loading-message');
lwld.innerHTML += this.options.loadingDialog.message;
lwl.appendChild(lwld);
var lwlo = document.createElement('span');
lwlo.setAttribute('id', 'lightWindow-loading-options');
lwlo.setAttribute('style', 'display:none;');
lwlo.innerHTML += this.options.loadingDialog.options;
lwl.appendChild(lwlo);
lwc.appendChild(lwl);
lw.appendChild(lwc);
if (!rebuild) {
var body = document.getElementsByTagName('body')[0];
body.appendChild(overlay);
body.appendChild(lw);
Event.observe(overlay, 'click', this.deactivate.bindAsEventListener(this), false);
overlay.onclick = function() {return false;};
}
this.addDataWindowMarkup();
this.actions('#lightWindow-loading-options');
},
//
// Add the Title Bar Markup
//
addTitleBarMarkup : function(lw) {
var lwdt = document.createElement('div');
lwdt.setAttribute('id', 'lightWindow-title-bar');
lwdt.style.visibility = 'hidden';
var lwdtt = document.createElement('div');
lwdtt.setAttribute('id', 'lightWindow-title-bar-title');
lwdt.appendChild(lwdtt);
var lwdtc = document.createElement('div');
lwdtc.setAttribute('id', 'lightWindow-title-bar-close');
var lwdtca = document.createElement('a');
lwdtca.setAttribute('id', 'lightWindow-title-bar-close-link');
lwdtca.innerHTML = 'close';
Event.observe(lwdtca, 'click', this.deactivate.bindAsEventListener(this));
lwdtca.onclick = function() {return false;};
lwdtc.appendChild(lwdtca);
lwdt.appendChild(lwdtc);
lw.appendChild(lwdt);
return lw;
},
//
// Add the Data Window Markup
//
addDataWindowMarkup : function() {
var lw = $('lightWindow');
var lwd = document.createElement('div');
lwd.setAttribute('id', 'lightWindow-data');
lwd.style.display = 'none';
// This container needs to be here to get the data slide to slide as a group
var lwds = document.createElement('div');
lwds.setAttribute('id', 'lightWindow-data-slide');
if (!this.options.showTitleBar) {
var lwdt = document.createElement('div');
lwdt.setAttribute('id', 'lightWindow-data-title');
lwds.appendChild(lwdt);
}
var lwdc = document.createElement('div');
lwdc.setAttribute('id', 'lightWindow-data-caption');
lwds.appendChild(lwdc);
var lwda = document.createElement('div');
lwda.setAttribute('id', 'lightWindow-data-author');
lwds.appendChild(lwda);
var lwdi = document.createElement('div');
lwdi.setAttribute('id', 'lightWindow-data-image');
lwds.appendChild(lwdi);
lwd.appendChild(lwds);
lw.appendChild(lwd);
},
//
// Add Photo Window Markup
//
addPhotoWindowMarkup : function() {
var lwc = $('lightWindow-contents');
var lwpc = document.createElement('div');
lwpc.setAttribute('id', 'lightWindow-photo-container');
lwpc.style.display = 'none';
if (images = parseInt(this.getParameter('lWShowImages'))) {
for (var x = 0; x < images; x++) {
lwp = document.createElement('img');
lwp.setAttribute('id', 'lightWindow-photo-'+x);
lwpc.appendChild(lwp);
}
} else {
lwp = document.createElement('img');
lwp.setAttribute('id', 'lightWindow-photo-0');
lwpc.appendChild(lwp);
}
// You ask why I do this? I ask why you insist on using a browser worse than IE? ...Safari!
lwps = document.createElement('img');
lwps.setAttribute('id', 'lightWindow-photo-sizer');
lwps.style.display = 'none';
lwps.style.height = '1px';
lwpc.appendChild(lwps);
lwc.appendChild(lwpc);
},
//
// Add Gallery Window Markup
//
addGalleryWindowMarkup : function() {
var lwpc = $('lightWindow-photo-container');
var lwpg = document.createElement('div');
lwpg.setAttribute('id', 'lightWindow-photo-galleries');
lwpg.style.display = 'none';
if (!this.options.galleryTab.visible) lwpg.style.visibility = 'hidden';
var lwptc = document.createElement('div');
lwptc.setAttribute('id', 'lightWindow-photo-tab-container');
var lwpgt = document.createElement('a');
lwpgt.setAttribute('id', 'lightWindow-photo-galleries-tab');
lwpgt.className = 'up';
lwpgt.innerHTML = this.options.galleryTab.name;
Event.observe(lwpgt, 'click', this.getGallery.bindAsEventListener(this));
lwpgt.onclick = function() {return false;};
lwptc.appendChild(lwpgt);
lwpg.appendChild(lwptc);
var lwpgl = document.createElement('div');
lwpgl.setAttribute('id', 'lightWindow-photo-galleries-list');
lwpg.appendChild(lwpgl);
lwpc.appendChild(lwpg);
},
//
// Activate the lightWindow.
//
activate : function(e, link){
link.blur();
this.element = link;
this.element.title = link.getAttribute('title');
this.element.author = link.getAttribute('author');
this.element.caption = link.getAttribute('caption');
this.element.rel = link.getAttribute('rel');
this.element.params = this.element.getAttribute('params');
this.windowType = this.fileType(this.contentToFetch = link.href);
if (this.element.caption || this.element.author) this.showDataToggle = true;
if (this.options.showTitleBar && this.element.title) this.showTitleToggle = true;
else if (!this.options.showTitleBar && this.element.title) this.showDataToggle = true;
if (this.getGalleryInfo(this.element.rel)) this.galleryToggle = true;
this.prepareIE(true);
this.toggleTroubleElements('hidden', false);
this.displayLightWindow(true);
this.setupDimensions(true);
this.monitorKeyboard(true);
this.loadInfo();
},
//
// Turn off the window
//
deactivate : function(){
var queue = Effect.Queues.get('lightWindowAnimation').each(function(e) {e.cancel();});
queue = Effect.Queues.get('lightWindowAnimation-loading').each(function(e) {e.cancel();});
if ($('lightWindow-iframe')) Element.remove($('lightWindow-iframe'));
Element.remove($('lightWindow-contents'));
if ($('lightWindow-data')) Element.remove($('lightWindow-data'));
if ($('lightWindow-title-bar')) Element.remove($('lightWindow-title-bar'));
this.displayLightWindow(false);
this.boxOverFlow = 'hidden';
this.prepareIE(false);
this.setStatus(false);
this.showDataToggle = this.galleryToggle = this.showTitleToggle = false;
this.addLightWindowMarkup(true);
this.setupDimensions(true);
this.monitorKeyboard(false);
this.toggleTroubleElements('visible', false);
},
//
// Setup our actions
//
actions : function(prefix) {
if (prefix) links = $$(prefix+' .'+this.options.classNames.action);
else links = $$('.'+this.options.classNames.action);
links.each(function(link) {
Event.observe(link, 'click', this[link.rel].bindAsEventListener(this, link), false);
link.onclick = function() {return false;};
}.bind(this));
},
//
// Set the staus of our animation to keep things from getting clunky
//
setStatus : function(status) {
this.animating = status;
// We have to put this here to avoid a flicker in FF Mac
if (this.showTitleToggle && !status && $('lightWindow-title-bar')) {
$('lightWindow-title-bar').setStyle({
visibility : 'visible'
});
}
},
//
// Setup Dimensions of lightWindow.
//
setupDataDimensions : function() {
if ($('lightWindow-contents') && $('lightWindow-data') && this.showDataToggle) {
$('lightWindow-data').setStyle({
height : this.options.dimensions.dataHeight+'px',
width : (parseFloat($('lightWindow-contents').style.width)+this.options.cushion*2)+'px'
});
$('lightWindow-data-slide').setStyle({
height : this.options.dimensions.dataHeight+'px',
overflow : 'hidden' // Because of IE
});
}
if (this.showTitleToggle && $('lightWindow-title-bar')) {
$('lightWindow-title-bar').setStyle({
height : this.options.dimensions.titleHeight+'px',
width : (parseFloat($('lightWindow-contents').style.width)+this.options.cushion*2)+'px'
});
}
},
//
// Setup Dimensions of lightWindow.
//
setupDimensions : function(reset) {
if (this.showDataToggle || (this.galleryToggle && this.options.galleryTab.visible)) var adjust = this.options.dimensions.dataHeight;
else var adjust = 0;
var originalHeight, originalWidth, titleHeight;
switch (this.windowType) {
case 'page' :
originalHeight = this.options.dimensions.page.height;
originalWidth = this.options.dimensions.page.width;
break;
case 'image' :
originalHeight = this.options.dimensions.image.height;
originalWidth = this.options.dimensions.image.width;
break;
case 'media' :
originalHeight = this.options.dimensions.media.height;
originalWidth = this.options.dimensions.media.width;
break;
case 'external' :
originalHeight = this.options.dimensions.external.height;
originalWidth = this.options.dimensions.external.width;
break;
case 'inline' :
originalHeight = this.options.dimensions.inline.height;
originalWidth = this.options.dimensions.inline.width;
break;
default :
originalHeight = this.options.dimensions.page.height;
originalWidth = this.options.dimensions.page.width;
break;
}
if (this.showTitleToggle) titleHeight = this.options.dimensions.titleHeight; // We subtract one to smooth out the hiccup when the title bar is added
else titleHeight = 0;
if (reset) {
if (parseFloat($('lightWindow-contents').style.height) != originalHeight) {
$('lightWindow-contents').setStyle({
top : titleHeight+'px',
width : (originalWidth+this.options.cushion)+'px',
height : (originalHeight+this.options.cushion)+'px'
});
} else {
$('lightWindow-contents').setStyle({
top : '0px',
width : (originalWidth+this.options.cushion)+'px',
height : (originalHeight+this.options.cushion)+'px'
});
}
$('lightWindow').setStyle({
padding : '0 0 0 0',
width : '0px',
height : '0px',
margin : (-(((originalHeight+this.options.cushion*3)/2)+(adjust/2)+(titleHeight/2)))+'px 0 0 '+(-((originalWidth+this.options.cushion*3)/2))+'px'
});
} else {
$('lightWindow').setStyle({
padding : parseFloat($('lightWindow-contents').style.height)+2*this.options.cushion+titleHeight+'px 0 0 0',
width : '0px',
height : '0px',
margin : (-(((parseFloat($('lightWindow-contents').style.height)+this.options.cushion*2)/2)+(adjust/2)+(titleHeight/2)))+'px 0 0 '+(-((parseFloat($('lightWindow-contents').style.width)+this.options.cushion*2)/2))+'px'
});
if (parseFloat($('lightWindow-contents').style.height) != originalHeight) {
$('lightWindow-contents').setStyle({
top : titleHeight+'px',
left : '0px'
});
}
}
},
//
// Setup the Overlay (Special Thanks to quirksmode.com and huddletogether.com)
//
setupOverlay : function() {
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else {
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) {
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) {
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
$('overlay').style.height = pageHeight;
$('overlay').style.width = pageWidth;
},
//
// Display the lightWindow.
//
displayLightWindow : function(display) {
if (display) {
$('overlay').style.display = $('lightWindow').style.display = $('lightWindow-contents').style.display = 'block';
} else {
$('overlay').style.display = $('lightWindow').style.display = 'none';
}
},
//
// Is this IE?
//
checkBrowser : function(type) {
var detect = navigator.userAgent.toLowerCase();
var version = parseInt(navigator.appVersion);
var place = detect.indexOf(type)+1;
return place;
},
//
// Prepare the window for IE.
//
prepareIE : function(setup) {
if (this.checkBrowser('msie')) {
var height, overflowX, overflowY;
if (setup) {
this.getScroll();
this.setScroll(0, 0);
var height = '100%';
} else {
var height = 'auto';
}
var body = document.getElementsByTagName('body')[0];
var html = document.getElementsByTagName('html')[0];
html.style.height = body.style.height = height;
html.style.margin = body.style.margin = '0';
this.setupOverlay();
if (!setup) this.setScroll(this.scrollX, this.scrollY);
}
},
//
// Hide Selects from the page because of IE.
// We could use iframe shims instead here but why add all the extra markup for one browser when this is much easier and cleaner
//
toggleTroubleElements : function(visibility, content){
if (content) var selects = $('lightWindow-contents').getElementsByTagName('select');
else var selects = document.getElementsByTagName('select');
for(var i = 0; i < selects.length; i++) {
selects[i].style.visibility = visibility;
}
if (!content) {
if (this.options.hideFlash){
var objects = document.getElementsByTagName('object');
for (i = 0; i != objects.length; i++) {
objects[i].style.visibility = visibility;
}
var embeds = document.getElementsByTagName('embed');
for (i = 0; i != embeds.length; i++) {
embeds[i].style.visibility = visibility;
}
}
var iframes = document.getElementsByTagName('iframe');
for (i = 0; i != iframes.length; i++) {
iframes[i].style.visibility = visibility;
}
}
},
//
// Get the scroll for the page.
//
getScroll : function(){
if(typeof(window.pageYOffset) == 'number') {
this.scrollY = window.pageYOffset;
this.scrollX = window.pageXOffset;
} else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
this.scrollY = document.body.scrollTop;
this.scrollX = document.body.scrollLeft;
} else if(document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
this.scrollY = document.documentElement.scrollTop;
this.scrollX = document.documentElement.scrollLeft;
}
},
//
// Reset the scroll.
//
setScroll : function(x, y) {
document.documentElement.scrollLeft = x;
document.documentElement.scrollTop = y;
},
//
// Get the value from the params attribute string.
//
getParameter : function(parameter, parameterString) {
if (!parameterString) {
if (this.element.params) {
var parameterString = this.element.params;
} else {
return;
}
}
var parameterValue;
var parameterPair = parameterString.split(',');
var compareString = parameter+'=';
var compareStringLength = compareString.length;
for (var i = 0; i < parameterPair.length; i++) {
if (parameterPair[i].substr(0, compareStringLength) == compareString) {
var tmp = parameterPair[i].split('=');
parameterValue = tmp[1];
break;
}
}
if (!parameterValue) {
return false;
} else {
return unescape(parameterValue);
}
},
//
// Get the domain from a string.
//
getDomain : function(url) {
var leadSlashes = url.indexOf('//');
var domainStart = leadSlashes+2;
var withoutResource = url.substring(domainStart, url.length);
var nextSlash = withoutResource.indexOf('/');
var domain = withoutResource.substring(0, nextSlash);
if (domain.indexOf(':') > -1){
var portColon = domain.indexOf(':');
domain = domain.substring(0, portColon);
}
return domain;
},
//
// Get the type of file.
//
fileType : function(url) {
var image = new RegExp("[^\.]\.("+this.options.fileTypes.image.join('|')+")\s*$", "i");
if (image.test(url)) return 'image';
if (url.indexOf('#') > -1 && (document.domain == this.getDomain(url))) return 'inline';
if (url.indexOf('?') > -1) url = url.substring(0, url.indexOf('?'));
var type = 'unknown';
var page = new RegExp("[^\.]\.("+this.options.fileTypes.page.join('|')+")\s*$", "i");
var media = new RegExp("[^\.]\.("+this.options.fileTypes.media.join('|')+")\s*$", "i");
if (document.domain != this.getDomain(url) || (document.domain == this.getDomain(url) && url.substr(0, 4) == 'http')) type = 'external';
if (media.test(url)) type = 'media';
if (type == 'external' || type == 'media') return type;
if (page.test(url) || url.substr((url.length-1), url.length) == '/') type = 'page';
return type;
},
//
// Get file Extension
//
fileExtension : function(url) {
if (url.indexOf('?') > -1) url = url.substring(0, url.indexOf('?'));
var extenstion = '';
for (var x = (url.length-1); x > -1; x--) {
if (url.charAt(x) == '.') {
return extenstion;
}
extenstion = url.charAt(x)+extenstion;
}
},
//
// Monitor the keyboard while this lightWindow is up
//
monitorKeyboard : function(status) {
if (status) document.onkeydown = this.eventKeypress.bind(this);
else document.onkeydown = '';
},
//
// Perform keyboard actions
//
eventKeypress : function(e) {
if (e == null) var keycode = event.keyCode;
else var keycode = e.which;
switch (keycode) {
case 27:
this.deactivate();
break;
case 13:
return;
default:
break;
}
// Gotta stop those quick fingers
if (this.animating || !this.galleryToggle) return;
switch (String.fromCharCode(keycode).toLowerCase()) {
case 'p':
this.galleryDirection = -1;
this.changeImage();
break;
case 'n':
this.galleryDirection = 1;
this.changeImage();
break;
default:
break;
}
},
//
// Make the Data Box for the Window
//
showData : function() {
if (this.galleryToggle) $('lightWindow-photo-galleries').style.display = 'block';
this.setupDataDimensions();
this.setupDimensions(false);
if (this.showDataToggle) {
var showDatabox = new Effect.Parallel(
[new Effect.SlideDown( 'lightWindow-data', {sync: true, duration: this.duration+1.0, from: 0.0, to: 1.0}),
new Effect.Appear('lightWindow-data', {sync: true, duration: 1.0}) ],
{duration: 0.65, afterFinish: this.setStatus.bind(this, false), queue: {position: 'end', scope: 'lightWindowAnimation'} }
);
} else {
this.setStatus(false);
}
},
//
// Insert Data into Window
//
insertData : function() {
if (this.element.title) {
if (this.showTitleToggle) $('lightWindow-title-bar-title').innerHTML = this.element.title;
else $('lightWindow-data-title').innerHTML = this.element.title;
}
if (this.element.caption) $('lightWindow-data-caption').innerHTML = this.element.caption;
if (this.element.author) $('lightWindow-data-author').innerHTML = this.options.authorLead+this.element.author;
},
//
// Reset the scroll.
//
getGalleryInfo : function(rel) {
if (rel.indexOf('[') > -1) {
return new Array(escape(rel.substring(0, rel.indexOf('['))), escape(rel.substring(rel.indexOf('[')+1, rel.indexOf(']'))));
} else {
return false;
}
},
//
// Choose a gallery/category
//
getGallery : function() {
var isBadBrowser = this.checkBrowser('msie 6');
if (!$('lightWindow-photo-galleries').style.height || parseInt($('lightWindow-photo-galleries').style.height) == this.options.galleryTab.height) {
if (isBadBrowser) {
var gallerySize = 100;
} else {
var gallerySize = ((parseInt($('lightWindow-contents').style.height)*0.95)/this.options.galleryTab.height)*100;
}
$('lightWindow-photo-galleries-list').setStyle({
height : (parseInt($('lightWindow-contents').style.height)*0.95)-this.options.galleryTab.height+'px'
});
// Get out Galleries from the imageArray
$('lightWindow-photo-galleries-list').innerHTML = '';
var output = '';
for (i in this.imageArray) {
if (typeof this.imageArray[i] == 'object') {
output += ''+unescape(i)+'
';
for (j in this.imageArray[i]) {
if (typeof this.imageArray[i][j] == 'object') {
if (this.imageArray[i][j][0][5]) showImages = ',lWShowImages='+this.getParameter('lWShowImages', this.imageArray[i][j][0][5]);
else showImages = '';
output += '- '+unescape(j)+'
';
}
}
output += '