From 2012.igem.org

(Difference between revisions)

Latest revision as of 17:15, 20 September 2012

// lightwindow.js v2.0 // // Copyright (c) 2007 stickmanlabs // 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!");

// This will stop image flickering in IE6 when elements with images are moved try { document.execCommand("BackgroundImageCache", false, true); } catch(e) {}

var lightwindow = Class.create(); lightwindow.prototype = { // // Setup Variables // element : null, contentToFetch : null, windowActive : false, dataEffects : [], dimensions : { cruft : null, container : null, viewport : { height : null, width : null, offsetTop : null, offsetLeft : null } }, pagePosition : { x : 0, y : 0 }, pageDimensions : { width : null, height : null }, preloadImage : [], preloadedImage : [], galleries : [], resizeTo : { height : null, heightPercent : null, width : null, widthPercent : null, fixedTop : null, fixedLeft : null }, scrollbarOffset : 18, navigationObservers : { previous : null, next : null }, containerChange : { height : 0, width : 0 }, activeGallery : false, galleryLocation : { current : 0, total : 0 }, // // Initialize the lightwindow. // initialize : function(options) { this.options = Object.extend({ resizeSpeed : 8, contentOffset : { height : 20, width : 20 }, dimensions : { image : {height : 250, width : 250}, page : {height : 250, width : 250}, inline : {height : 250, width : 250}, media : {height : 250, width : 250}, external : {height : 250, width : 250}, titleHeight : 25 }, classNames : { standard : 'lightwindow', action : 'lightwindow_action' }, fileTypes : { page : ['asp', 'aspx', 'cgi', 'cfm', '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', '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', wmv : 'application/x-mplayer2' }, classids : { mov : 'clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B', swf : 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', wmv : 'clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6' }, codebases : { mov : 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0', swf : 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0', wmv : 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715' }, viewportPadding : 10, EOLASFix : 'swf,wmv,fla,flv', overlay : { opacity : 0.7, image : 'images/black.png', presetImage : 'images/black-70.png' }, skin : {

main : '

'+ '

'+

''+ '<a id="lightwindow_title_bar_close_link" >close</a>'+

'

'+ '

'+

'<a href="#" id="lightwindow_previous" >'+ ''+ '</a>'+ '<a href="#" id="lightwindow_next" >'+ ''+ '</a>'+ '<iframe name="lightwindow_navigation_shim" id="lightwindow_navigation_shim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>'+

'

'+ '

'+

'<a href="#" id="lightwindow_galleries_tab" >'+ 'Galleries'+ '</a>'+

'

'+ '

'+

''+ ' of '+ ''+

'

'+ '

'+

'by '+

'

'+ '

', loading : '

'+

'<img src="images/ajax-loading.gif" alt="loading" />'+ 'Loading or <a href="javascript: myLightWindow.deactivate();">Cancel</a>'+ '<iframe name="lightwindow_loading_shim" id="lightwindow_loading_shim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>'+

'

',

iframe : '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'+ ''+ ''+ '{body_replace}'+ ''+ '', gallery : {

top : '

'+ '

{gallery_title_replace}

'+ '

'+ '{gallery_link_replace}'+ '

'+ '

'

} }, formMethod : 'get', hideFlash : false, hideGalleryTab : false, showTitleBar : true, animationHandler : false, navigationHandler : false, transitionHandler : false, finalAnimationHandler : false, formHandler : false, galleryAnimationHandler : false, showGalleryCount : true }, options || {}); this.duration = ((11-this.options.resizeSpeed)*0.15); this._setupLinks(); this._getScroll(); this._getPageDimensions(); this._browserDimensions(); this._addLightWindowMarkup(false); this._setupDimensions(); this.buildGalleryList(); }, // // Activate the lightwindow. // activate : function(e, link){ // Clear out the window Contents this._clearWindowContents(true);

// Add back in out loading panel this._addLoadingWindowMarkup();

// Setup the element properties this._setupWindowElements(link);

// Setup everything this._getScroll(); this._browserDimensions(); this._setupDimensions(); this._toggleTroubleElements('hidden', false); this._displayLightWindow('block', 'hidden'); this._setStatus(true); this._monitorKeyboard(true); this._prepareIE(true); this._loadWindow(); }, // // Turn off the window // deactivate : function(){ // The window is not active this.windowActive = false;

// There is no longer a gallery active this.activeGallery = false; if (!this.options.hideGalleryTab) { this._handleGalleryAnimation(false); }

// Kill the animation this.animating = false;

// Clear our element this.element = null;

// hide the window. this._displayLightWindow('none', 'visible');

// Clear out the window Contents this._clearWindowContents(false);

// Stop all animation var queue = Effect.Queues.get('lightwindowAnimation').each(function(e){e.cancel();});

// Undo the setup this._prepareIE(false); this._setupDimensions(); this._toggleTroubleElements('visible', false); this._monitorKeyboard(false); }, // // Initialize specific window // createWindow : function(element, attributes) { this._processLink($(element)); }, // // Open a Window from a hash of attributes // activateWindow : function(options) { this.element = Object.extend({ href : null, title : null, author : null, caption : null, rel : null, top : null, left : null, type : null, showImages : null, height : null, width : null, loadingAnimation : null, iframeEmbed : null, form : null }, options || {});

// Set the window type this.contentToFetch = this.element.href; this.windowType = this.element.type ? this.element.type : this._fileType(this.element.href);

// Clear out the window Contents this._clearWindowContents(true);

// Add back in out loading panel this._addLoadingWindowMarkup();

// Setup everything this._getScroll(); this._browserDimensions(); this._setupDimensions(); this._toggleTroubleElements('hidden', false); this._displayLightWindow('block', 'hidden'); this._setStatus(true); this._monitorKeyboard(true); this._prepareIE(true); this._loadWindow(); }, // // Fire off our Form handler // submitForm : function(e) { if (this.options.formHandler) { this.options.formHandler(e); } else { this._defaultFormHandler(e); } }, // // Reload the window with another location // openWindow : function(element) { var element = $(element);

// The window is active this.windowActive = true;

// Clear out the window Contents this._clearWindowContents(true);

// Add back in out loading panel this._addLoadingWindowMarkup();

// Setup the element properties this._setupWindowElements(element);

this._setStatus(true); this._handleTransition(); }, // // Navigate the window // navigateWindow : function(direction) { this._handleNavigation(false); if (direction == 'previous') { this.openWindow(this.navigationObservers.previous); } else if (direction == 'next'){ this.openWindow(this.navigationObservers.next); } }, // // Build the Gallery List and Load it // buildGalleryList : function() { var output = ; var galleryLink; for (i in this.galleries) { if (typeof this.galleries[i] == 'object') { output += (this.options.skin.gallery.top).replace('{gallery_title_replace}', unescape(i)); for (j in this.galleries[i]) { if (typeof this.galleries[i][j] == 'object') { galleryLink = '<a href="#" id="lightwindow_gallery_'+i+'_'+j+'" >'+unescape(j)+'</a>'; output += (this.options.skin.gallery.middle).replace('{gallery_link_replace}', galleryLink); } } output += this.options.skin.gallery.bottom; } } new Insertion.Top('lightwindow_galleries_list', output);

// Attach Events for (i in this.galleries) { if (typeof this.galleries[i] == 'object') { for (j in this.galleries[i]) { if (typeof this.galleries[i][j] == 'object') { Event.observe($('lightwindow_gallery_'+i+'_'+j), 'click', this.openWindow.bind(this, this.galleries[i][j][0]), false); $('lightwindow_gallery_'+i+'_'+j).onclick = function() {return false;}; } } } } }, // // Set Links Up // _setupLinks : function() { var links = $$('.'+this.options.classNames.standard); links.each(function(link) { this._processLink(link); }.bind(this)); }, // // Process a Link // _processLink : function(link) { if ((this._fileType(link.getAttribute('href')) == 'image' || this._fileType(link.getAttribute('href')) == 'media')) { if (gallery = this._getGalleryInfo(link.rel)) { if (!this.galleries[gallery[0]]) { this.galleries[gallery[0]] = new Array(); } if (!this.galleries[gallery[0]][gallery[1]]) { this.galleries[gallery[0]][gallery[1]] = new Array(); } this.galleries[gallery[0]][gallery[1]].push(link); } }

// Take care of our inline content var url = link.getAttribute('href'); if (url.indexOf('?') > -1) { url = url.substring(0, url.indexOf('?')); }

var container = url.substring(url.indexOf('#')+1); if($(container)) { $(container).setStyle({ display : 'none' }); }

Event.observe(link, 'click', this.activate.bindAsEventListener(this, link), false); link.onclick = function() {return false;}; }, // // Setup our actions // _setupActions : function() { var links = $$('#lightwindow_container .'+this.options.classNames.action); links.each(function(link) { Event.observe(link, 'click', this[link.getAttribute('rel')].bindAsEventListener(this, link), false); link.onclick = function() {return false;}; }.bind(this)); }, // // Add the markup to the page. // _addLightWindowMarkup : function(rebuild) { var overlay = Element.extend(document.createElement('div')); overlay.setAttribute('id', 'lightwindow_overlay'); // FF Mac has a problem with putting Flash above a layer without a 100% opacity background, so we need to use a pre-made if (Prototype.Browser.Gecko) { overlay.setStyle({ backgroundImage: 'url('+this.options.overlay.presetImage+')', backgroundRepeat: 'repeat', height: this.pageDimensions.height+'px' }); } else { overlay.setStyle({ opacity: this.options.overlay.opacity, backgroundImage: 'url('+this.options.overlay.image+')', backgroundRepeat: 'repeat', height: this.pageDimensions.height+'px' }); }

var lw = document.createElement('div'); lw.setAttribute('id', 'lightwindow'); lw.innerHTML = this.options.skin.main;

var body = document.getElementsByTagName('body')[0]; body.appendChild(overlay); body.appendChild(lw);

if ($('lightwindow_title_bar_close_link')) { Event.observe('lightwindow_title_bar_close_link', 'click', this.deactivate.bindAsEventListener(this)); $('lightwindow_title_bar_close_link').onclick = function() {return false;}; }

Event.observe($('lightwindow_previous'), 'click', this.navigateWindow.bind(this, 'previous'), false); $('lightwindow_previous').onclick = function() {return false;}; Event.observe($('lightwindow_next'), 'click', this.navigateWindow.bind(this, 'next'), false); $('lightwindow_next').onclick = function() {return false;};

if (!this.options.hideGalleryTab) { Event.observe($('lightwindow_galleries_tab'), 'click', this._handleGalleryAnimation.bind(this, true), false); $('lightwindow_galleries_tab').onclick = function() {return false;}; }

// Because we use position absolute, kill the scroll Wheel on animations if (Prototype.Browser.IE) { Event.observe(document, 'mousewheel', this._stopScrolling.bindAsEventListener(this), false); } else { Event.observe(window, 'DOMMouseScroll', this._stopScrolling.bindAsEventListener(this), false); }

Event.observe(overlay, 'click', this.deactivate.bindAsEventListener(this), false); overlay.onclick = function() {return false;}; }, // // Add loading window markup // _addLoadingWindowMarkup : function() { $('lightwindow_contents').innerHTML += this.options.skin.loading; }, // // Setup the window elements // _setupWindowElements : function(link) { this.element = link; this.element.title = null ? : link.getAttribute('title'); this.element.author = null ? : link.getAttribute('author'); this.element.caption = null ? : link.getAttribute('caption'); this.element.rel = null ? : link.getAttribute('rel'); this.element.params = null ? : link.getAttribute('params');

// Set the window type this.contentToFetch = this.element.href; this.windowType = this._getParameter('lightwindow_type') ? this._getParameter('lightwindow_type') : this._fileType(this.contentToFetch); }, // // Clear the window contents out // _clearWindowContents : function(contents) { // If there is an iframe, its got to go if ($('lightwindow_iframe')) { Element.remove($('lightwindow_iframe')); }

// Stop playing an object if its still around if ($('lightwindow_media_primary')) { try { $('lightwindow_media_primary').Stop(); } catch(e) {} Element.remove($('lightwindow_media_primary')); }

// Stop playing an object if its still around if ($('lightwindow_media_secondary')) { try { $('lightwindow_media_secondary').Stop(); } catch(e) {} Element.remove($('lightwindow_media_secondary')); }

this.activeGallery = false; this._handleNavigation(this.activeGallery);

if (contents) { // Empty the contents $('lightwindow_contents').innerHTML = ;

// Reset the scroll bars $('lightwindow_contents').setStyle({ overflow: 'hidden' });

if (!this.windowActive) { $('lightwindow_data_slide_inner').setStyle({ display: 'none' });

$('lightwindow_title_bar_title').innerHTML = ; }

// Because of browser differences and to maintain flexible captions we need to reset this height at close $('lightwindow_data_slide').setStyle({ height: 'auto' }); }

this.resizeTo.height = null; this.resizeTo.width = null; }, // // Set the status of our animation to keep things from getting clunky // _setStatus : function(status) { this.animating = status; if (status) { Element.show('lightwindow_loading'); } if (!(/MSIE 6./i.test(navigator.userAgent))) { this._fixedWindow(status); } }, // // Make this window Fixed // _fixedWindow : function(status) { if (status) { if (this.windowActive) { this._getScroll(); $('lightwindow').setStyle({ position: 'absolute', top: parseFloat($('lightwindow').getStyle('top'))+this.pagePosition.y+'px', left: parseFloat($('lightwindow').getStyle('left'))+this.pagePosition.x+'px' }); } else { $('lightwindow').setStyle({ position: 'absolute' }); } } else { if (this.windowActive) { this._getScroll(); $('lightwindow').setStyle({ position: 'fixed', top: parseFloat($('lightwindow').getStyle('top'))-this.pagePosition.y+'px', left: parseFloat($('lightwindow').getStyle('left'))-this.pagePosition.x+'px' }); } else { if ($('lightwindow_iframe')) { // Ideally here we would set a 50% value for top and left, but Safari rears it ugly head again and we need to do it by pixels this._browserDimensions(); } $('lightwindow').setStyle({ position: 'fixed', top: (parseFloat(this._getParameter('lightwindow_top')) ? parseFloat(this._getParameter('lightwindow_top'))+'px' : this.dimensions.viewport.height/2+'px'), left: (parseFloat(this._getParameter('lightwindow_left')) ? parseFloat(this._getParameter('lightwindow_left'))+'px' : this.dimensions.viewport.width/2+'px') }); } } }, // // Prepare the window for IE. // _prepareIE : function(setup) { if (Prototype.Browser.IE) { var height, overflowX, overflowY; if (setup) { 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; } }, _stopScrolling : function(e) { if (this.animating) { if (e.preventDefault) { e.preventDefault(); } e.returnValue = false; } }, // // Get the scroll for the page. // _getScroll : function(){

     	if(typeof(window.pageYOffset) == 'number') {
       	this.pagePosition.x = window.pageXOffset;
       	this.pagePosition.y = window.pageYOffset;
     	} else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {

this.pagePosition.x = document.body.scrollLeft;

       	this.pagePosition.y = document.body.scrollTop;

} else if(document.documentElement) {

       	this.pagePosition.x = document.documentElement.scrollLeft;
       	this.pagePosition.y = document.documentElement.scrollTop;
     	}

}, // // Reset the scroll. // _setScroll : function(x, y) { document.documentElement.scrollLeft = x; document.documentElement.scrollTop = y; }, // // 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 actual page size // _getPageDimensions : 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){ this.pageDimensions.height = windowHeight; } else { this.pageDimensions.height = yScroll; }

if(xScroll < windowWidth){ this.pageDimensions.width = windowWidth; } else { this.pageDimensions.width = xScroll; } }, // // Display the lightWindow. // _displayLightWindow : function(display, visibility) { $('lightwindow_overlay').style.display = $('lightwindow').style.display = $('lightwindow_container').style.display = display; $('lightwindow_overlay').style.visibility = $('lightwindow').style.visibility = $('lightwindow_container').style.visibility = visibility; }, // // Setup Dimensions of lightwindow.

// _setupDimensions : function() {

var originalHeight, originalWidth; 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;

}

var offsetHeight = this._getParameter('lightwindow_top') ? parseFloat(this._getParameter('lightwindow_top'))+this.pagePosition.y : this.dimensions.viewport.height/2+this.pagePosition.y; var offsetWidth = this._getParameter('lightwindow_left') ? parseFloat(this._getParameter('lightwindow_left'))+this.pagePosition.x : this.dimensions.viewport.width/2+this.pagePosition.x;

// So if a theme has say shadowed edges, they should be consistant and take care of in the contentOffset $('lightwindow').setStyle({ top: offsetHeight+'px', left: offsetWidth+'px' });

$('lightwindow_container').setStyle({ height: originalHeight+'px', width: originalWidth+'px', left: -(originalWidth/2)+'px', top: -(originalHeight/2)+'px' });

$('lightwindow_contents').setStyle({ height: originalHeight+'px', width: originalWidth+'px' }); }, // // 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)) 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) { return false; }

switch (String.fromCharCode(keycode).toLowerCase()) { case 'p': if (this.navigationObservers.previous) { this.navigateWindow('previous'); } break;

case 'n': if (this.navigationObservers.next) { this.navigateWindow('next'); } break;

default: break; } }, // // Get Gallery Information // _getGalleryInfo : function(rel) { if (!rel) return false; if (rel.indexOf('[') > -1) { return new Array(escape(rel.substring(0, rel.indexOf('['))), escape(rel.substring(rel.indexOf('[')+1, rel.indexOf(']')))); } else { return false; } }, // // 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 value from the params attribute string. // _getParameter : function(parameter, parameters) { if (!this.element) return false; if (parameter == 'lightwindow_top' && this.element.top) { return unescape(this.element.top); } else if (parameter == 'lightwindow_left' && this.element.left) { return unescape(this.element.left); } else if (parameter == 'lightwindow_type' && this.element.type) { return unescape(this.element.type); } else if (parameter == 'lightwindow_show_images' && this.element.showImages) { return unescape(this.element.showImages); } else if (parameter == 'lightwindow_height' && this.element.height) { return unescape(this.element.height); } else if (parameter == 'lightwindow_width' && this.element.width) { return unescape(this.element.width); } else if (parameter == 'lightwindow_loading_animation' && this.element.loadingAnimation) { return unescape(this.element.loadingAnimation); } else if (parameter == 'lightwindow_iframe_embed' && this.element.iframeEmbed) { return unescape(this.element.iframeEmbed); } else if (parameter == 'lightwindow_form' && this.element.form) { return unescape(this.element.form); } else { if (!parameters) { if (this.element.params) parameters = this.element.params; else return; } var value; var parameterArray = parameters.split(','); var compareString = parameter+'='; var compareLength = compareString.length; for (var i = 0; i < parameterArray.length; i++) { if (parameterArray[i].substr(0, compareLength) == compareString) { var currentParameter = parameterArray[i].split('='); value = currentParameter[1]; break; } } if (!value) return false; else return unescape(value); } }, // // Get the Browser Viewport Dimensions // _browserDimensions : function() { if (Prototype.Browser.IE) {

           this.dimensions.viewport.height = document.documentElement.clientHeight;
           this.dimensions.viewport.width = document.documentElement.clientWidth;   
       } else {
           this.dimensions.viewport.height = window.innerHeight;
           this.dimensions.viewport.width = document.width || document.body.offsetWidth;
       }

}, // // Get the scrollbar offset, I don't like this method but there is really no other way I can find. // _getScrollerWidth : function() { var scrollDiv = Element.extend(document.createElement('div')); scrollDiv.setAttribute('id', 'lightwindow_scroll_div'); scrollDiv.setStyle({ position: 'absolute', top: '-10000px', left: '-10000px', width: '100px', height: '100px', overflow: 'hidden' });

var contentDiv = Element.extend(document.createElement('div')); contentDiv.setAttribute('id', 'lightwindow_content_scroll_div'); contentDiv.setStyle({ width: '100%', height: '200px' });

scrollDiv.appendChild(contentDiv);

var body = document.getElementsByTagName('body')[0]; body.appendChild(scrollDiv);

var noScroll = $('lightwindow_content_scroll_div').offsetWidth; scrollDiv.style.overflow = 'auto';

   	var withScroll = $('lightwindow_content_scroll_div').offsetWidth;

Element.remove($('lightwindow_scroll_div'));

this.scrollbarOffset = noScroll-withScroll; },

// // Add a param to an object dynamically created // _addParamToObject : function(name, value, object, id) { var param = document.createElement('param'); param.setAttribute('value', value); param.setAttribute('name', name); if (id) { param.setAttribute('id', id); } object.appendChild(param); return object; }, // // Get the outer HTML of an object CROSS BROWSER // _outerHTML : function(object) {

		if (Prototype.Browser.IE) {

return object.outerHTML; } else { var clone = object.cloneNode(true); var cloneDiv = document.createElement('div'); cloneDiv.appendChild(clone); return cloneDiv.innerHTML; } }, // // Convert an object to markup // _convertToMarkup : function(object, closeTag) { var markup = this._outerHTML(object).replace('</'+closeTag+'>', ); if (Prototype.Browser.IE) { for (var i = 0; i < object.childNodes.length; i++){ markup += this._outerHTML(object.childNodes[i]); } markup += '</'+closeTag+'>'; } return markup; }, // // Depending what type of browser it is we have to append the object differently... DAMN YOU IE!! // _appendObject : function(object, closeTag, appendTo) { if (Prototype.Browser.IE) { appendTo.innerHTML += this._convertToMarkup(object, closeTag);

// Fix the Eolas activate thing but only for specified media, for example doing this to a quicktime film breaks it. if (this.options.EOLASFix.indexOf(this._fileType(this.element.href)) > -1) { var objectElements = document.getElementsByTagName('object'); for (var i = 0; i < objectElements.length; i++) { if (objectElements[i].getAttribute("data")) objectElements[i].removeAttribute('data'); objectElements[i].outerHTML = objectElements[i].outerHTML; objectElements[i].style.visibility = "visible"; } } } else { appendTo.appendChild(object); } }, // // Add in iframe // _appendIframe : function(scroll) { var iframe = document.createElement('iframe'); iframe.setAttribute('id', 'lightwindow_iframe'); iframe.setAttribute('name', 'lightwindow_iframe'); iframe.setAttribute('src', 'about:blank'); iframe.setAttribute('height', '100%'); iframe.setAttribute('width', '100%'); iframe.setAttribute('frameborder', '0'); iframe.setAttribute('marginwidth', '0'); iframe.setAttribute('marginheight', '0'); iframe.setAttribute('scrolling', scroll);

this._appendObject(iframe, 'iframe', $('lightwindow_contents')); }, // // Write Content to the iframe using the skin // _writeToIframe : function(content) { var template = this.options.skin.iframe; template = template.replace('{body_replace}', content); if ($('lightwindow_iframe').contentWindow){ $('lightwindow_iframe').contentWindow.document.open(); $('lightwindow_iframe').contentWindow.document.write(template); $('lightwindow_iframe').contentWindow.document.close(); } else { $('lightwindow_iframe').contentDocument.open(); $('lightwindow_iframe').contentDocument.write(template); $('lightwindow_iframe').contentDocument.close(); } }, // // Load the window Information // _loadWindow : function() { switch (this.windowType) { case 'image' :

var current = 0; var images = []; this.checkImage = []; this.resizeTo.height = this.resizeTo.width = 0; this.imageCount = this._getParameter('lightwindow_show_images') ? parseInt(this._getParameter('lightwindow_show_images')) : 1;

// If there is a gallery get it if (gallery = this._getGalleryInfo(this.element.rel)) { for (current = 0; current < this.galleries[gallery[0]][gallery[1]].length; current++) { if (this.contentToFetch.indexOf(this.galleries[gallery[0]][gallery[1]][current].href) > -1) { break; } } if (this.galleries[gallery[0]][gallery[1]][current-this.imageCount]) { this.navigationObservers.previous = this.galleries[gallery[0]][gallery[1]][current-this.imageCount]; } else { this.navigationObservers.previous = false; } if (this.galleries[gallery[0]][gallery[1]][current+this.imageCount]) { this.navigationObservers.next = this.galleries[gallery[0]][gallery[1]][current+this.imageCount]; } else { this.navigationObservers.next = false; }

this.activeGallery = true; } else { this.navigationObservers.previous = false; this.navigationObservers.next = false;

this.activeGallery = false; }

for (var i = current; i < (current+this.imageCount); i++) {

if (gallery && this.galleries[gallery[0]][gallery[1]][i]) { this.contentToFetch = this.galleries[gallery[0]][gallery[1]][i].href;

this.galleryLocation = {current: (i+1)/this.imageCount, total: (this.galleries[gallery[0]][gallery[1]].length)/this.imageCount};

if (!this.galleries[gallery[0]][gallery[1]][i+this.imageCount]) { $('lightwindow_next').setStyle({ display: 'none' }); } else { $('lightwindow_next').setStyle({ display: 'block' }); $('lightwindow_next_title').innerHTML = this.galleries[gallery[0]][gallery[1]][i+this.imageCount].title; }

if (!this.galleries[gallery[0]][gallery[1]][i-this.imageCount]) { $('lightwindow_previous').setStyle({ display: 'none' }); } else { $('lightwindow_previous').setStyle({ display: 'block' }); $('lightwindow_previous_title').innerHTML = this.galleries[gallery[0]][gallery[1]][i-this.imageCount].title; } }

images[i] = document.createElement('img'); images[i].setAttribute('id', 'lightwindow_image_'+i); images[i].setAttribute('border', '0'); images[i].setAttribute('src', this.contentToFetch); $('lightwindow_contents').appendChild(images[i]);

// We have to do this instead of .onload this.checkImage[i] = new PeriodicalExecuter(function(i) { if (!(typeof $('lightwindow_image_'+i).naturalWidth != "undefined" && $('lightwindow_image_'+i).naturalWidth == 0)) {

this.checkImage[i].stop();

var imageHeight = $('lightwindow_image_'+i).getHeight(); if (imageHeight > this.resizeTo.height) { this.resizeTo.height = imageHeight; } this.resizeTo.width += $('lightwindow_image_'+i).getWidth(); this.imageCount--;

$('lightwindow_image_'+i).setStyle({ height: '100%' });

if (this.imageCount == 0) { this._processWindow(); } }

}.bind(this, i), 1); }

break;

case 'media' :

var current = 0; this.resizeTo.height = this.resizeTo.width = 0;

// If there is a gallery get it if (gallery = this._getGalleryInfo(this.element.rel)) { for (current = 0; current < this.galleries[gallery[0]][gallery[1]].length; current++) { if (this.contentToFetch.indexOf(this.galleries[gallery[0]][gallery[1]][current].href) > -1) { break; } }

if (this.galleries[gallery[0]][gallery[1]][current-1]) { this.navigationObservers.previous = this.galleries[gallery[0]][gallery[1]][current-1]; } else { this.navigationObservers.previous = false; } if (this.galleries[gallery[0]][gallery[1]][current+1]) { this.navigationObservers.next = this.galleries[gallery[0]][gallery[1]][current+1]; } else { this.navigationObservers.next = false; }

this.activeGallery = true; } else { this.navigationObservers.previous = false; this.navigationObservers.next = false;

this.activeGallery = false; }

if (gallery && this.galleries[gallery[0]][gallery[1]][current]) { this.contentToFetch = this.galleries[gallery[0]][gallery[1]][current].href;

this.galleryLocation = {current: current+1, total: this.galleries[gallery[0]][gallery[1]].length};

if (!this.galleries[gallery[0]][gallery[1]][current+1]) { $('lightwindow_next').setStyle({ display: 'none' }); } else { $('lightwindow_next').setStyle({ display: 'block' }); $('lightwindow_next_title').innerHTML = this.galleries[gallery[0]][gallery[1]][current+1].title; }

if (!this.galleries[gallery[0]][gallery[1]][current-1]) { $('lightwindow_previous').setStyle({ display: 'none' }); } else { $('lightwindow_previous').setStyle({ display: 'block' }); $('lightwindow_previous_title').innerHTML = this.galleries[gallery[0]][gallery[1]][current-1].title; } }

if (this._getParameter('lightwindow_iframe_embed')) { this.resizeTo.height = this.dimensions.viewport.height; this.resizeTo.width = this.dimensions.viewport.width; } else { this.resizeTo.height = this._getParameter('lightwindow_height'); this.resizeTo.width = this._getParameter('lightwindow_width'); }

this._processWindow();

break;

case 'external' :

this._appendIframe('auto');

this.resizeTo.height = this.dimensions.viewport.height; this.resizeTo.width = this.dimensions.viewport.width;

this._processWindow();

break;

case 'page' :

var newAJAX = new Ajax.Request( this.contentToFetch, { method: 'get', parameters: , onComplete: function(response) { $('lightwindow_contents').innerHTML += response.responseText; this.resizeTo.height = $('lightwindow_contents').scrollHeight+(this.options.contentOffset.height); this.resizeTo.width = $('lightwindow_contents').scrollWidth+(this.options.contentOffset.width); this._processWindow(); }.bind(this) } );

break;

case 'inline' :

var content = this.contentToFetch; if (content.indexOf('?') > -1) { content = content.substring(0, content.indexOf('?')); } content = content.substring(content.indexOf('#')+1);

new Insertion.Top($('lightwindow_contents'), $(content).innerHTML);

this.resizeTo.height = $('lightwindow_contents').scrollHeight+(this.options.contentOffset.height); this.resizeTo.width = $('lightwindow_contents').scrollWidth+(this.options.contentOffset.width);

this._toggleTroubleElements('hidden', true); this._processWindow();

break;

default : throw("Page Type could not be determined, please amend this lightwindow URL "+this.contentToFetch); break; } }, // // Resize the Window to fit the viewport if necessary // _resizeWindowToFit : function() { if (this.resizeTo.height+this.dimensions.cruft.height > this.dimensions.viewport.height) { var heightRatio = this.resizeTo.height/this.resizeTo.width; this.resizeTo.height = this.dimensions.viewport.height-this.dimensions.cruft.height-(2*this.options.viewportPadding); // We only care about ratio's with this window type if (this.windowType == 'image' || (this.windowType == 'media' && !this._getParameter('lightwindow_iframe_embed'))) { this.resizeTo.width = this.resizeTo.height/heightRatio; $('lightwindow_data_slide_inner').setStyle({ width: this.resizeTo.width+'px' }); } } if (this.resizeTo.width+this.dimensions.cruft.width > this.dimensions.viewport.width) { var widthRatio = this.resizeTo.width/this.resizeTo.height; this.resizeTo.width = this.dimensions.viewport.width-2*this.dimensions.cruft.width-(2*this.options.viewportPadding); // We only care about ratio's with this window type if (this.windowType == 'image' || (this.windowType == 'media' && !this._getParameter('lightwindow_iframe_embed'))) { this.resizeTo.height = this.resizeTo.width/widthRatio; $('lightwindow_data_slide_inner').setStyle({ height: this.resizeTo.height+'px' }); } }

}, // // Set the Window to a preset size // _presetWindowSize : function() { if (this._getParameter('lightwindow_height')) { this.resizeTo.height = parseFloat(this._getParameter('lightwindow_height')); } if (this._getParameter('lightwindow_width')) { this.resizeTo.width = parseFloat(this._getParameter('lightwindow_width')); } }, // // Process the Window // _processWindow : function() { // Clean out our effects this.dimensions.dataEffects = [];

// Set up the data-slide if we have caption information if (this.element.caption || this.element.author || (this.activeGallery && this.options.showGalleryCount)) { if (this.element.caption) { $('lightwindow_data_caption').innerHTML = this.element.caption; $('lightwindow_data_caption').setStyle({ display: 'block' }); } else { $('lightwindow_data_caption').setStyle({ display: 'none' }); } if (this.element.author) { $('lightwindow_data_author').innerHTML = this.element.author; $('lightwindow_data_author_container').setStyle({ display: 'block' }); } else { $('lightwindow_data_author_container').setStyle({ display: 'none' }); } if (this.activeGallery && this.options.showGalleryCount) { $('lightwindow_data_gallery_current').innerHTML = this.galleryLocation.current; $('lightwindow_data_gallery_total').innerHTML = this.galleryLocation.total; $('lightwindow_data_gallery_container').setStyle({ display: 'block' }); } else { $('lightwindow_data_gallery_container').setStyle({ display: 'none' }); }

$('lightwindow_data_slide_inner').setStyle({ width: this.resizeTo.width+'px', height: 'auto', visibility: 'visible', display: 'block' }); $('lightwindow_data_slide').setStyle({ height: $('lightwindow_data_slide').getHeight()+'px', width: '1px', overflow: 'hidden', display: 'block' }); } else { $('lightwindow_data_slide').setStyle({ display: 'none', width: 'auto' }); $('lightwindow_data_slide_inner').setStyle({ display: 'none', visibility: 'hidden', width: this.resizeTo.width+'px', height: '0px' }); }

if (this.element.title != 'null') { $('lightwindow_title_bar_title').innerHTML = this.element.title; } else { $('lightwindow_title_bar_title').innerHTML = ; }

var originalContainerDimensions = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()}; // Position the window

   	$('lightwindow_container').setStyle({

height: 'auto', // We need to set the width to a px not auto as opera has problems with it width: $('lightwindow_container').getWidth()+this.options.contentOffset.width-(this.windowActive ? this.options.contentOffset.width : 0)+'px' }); var newContainerDimensions = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};

// We need to record the container dimension changes this.containerChange = {height: originalContainerDimensions.height-newContainerDimensions.height, width: originalContainerDimensions.width-newContainerDimensions.width};

// Get out general dimensions this.dimensions.container = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()}; this.dimensions.cruft = {height: this.dimensions.container.height-$('lightwindow_contents').getHeight()+this.options.contentOffset.height, width: this.dimensions.container.width-$('lightwindow_contents').getWidth()+this.options.contentOffset.width};

// Set Sizes if we need too this._presetWindowSize(); this._resizeWindowToFit(); // Even if the window is preset we still don't want it to go outside of the viewport

if (!this.windowActive) { // Position the window $('lightwindow_container').setStyle({ left: -(this.dimensions.container.width/2)+'px', top: -(this.dimensions.container.height/2)+'px' }); } $('lightwindow_container').setStyle({ height: this.dimensions.container.height+'px', width: this.dimensions.container.width+'px' });

// We are ready, lets show this puppy off! this._displayLightWindow('block', 'visible'); this._animateLightWindow(); }, // // Fire off our animation handler // _animateLightWindow : function() { if (this.options.animationHandler) { this.options.animationHandler().bind(this); } else { this._defaultAnimationHandler(); } }, // // Fire off our transition handler // _handleNavigation : function(display) { if (this.options.navigationHandler) { this.options.navigationHandler().bind(this, display); } else { this._defaultDisplayNavigation(display); } }, // // Fire off our transition handler // _handleTransition : function() { if (this.options.transitionHandler) { this.options.transitionHandler().bind(this); } else { this._defaultTransitionHandler(); } }, // // Handle the finish of the window animation // _handleFinalWindowAnimation : function(delay) { if (this.options.finalAnimationHandler) { this.options.finalAnimationHandler().bind(this, delay); } else { this._defaultfinalWindowAnimationHandler(delay); } }, // // Handle the gallery Animation // _handleGalleryAnimation : function(list) { if (this.options.galleryAnimationHandler) { this.options.galleryAnimationHandler().bind(this, list); } else { this._defaultGalleryAnimationHandler(list); } }, // // Display the navigation // _defaultDisplayNavigation : function(display) { if (display) { $('lightwindow_navigation').setStyle({ display: 'block', height: $('lightwindow_contents').getHeight()+'px', width: '100%', marginTop: this.options.dimensions.titleHeight+'px' }); } else { $('lightwindow_navigation').setStyle({ display: 'none', height: 'auto', width: 'auto' }); } }, // // This is the default animation handler for LightWindow // _defaultAnimationHandler : function() { // Now that we have figures out the cruft lets make the caption go away and add its effects if (this.element.caption || this.element.author || (this.activeGallery && this.options.showGalleryCount)) { $('lightwindow_data_slide').setStyle({ display: 'none', width: 'auto' }); this.dimensions.dataEffects.push( new Effect.SlideDown('lightwindow_data_slide', {sync: true}), new Effect.Appear('lightwindow_data_slide', {sync: true, from: 0.0, to: 1.0}) ); }

// Set up the Title if we have one $('lightwindow_title_bar_inner').setStyle({ height: '0px', marginTop: this.options.dimensions.titleHeight+'px' });

// We always want the title bar as well this.dimensions.dataEffects.push( new Effect.Morph('lightwindow_title_bar_inner', {sync: true, style: {height: this.options.dimensions.titleHeight+'px', marginTop: '0px'}}), new Effect.Appear('lightwindow_title_bar_inner', {sync: true, from: 0.0, to: 1.0}) );

if (!this.options.hideGalleryTab) { this._handleGalleryAnimation(false); if ($('lightwindow_galleries_tab_container').getHeight() == 0) { this.dimensions.dataEffects.push( new Effect.Morph('lightwindow_galleries_tab_container', {sync: true, style: {height: '20px', marginTop: '0px'}}) ); $('lightwindow_galleries').setStyle({ width: '0px' }); } }

ratio = this.dimensions.container.height-$('lightwindow_contents').getHeight()+this.resizeTo.height+this.options.contentOffset.height; if (ratio != $('lightwindow_container').getHeight()) { new Effect.Parallel([ new Effect.Scale('lightwindow_contents', 100*(this.resizeTo.height/$('lightwindow_contents').getHeight()), {scaleFrom: 100*($('lightwindow_contents').getHeight()/($('lightwindow_contents').getHeight()+(this.options.contentOffset.height))), sync: true, scaleX: false, scaleContent: false}), new Effect.Scale('lightwindow_container', 100*(ratio/(this.dimensions.container.height)), {sync: true, scaleX: false, scaleFromCenter: true, scaleContent: false}) ], { duration: this.duration, afterFinish: function() { if (this.dimensions.dataEffects.length > 0) { if (!this.options.hideGalleryTab) { $('lightwindow_galleries').setStyle({ width: this.resizeTo.width+'px' }); } new Effect.Parallel(this.dimensions.dataEffects, { duration: this.duration, afterFinish: function() { this._finishWindow(); }.bind(this), queue: {position: 'end', scope: 'lightwindowAnimation'} } ); } }.bind(this), queue: {position: 'end', scope: 'lightwindowAnimation'} } ); resized = true; }

// We need to do our data effect since there was no resizing if (!resized && this.dimensions.dataEffects.length > 0) { new Effect.Parallel(this.dimensions.dataEffects, { duration: this.duration, beforeStart: function() { if (!this.options.hideGalleryTab) { $('lightwindow_galleries').setStyle({ width: this.resizeTo.width+'px' }); } if (this.containerChange.height != 0 || this.containerChange.width != 0) { new Effect.MoveBy('lightwindow_container', this.containerChange.height, this.containerChange.width, {transition: Effect.Transitions.sinoidal}); } }.bind(this), afterFinish: function() { this._finishWindow(); }.bind(this), queue: {position: 'end', scope: 'lightwindowAnimation'} } ); }

}, // // Finish up Window Animation // _defaultfinalWindowAnimationHandler : function(delay) { if (this.windowType == 'media' || this._getParameter('lightwindow_loading_animation')) { // Because of major flickering with the overlay we just hide it in this case Element.hide('lightwindow_loading'); this._handleNavigation(this.activeGallery); this._setStatus(false); } else { Effect.Fade('lightwindow_loading', { duration: 0.75, delay: 1.0, afterFinish: function() { // Just in case we need some scroll goodness (this also avoids the swiss cheese effect) if (this.windowType != 'image' && this.windowType != 'media' && this.windowType != 'external') { $('lightwindow_contents').setStyle({ overflow: 'auto' }); } this._handleNavigation(this.activeGallery); this._defaultGalleryAnimationHandler(); this._setStatus(false); }.bind(this), queue: {position: 'end', scope: 'lightwindowAnimation'} }); } }, // // Handle the gallery Animation // _defaultGalleryAnimationHandler : function(list) { if (this.activeGallery) { $('lightwindow_galleries').setStyle({ display: 'block', marginBottom: $('lightwindow_data_slide').getHeight()+this.options.contentOffset.height/2+'px' }); $('lightwindow_navigation').setStyle({ height: $('lightwindow_contents').getHeight()-20+'px' }); } else { $('lightwindow_galleries').setStyle({ display: 'none' }); $('lightwindow_galleries_tab_container').setStyle({ height: '0px', marginTop: '20px' }); $('lightwindow_galleries_list').setStyle({ height: '0px' }); return false; }

if (list) { if ($('lightwindow_galleries_list').getHeight() == 0) { var height = $('lightwindow_contents').getHeight()*0.80; $('lightwindow_galleries_tab_span').className = 'down'; } else { var height = 0; $('lightwindow_galleries_tab_span').className = 'up'; }

new Effect.Morph('lightwindow_galleries_list', { duration: this.duration, transition: Effect.Transitions.sinoidal, style: {height: height+'px'}, beforeStart: function() { $('lightwindow_galleries_list').setStyle({ overflow: 'hidden' }); }, afterFinish: function() { $('lightwindow_galleries_list').setStyle({ overflow: 'auto' }); }, queue: {position: 'end', scope: 'lightwindowAnimation'} }); }

}, // // Default Transition Handler // _defaultTransitionHandler : function() { // Clean out our effects this.dimensions.dataEffects = [];

// Now that we have figures out the cruft lets make the caption go away and add its effects if ($('lightwindow_data_slide').getStyle('display') != 'none') { this.dimensions.dataEffects.push( new Effect.SlideUp('lightwindow_data_slide', {sync: true}), new Effect.Fade('lightwindow_data_slide', {sync: true, from: 1.0, to: 0.0}) ); }

if (!this.options.hideGalleryTab) { if ($('lightwindow_galleries').getHeight() != 0 && !this.options.hideGalleryTab) { this.dimensions.dataEffects.push( new Effect.Morph('lightwindow_galleries_tab_container', {sync: true, style: {height: '0px', marginTop: '20px'}}) ); }

if ($('lightwindow_galleries_list').getHeight() != 0) { $('lightwindow_galleries_tab_span').className = 'up'; this.dimensions.dataEffects.push( new Effect.Morph('lightwindow_galleries_list', { sync: true, style: {height: '0px'}, transition: Effect.Transitions.sinoidal, beforeStart: function() { $('lightwindow_galleries_list').setStyle({ overflow: 'hidden' }); }, afterFinish: function() { $('lightwindow_galleries_list').setStyle({ overflow: 'auto' }); } }) ); } }

// We always want the title bar as well this.dimensions.dataEffects.push( new Effect.Morph('lightwindow_title_bar_inner', {sync: true, style: {height: '0px', marginTop: this.options.dimensions.titleHeight+'px'}}), new Effect.Fade('lightwindow_title_bar_inner', {sync: true, from: 1.0, to: 0.0}) );

new Effect.Parallel(this.dimensions.dataEffects, { duration: this.duration, afterFinish: function() { this._loadWindow(); }.bind(this), queue: {position: 'end', scope: 'lightwindowAnimation'} } ); }, // // Default Form handler for LightWindow // _defaultFormHandler : function(e) { var element = Event.element(e).parentNode; var parameterString = Form.serialize(this._getParameter('lightwindow_form', element.getAttribute('params'))); if (this.options.formMethod == 'post') { var newAJAX = new Ajax.Request(element.href, { method: 'post', postBody: parameterString, onComplete: this.openWindow.bind(this, element) }); } else if (this.options.formMethod == 'get') { var newAJAX = new Ajax.Request(element.href, { method: 'get', parameters: parameterString, onComplete: this.openWindow.bind(this, element) }); } }, // // Wrap everything up // _finishWindow : function() { if (this.windowType == 'external') { // We set the externals source here because it allows for a much smoother animation $('lightwindow_iframe').setAttribute('src', this.element.href); this._handleFinalWindowAnimation(1); } else if (this.windowType == 'media') {

var outerObject = document.createElement('object'); outerObject.setAttribute('classid', this.options.classids[this._fileExtension(this.contentToFetch)]); outerObject.setAttribute('codebase', this.options.codebases[this._fileExtension(this.contentToFetch)]); outerObject.setAttribute('id', 'lightwindow_media_primary'); outerObject.setAttribute('name', 'lightwindow_media_primary'); outerObject.setAttribute('width', this.resizeTo.width); outerObject.setAttribute('height', this.resizeTo.height); outerObject = this._addParamToObject('movie', this.contentToFetch, outerObject); outerObject = this._addParamToObject('src', this.contentToFetch, outerObject); outerObject = this._addParamToObject('controller', 'true', outerObject); outerObject = this._addParamToObject('wmode', 'transparent', outerObject); outerObject = this._addParamToObject('cache', 'false', outerObject); outerObject = this._addParamToObject('quality', 'high', outerObject);

if (!Prototype.Browser.IE) { var innerObject = document.createElement('object'); innerObject.setAttribute('type', this.options.mimeTypes[this._fileExtension(this.contentToFetch)]); innerObject.setAttribute('data', this.contentToFetch); innerObject.setAttribute('id', 'lightwindow_media_secondary'); innerObject.setAttribute('name', 'lightwindow_media_secondary'); innerObject.setAttribute('width', this.resizeTo.width); innerObject.setAttribute('height', this.resizeTo.height); innerObject = this._addParamToObject('controller', 'true', innerObject); innerObject = this._addParamToObject('wmode', 'transparent', innerObject); innerObject = this._addParamToObject('cache', 'false', innerObject); innerObject = this._addParamToObject('quality', 'high', innerObject);

outerObject.appendChild(innerObject); }

if (this._getParameter('lightwindow_iframe_embed')) { this._appendIframe('no'); this._writeToIframe(this._convertToMarkup(outerObject, 'object')); } else { this._appendObject(outerObject, 'object', $('lightwindow_contents')); }

this._handleFinalWindowAnimation(0); } else { this._handleFinalWindowAnimation(0); }

// Initialize any actions this._setupActions(); } }

/*-----------------------------------------------------------------------------------------------*/

Event.observe(window, 'load', lightwindowInit, false);

// // Set up all of our links // var myLightWindow = null; function lightwindowInit() { myLightWindow = new lightwindow(); }

@@ Line 1: / Line 1: @@
-/*!
+// lightwindow.js v2.0
-	Slimbox v1.8 - The ultimate lightweight Lightbox clone
+//
-	(c) 2007-2011 Christophe Beyls <http://www.digitalia.be>
+// Copyright (c) 2007 stickmanlabs
-	MIT-style license.
+// Author: Kevin P Miller | http://www.stickmanlabs.com
-*/
+//
-var Slimbox=(function(){var F=window,n=Browser.ie6,u,g,G=-1,o,w,E,v,y,M,s,m={},t=new Image(),K=new Image(),I,a,h,q,J,e,H,c,A,L,x,i,d,C;F.addEvent("domready",function(){$(document.body).adopt($$(I=new Element("div#lbOverlay",{events:{click:D}}),a=new Element("div#lbCenter"),H=new Element("div#lbBottomContainer")).setStyle("display","none"));h=new Element("div#lbImage").inject(a).adopt(q=new Element("div",{styles:{position:"relative"}}).adopt(J=new Element("a#lbPrevLink[href=#]",{events:{click:B}}),e=new Element("a#lbNextLink[href=#]",{events:{click:f}})));c=new Element("div#lbBottom").inject(H).adopt(new Element("a#lbCloseLink[href=#]",{events:{click:D}}),A=new Element("div#lbCaption"),L=new Element("div#lbNumber"),new Element("div",{styles:{clear:"both"}}))});function z(){var N=F.getScroll(),O=F.getSize();$$(a,H).setStyle("left",N.x+(O.x/2));if(v){I.setStyles({left:N.x,top:N.y,width:O.x,height:O.y})}}function l(N){["object",n?"select":"embed"].forEach(function(P){Array.forEach(document.getElementsByTagName(P),function(Q){if(N){Q._slimbox=Q.style.visibility}Q.style.visibility=N?"hidden":Q._slimbox})});I.style.display=N?"":"none";var O=N?"addEvent":"removeEvent";F[O]("scroll",z)[O]("resize",z);document[O]("keydown",p)}function p(O){var N=O.code;return u.closeKeys.contains(N)?D():u.nextKeys.contains(N)?f():u.previousKeys.contains(N)?B():false}function B(){return b(w)}function f(){return b(E)}function b(N){if(N>=0){G=N;o=g[N][0];w=(G||(u.loop?g.length:0))-1;E=((G+1)%g.length)||(u.loop?0:-1);r();a.className="lbLoading";m=new Image();m.onload=k;m.src=o}return false}function k(){a.className="";d.set(0);h.setStyles({backgroundImage:"url("+o+")",display:""});q.setStyle("width",m.width);$$(q,J,e).setStyle("height",m.height);A.set("html",g[G][1]||"");L.set("html",(((g.length>1)&&u.counterText)||"").replace(/{x}/,G+1).replace(/{y}/,g.length));if(w>=0){t.src=g[w][0]}if(E>=0){K.src=g[E][0]}M=h.offsetWidth;s=h.offsetHeight;var P=Math.max(0,y-(s/2)),N=0,O;if(a.offsetHeight!=s){N=i.start({height:s,top:P})}if(a.offsetWidth!=M){N=i.start({width:M,marginLeft:-M/2})}O=function(){H.setStyles({width:M,top:P+s,marginLeft:-M/2,visibility:"hidden",display:""});d.start(1)};if(N){i.chain(O)}else{O()}}function j(){if(w>=0){J.style.display=""}if(E>=0){e.style.display=""}C.set(-c.offsetHeight).start(0);H.style.visibility=""}function r(){m.onload=null;m.src=t.src=K.src=o;i.cancel();d.cancel();C.cancel();$$(J,e,h,H).setStyle("display","none")}function D(){if(G>=0){r();G=w=E=-1;a.style.display="none";x.cancel().chain(l).start(0)}return false}Element.implement({slimbox:function(N,O){$$(this).slimbox(N,O);return this}});Elements.implement({slimbox:function(N,Q,P){Q=Q||function(R){return[R.href,R.title]};P=P||function(){return true};var O=this;O.removeEvents("click").addEvent("click",function(){var R=O.filter(P,this);return Slimbox.open(R.map(Q),R.indexOf(this),N)});return O}});return{open:function(P,O,N){u=Object.append({loop:false,overlayOpacity:0.8,overlayFadeDuration:400,resizeDuration:400,resizeTransition:false,initialWidth:250,initialHeight:250,imageFadeDuration:400,captionAnimationDuration:400,counterText:"Image {x} of {y}",closeKeys:[27,88,67],previousKeys:[37,80],nextKeys:[39,78]},N||{});x=new Fx.Tween(I,{property:"opacity",duration:u.overlayFadeDuration});i=new Fx.Morph(a,Object.append({duration:u.resizeDuration,link:"chain"},u.resizeTransition?{transition:u.resizeTransition}:{}));d=new Fx.Tween(h,{property:"opacity",duration:u.imageFadeDuration,onComplete:j});C=new Fx.Tween(c,{property:"margin-top",duration:u.captionAnimationDuration});if(typeof P=="string"){P=[[P,O]];O=0}y=F.getScrollTop()+(F.getHeight()/2);M=u.initialWidth;s=u.initialHeight;a.setStyles({top:Math.max(0,y-(s/2)),width:M,height:s,marginLeft:-M/2,display:""});v=n||(I.currentStyle&&(I.currentStyle.position!="fixed"));if(v){I.style.position="absolute"}x.set(0).start(u.overlayOpacity);z();l(1);g=P;u.loop=u.loop&&(g.length>1);return b(O)}}})();
+// 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
+//
-// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
+/*-----------------------------------------------------------------------------------------------*/
-Slimbox.scanPage = function() {
-	$$("a[rel^=lightbox]").slimbox({/* Put custom options here */}, null, function(el) {
+if(typeof Effect == 'undefined')
-		return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
+  throw("lightwindow.js requires including script.aculo.us' effects.js library!");
-	});
-};
+// This will stop image flickering in IE6 when elements with images are moved
-if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
+try {
-	window.addEvent("domready", Slimbox.scanPage);
+	document.execCommand("BackgroundImageCache", false, true);
+} catch(e) {}
+var lightwindow = Class.create();
+lightwindow.prototype = {
+	//
+	//	Setup Variables
+	//
+	element : null,
+	contentToFetch : null,
+	windowActive : false,
+	dataEffects : [],
+	dimensions : {
+		cruft : null,
+		container : null,
+		viewport : {
+			height : null,
+			width : null,
+			offsetTop : null,
+			offsetLeft : null
+		}
+	},
+	pagePosition : {
+		x : 0,
+		y : 0
+	},
+	pageDimensions : {
+		width : null,
+		height : null
+	},
+	preloadImage : [],
+	preloadedImage : [],
+	galleries : [],
+	resizeTo : {
+		height : null,
+		heightPercent : null,
+		width : null,
+		widthPercent : null,
+		fixedTop : null,
+		fixedLeft : null
+	},
+	scrollbarOffset : 18,
+	navigationObservers : {
+		previous : null,
+		next : null
+	},
+	containerChange : {
+		height : 0,
+		width : 0
+	},
+	activeGallery : false,
+	galleryLocation : {
+		current : 0,
+		total : 0
+	},
+	//
+	//	Initialize the lightwindow.
+	//
+	initialize : function(options) {
+		this.options = Object.extend({
+			resizeSpeed : 8,
+			contentOffset : {
+				height : 20,
+				width : 20
+			},
+			dimensions : {
+				image : {height : 250, width : 250},
+				page : {height : 250, width : 250},
+				inline : {height : 250, width : 250},
+				media : {height : 250, width : 250},
+				external : {height : 250, width : 250},
+				titleHeight : 25
+			},
+			classNames : {
+				standard : 'lightwindow',
+				action : 'lightwindow_action'
+			},
+			fileTypes : {
+				page : ['asp', 'aspx', 'cgi', 'cfm', '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', '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',
+				wmv : 'application/x-mplayer2'
+			},
+			classids : {
+				mov : 'clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B',
+				swf : 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000',
+				wmv : 'clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6'
+			},
+			codebases : {
+				mov : 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0',
+				swf : 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0',
+				wmv : 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715'
+			},
+			viewportPadding : 10,
+			EOLASFix : 'swf,wmv,fla,flv',
+			overlay : {
+				opacity : 0.7,
+				image : 'images/black.png',
+				presetImage : 'images/black-70.png'
+			},
+			skin : 	{
+				main : 	'<div id="lightwindow_container" >'+
+							'<div id="lightwindow_title_bar" >'+
+								'<div id="lightwindow_title_bar_inner" >'+
+									'<span id="lightwindow_title_bar_title"></span>'+
+									'<a id="lightwindow_title_bar_close_link" >close</a>'+
+								'</div>'+
+							'</div>'+
+							'<div id="lightwindow_stage" >'+
+								'<div id="lightwindow_contents" >'+
+								'</div>'+
+								'<div id="lightwindow_navigation" >'+
+									'<a href="#" id="lightwindow_previous" >'+
+										'<span id="lightwindow_previous_title"></span>'+
+									'</a>'+
+									'<a href="#" id="lightwindow_next" >'+
+										'<span id="lightwindow_next_title"></span>'+
+									'</a>'+
+									'<iframe name="lightwindow_navigation_shim" id="lightwindow_navigation_shim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>'+
+								'</div>'+
+								'<div id="lightwindow_galleries">'+
+									'<div id="lightwindow_galleries_tab_container" >'+
+										'<a href="#" id="lightwindow_galleries_tab" >'+
+											'<span id="lightwindow_galleries_tab_span" class="up" >Galleries</span>'+
+										'</a>'+
+									'</div>'+
+									'<div id="lightwindow_galleries_list" >'+
+									'</div>'+
+								'</div>'+
+							'</div>'+
+							'<div id="lightwindow_data_slide" >'+
+								'<div id="lightwindow_data_slide_inner" >'+
+									'<div id="lightwindow_data_details" >'+
+										'<div id="lightwindow_data_gallery_container" >'+
+											'<span id="lightwindow_data_gallery_current"></span>'+
+											' of '+
+											'<span id="lightwindow_data_gallery_total"></span>'+
+										'</div>'+
+										'<div id="lightwindow_data_author_container" >'+
+											'by <span id="lightwindow_data_author"></span>'+
+										'</div>'+
+									'</div>'+
+									'<div id="lightwindow_data_caption" >'+
+									'</div>'+
+								'</div>'+
+							'</div>'+
+						'</div>',
+				loading : 	'<div id="lightwindow_loading" >'+
+								'<img src="images/ajax-loading.gif" alt="loading" />'+
+								'<span>Loading or <a href="javascript: myLightWindow.deactivate();">Cancel</a></span>'+
+								'<iframe name="lightwindow_loading_shim" id="lightwindow_loading_shim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>'+
+							'</div>',
+				iframe : 	'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'+
+							'<html xmlns="http://www.w3.org/1999/xhtml">'+
+								'<body>'+
+									'{body_replace}'+
+								'</body>'+
+							'</html>',
+				gallery : {
+					top :		'<div class="lightwindow_galleries_list">'+
+									'<h1>{gallery_title_replace}</h1>'+
+									'<ul>',
+					middle : 			'<li>'+
+											'{gallery_link_replace}'+
+										'</li>',
+					bottom : 		'</ul>'+
+								'</div>'
+				}
+			},
+			formMethod : 'get',
+			hideFlash : false,
+			hideGalleryTab : false,
+			showTitleBar : true,
+			animationHandler : false,
+			navigationHandler : false,
+			transitionHandler : false,
+			finalAnimationHandler : false,
+			formHandler : false,
+			galleryAnimationHandler : false,
+			showGalleryCount : true
+		}, options || {});
+		this.duration = ((11-this.options.resizeSpeed)*0.15);
+		this._setupLinks();
+		this._getScroll();
+		this._getPageDimensions();
+		this._browserDimensions();
+		this._addLightWindowMarkup(false);
+		this._setupDimensions();
+		this.buildGalleryList();
+	},
+	//
+	//	Activate the lightwindow.
+	//
+	activate : function(e, link){
+		// Clear out the window Contents
+		this._clearWindowContents(true);
+		// Add back in out loading panel
+		this._addLoadingWindowMarkup();
+		// Setup the element properties
+		this._setupWindowElements(link);
+		// Setup everything
+		this._getScroll();
+		this._browserDimensions();
+		this._setupDimensions();
+		this._toggleTroubleElements('hidden', false);
+		this._displayLightWindow('block', 'hidden');
+		this._setStatus(true);
+		this._monitorKeyboard(true);
+		this._prepareIE(true);
+		this._loadWindow();
+	},
+	//
+	//	Turn off the window
+	//
+	deactivate : function(){
+		// The window is not active
+		this.windowActive = false;
+		// There is no longer a gallery active
+		this.activeGallery = false;
+		if (!this.options.hideGalleryTab) {
+			this._handleGalleryAnimation(false);
+		}
+		// Kill the animation
+		this.animating = false;
+		// Clear our element
+		this.element = null;
+		// hide the window.
+		this._displayLightWindow('none', 'visible');
+		// Clear out the window Contents
+		this._clearWindowContents(false);
+		// Stop all animation
+		var queue = Effect.Queues.get('lightwindowAnimation').each(function(e){e.cancel();});
+		// Undo the setup
+		this._prepareIE(false);
+		this._setupDimensions();
+		this._toggleTroubleElements('visible', false);
+		this._monitorKeyboard(false);
+	},
+	//
+	//  Initialize specific window
+	//
+	createWindow : function(element, attributes) {
+		this._processLink($(element));
+	},
+	//
+	//  Open a Window from a hash of attributes
+	//
+	activateWindow : function(options) {
+		this.element = Object.extend({
+			href : null,
+			title : null,
+			author : null,
+			caption : null,
+			rel : null,
+			top : null,
+			left : null,
+			type : null,
+			showImages : null,
+			height : null,
+			width : null,
+			loadingAnimation : null,
+			iframeEmbed : null,
+			form : null
+		}, options || {});
+		// Set the window type
+		this.contentToFetch = this.element.href;
+		this.windowType = this.element.type ? this.element.type : this._fileType(this.element.href);
+		// Clear out the window Contents
+		this._clearWindowContents(true);
+		// Add back in out loading panel
+		this._addLoadingWindowMarkup();
+		// Setup everything
+		this._getScroll();
+		this._browserDimensions();
+		this._setupDimensions();
+		this._toggleTroubleElements('hidden', false);
+		this._displayLightWindow('block', 'hidden');
+		this._setStatus(true);
+		this._monitorKeyboard(true);
+		this._prepareIE(true);
+		this._loadWindow();
+	},
+	//
+	//  Fire off our Form handler
+	//
+	submitForm : function(e) {
+		if (this.options.formHandler) {
+			this.options.formHandler(e);
+		} else {
+			this._defaultFormHandler(e);
+		}
+	},
+	//
+	//	Reload the window with another location
+	//
+	openWindow : function(element) {
+		var element = $(element);
+		// The window is active
+		this.windowActive = true;
+		// Clear out the window Contents
+		this._clearWindowContents(true);
+		// Add back in out loading panel
+		this._addLoadingWindowMarkup();
+		// Setup the element properties
+		this._setupWindowElements(element);
+		this._setStatus(true);
+		this._handleTransition();
+	},
+	//
+	//  Navigate the window
+	//
+	navigateWindow : function(direction) {
+		this._handleNavigation(false);
+		if (direction == 'previous') {
+			this.openWindow(this.navigationObservers.previous);
+		} else if (direction == 'next'){
+			this.openWindow(this.navigationObservers.next);
+		}
+	},
+	//
+	//  Build the Gallery List and Load it
+	//
+	buildGalleryList : function() {
+		var output = '';
+		var galleryLink;
+		for (i in this.galleries) {
+			if (typeof this.galleries[i] == 'object') {
+				output += (this.options.skin.gallery.top).replace('{gallery_title_replace}', unescape(i));
+				for (j in this.galleries[i]) {
+					if (typeof this.galleries[i][j] == 'object') {
+						galleryLink = '<a href="#" id="lightwindow_gallery_'+i+'_'+j+'" >'+unescape(j)+'</a>';
+						output += (this.options.skin.gallery.middle).replace('{gallery_link_replace}', galleryLink);
+					}
+				}
+				output += this.options.skin.gallery.bottom;
+			}
+		}
+		new Insertion.Top('lightwindow_galleries_list', output);
+		// Attach Events
+		for (i in this.galleries) {
+			if (typeof this.galleries[i] == 'object') {
+				for (j in this.galleries[i]) {
+					if (typeof this.galleries[i][j] == 'object') {
+						Event.observe($('lightwindow_gallery_'+i+'_'+j), 'click', this.openWindow.bind(this, this.galleries[i][j][0]), false);
+						$('lightwindow_gallery_'+i+'_'+j).onclick = function() {return false;};
+					}
+				}
+			}
+		}
+	},
+	//
+	//  Set Links Up
+	//
+	_setupLinks : function() {
+		var links = $$('.'+this.options.classNames.standard);
+		links.each(function(link) {
+			this._processLink(link);
+		}.bind(this));
+	},
+	//
+	//  Process a Link
+	//
+	_processLink : function(link) {
+		if ((this._fileType(link.getAttribute('href')) == 'image' || this._fileType(link.getAttribute('href')) == 'media')) {
+			if (gallery = this._getGalleryInfo(link.rel)) {
+				if (!this.galleries[gallery[0]]) {
+					this.galleries[gallery[0]] = new Array();
+				}
+				if (!this.galleries[gallery[0]][gallery[1]]) {
+					this.galleries[gallery[0]][gallery[1]] = new Array();
+				}
+				this.galleries[gallery[0]][gallery[1]].push(link);
+			}
+		}
+		// Take care of our inline content
+		var url = link.getAttribute('href');
+		if (url.indexOf('?') > -1) {
+			url = url.substring(0, url.indexOf('?'));
+		}
+		var container = url.substring(url.indexOf('#')+1);
+		if($(container)) {
+			$(container).setStyle({
+				display : 'none'
+			});
+		}
+		Event.observe(link, 'click', this.activate.bindAsEventListener(this, link), false);
+		link.onclick = function() {return false;};
+	},
+	//
+	//	Setup our actions
+	//
+	_setupActions : function() {
+		var links = $$('#lightwindow_container .'+this.options.classNames.action);
+		links.each(function(link) {
+			Event.observe(link, 'click', this[link.getAttribute('rel')].bindAsEventListener(this, link), false);
+			link.onclick = function() {return false;};
+		}.bind(this));
+	},
+	//
+	//	Add the markup to the page.
+	//
+	_addLightWindowMarkup : function(rebuild) {
+		var overlay = Element.extend(document.createElement('div'));
+		overlay.setAttribute('id', 'lightwindow_overlay');
+		// FF Mac has a problem with putting Flash above a layer without a 100% opacity background, so we need to use a pre-made
+		if (Prototype.Browser.Gecko) {
+			overlay.setStyle({
+				backgroundImage: 'url('+this.options.overlay.presetImage+')',
+				backgroundRepeat: 'repeat',
+				height: this.pageDimensions.height+'px'
+			});
+		} else {
+			overlay.setStyle({
+				opacity: this.options.overlay.opacity,
+				backgroundImage: 'url('+this.options.overlay.image+')',
+				backgroundRepeat: 'repeat',
+				height: this.pageDimensions.height+'px'
+			});
+		}
+		var lw = document.createElement('div');
+		lw.setAttribute('id', 'lightwindow');
+		lw.innerHTML = this.options.skin.main;
+		var body = document.getElementsByTagName('body')[0];
+		body.appendChild(overlay);
+		body.appendChild(lw);
+		if ($('lightwindow_title_bar_close_link')) {
+			Event.observe('lightwindow_title_bar_close_link', 'click', this.deactivate.bindAsEventListener(this));
+			$('lightwindow_title_bar_close_link').onclick = function() {return false;};
+		}
+		Event.observe($('lightwindow_previous'), 'click', this.navigateWindow.bind(this, 'previous'), false);
+		$('lightwindow_previous').onclick = function() {return false;};
+		Event.observe($('lightwindow_next'), 'click', this.navigateWindow.bind(this, 'next'), false);
+		$('lightwindow_next').onclick = function() {return false;};
+		if (!this.options.hideGalleryTab) {
+			Event.observe($('lightwindow_galleries_tab'), 'click', this._handleGalleryAnimation.bind(this, true), false);
+			$('lightwindow_galleries_tab').onclick = function() {return false;};
+		}
+		// Because we use position absolute, kill the scroll Wheel on animations
+		if (Prototype.Browser.IE) {
+			Event.observe(document, 'mousewheel', this._stopScrolling.bindAsEventListener(this), false);
+		} else {
+			Event.observe(window, 'DOMMouseScroll', this._stopScrolling.bindAsEventListener(this), false);
+		}
+		Event.observe(overlay, 'click', this.deactivate.bindAsEventListener(this), false);
+		overlay.onclick = function() {return false;};
+	},
+	//
+	//  Add loading window markup
+	//
+	_addLoadingWindowMarkup : function() {
+		$('lightwindow_contents').innerHTML += this.options.skin.loading;
+	},
+	//
+	//  Setup the window elements
+	//
+	_setupWindowElements : function(link) {
+		this.element = link;
+		this.element.title = null ? '' : link.getAttribute('title');
+		this.element.author = null ? '' : link.getAttribute('author');
+		this.element.caption = null ? '' : link.getAttribute('caption');
+		this.element.rel = null ? '' : link.getAttribute('rel');
+		this.element.params = null ? '' : link.getAttribute('params');
+		// Set the window type
+		this.contentToFetch = this.element.href;
+		this.windowType = this._getParameter('lightwindow_type') ? this._getParameter('lightwindow_type') : this._fileType(this.contentToFetch);
+	},
+	//
+	//  Clear the window contents out
+	//
+	_clearWindowContents : function(contents) {
+		// If there is an iframe, its got to go
+		if ($('lightwindow_iframe')) {
+			Element.remove($('lightwindow_iframe'));
+		}
+		// Stop playing an object if its still around
+		if ($('lightwindow_media_primary')) {
+			try {
+				$('lightwindow_media_primary').Stop();
+			} catch(e) {}
+			Element.remove($('lightwindow_media_primary'));
+		}
+		// Stop playing an object if its still around
+		if ($('lightwindow_media_secondary')) {
+			try {
+				$('lightwindow_media_secondary').Stop();
+			} catch(e) {}
+			Element.remove($('lightwindow_media_secondary'));
+		}
+		this.activeGallery = false;
+		this._handleNavigation(this.activeGallery);
+		if (contents) {
+			// Empty the contents
+			$('lightwindow_contents').innerHTML = '';
+			// Reset the scroll bars
+			$('lightwindow_contents').setStyle({
+				overflow: 'hidden'
+			});
+			if (!this.windowActive) {
+				$('lightwindow_data_slide_inner').setStyle({
+					display: 'none'
+				});
+				$('lightwindow_title_bar_title').innerHTML = '';
+			}
+			// Because of browser differences and to maintain flexible captions we need to reset this height at close
+			$('lightwindow_data_slide').setStyle({
+				height: 'auto'
+			});
+		}
+		this.resizeTo.height = null;
+		this.resizeTo.width = null;
+	},
+	//
+	//	Set the status of our animation to keep things from getting clunky
+	//
+	_setStatus : function(status) {
+		this.animating = status;
+		if (status) {
+			Element.show('lightwindow_loading');
+		}
+		if (!(/MSIE 6./i.test(navigator.userAgent))) {
+			this._fixedWindow(status);
+		}
+	},
+	//
+	//  Make this window Fixed
+	//
+	_fixedWindow : function(status) {
+		if (status) {
+			if (this.windowActive) {
+				this._getScroll();
+				$('lightwindow').setStyle({
+					position: 'absolute',
+					top: parseFloat($('lightwindow').getStyle('top'))+this.pagePosition.y+'px',
+					left: parseFloat($('lightwindow').getStyle('left'))+this.pagePosition.x+'px'
+				});
+			} else {
+				$('lightwindow').setStyle({
+					position: 'absolute'
+				});
+			}
+		} else {
+			if (this.windowActive) {
+				this._getScroll();
+				$('lightwindow').setStyle({
+					position: 'fixed',
+					top: parseFloat($('lightwindow').getStyle('top'))-this.pagePosition.y+'px',
+					left: parseFloat($('lightwindow').getStyle('left'))-this.pagePosition.x+'px'
+				});
+			} else {
+				if ($('lightwindow_iframe')) {
+					// Ideally here we would set a 50% value for top and left, but Safari rears it ugly head again and we need to do it by pixels
+					this._browserDimensions();
+				}
+				$('lightwindow').setStyle({
+					position: 'fixed',
+					top: (parseFloat(this._getParameter('lightwindow_top')) ? parseFloat(this._getParameter('lightwindow_top'))+'px' : this.dimensions.viewport.height/2+'px'),
+					left: (parseFloat(this._getParameter('lightwindow_left')) ? parseFloat(this._getParameter('lightwindow_left'))+'px' : this.dimensions.viewport.width/2+'px')
+				});
+			}
+		}
+	},
+	//
+	//	Prepare the window for IE.
+	//
+	_prepareIE : function(setup) {
+		if (Prototype.Browser.IE) {
+			var height, overflowX, overflowY;
+			if (setup) {
+				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;
+		}
+	},
+	_stopScrolling : function(e) {
+		if (this.animating) {
+			if (e.preventDefault) {
+				e.preventDefault();
+			}
+			e.returnValue = false;
+		}
+	},
+	//
+	//	Get the scroll for the page.
+	//
+	_getScroll : function(){
+      	if(typeof(window.pageYOffset) == 'number') {
+        	this.pagePosition.x = window.pageXOffset;
+        	this.pagePosition.y = window.pageYOffset;
+      	} else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
+	       	this.pagePosition.x = document.body.scrollLeft;
+        	this.pagePosition.y = document.body.scrollTop;
+		} else if(document.documentElement) {
+        	this.pagePosition.x = document.documentElement.scrollLeft;
+        	this.pagePosition.y = document.documentElement.scrollTop;
+      	}
+	},
+	//
+	//	Reset the scroll.
+	//
+	_setScroll : function(x, y) {
+		document.documentElement.scrollLeft = x;
+		document.documentElement.scrollTop = y;
+	},
+	//
+	//	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 actual page size
+	//
+	_getPageDimensions : 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){
+			this.pageDimensions.height = windowHeight;
+		} else {
+			this.pageDimensions.height = yScroll;
+		}
+		if(xScroll < windowWidth){
+			this.pageDimensions.width = windowWidth;
+		} else {
+			this.pageDimensions.width = xScroll;
+		}
+	},
+	//
+	//	Display the lightWindow.
+	//
+	_displayLightWindow : function(display, visibility) {
+		$('lightwindow_overlay').style.display = $('lightwindow').style.display = $('lightwindow_container').style.display = display;
+		$('lightwindow_overlay').style.visibility = $('lightwindow').style.visibility = $('lightwindow_container').style.visibility = visibility;
+	},
+	//
+	//	Setup Dimensions of lightwindow.
+	//
+	_setupDimensions : function() {
+		var originalHeight, originalWidth;
+		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;
+		}
+		var offsetHeight = this._getParameter('lightwindow_top') ? parseFloat(this._getParameter('lightwindow_top'))+this.pagePosition.y : this.dimensions.viewport.height/2+this.pagePosition.y;
+		var offsetWidth = this._getParameter('lightwindow_left') ? parseFloat(this._getParameter('lightwindow_left'))+this.pagePosition.x : this.dimensions.viewport.width/2+this.pagePosition.x;
+		// So if a theme has say shadowed edges, they should be consistant and take care of in the contentOffset
+		$('lightwindow').setStyle({
+			top: offsetHeight+'px',
+			left: offsetWidth+'px'
+		});
+		$('lightwindow_container').setStyle({
+			height: originalHeight+'px',
+			width: originalWidth+'px',
+			left: -(originalWidth/2)+'px',
+			top: -(originalHeight/2)+'px'
+		});
+		$('lightwindow_contents').setStyle({
+			height: originalHeight+'px',
+			width: originalWidth+'px'
+		});
+	},
+	//
+	//	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)) 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) {
+			return false;
+		}
+		switch (String.fromCharCode(keycode).toLowerCase()) {
+			case 'p':
+				if (this.navigationObservers.previous) {
+					this.navigateWindow('previous');
+				}
+				break;
+			case 'n':
+				if (this.navigationObservers.next) {
+					this.navigateWindow('next');
+				}
+				break;
+			default:
+				break;
+		}
+	},
+	//
+	//	Get Gallery Information
+	//
+	_getGalleryInfo : function(rel) {
+		if (!rel) return false;
+		if (rel.indexOf('[') > -1) {
+			return new Array(escape(rel.substring(0, rel.indexOf('['))), escape(rel.substring(rel.indexOf('[')+1, rel.indexOf(']'))));
+		} else {
+			return false;
+		}
+	},
+	//
+	//	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 value from the params attribute string.
+	//
+	_getParameter : function(parameter, parameters) {
+		if (!this.element) return false;
+		if (parameter == 'lightwindow_top' && this.element.top) {
+			return unescape(this.element.top);
+		} else if (parameter == 'lightwindow_left' && this.element.left) {
+			return unescape(this.element.left);
+		} else if (parameter == 'lightwindow_type' && this.element.type) {
+			return unescape(this.element.type);
+		} else if (parameter == 'lightwindow_show_images' && this.element.showImages) {
+			return unescape(this.element.showImages);
+		} else if (parameter == 'lightwindow_height' && this.element.height) {
+			return unescape(this.element.height);
+		} else if (parameter == 'lightwindow_width' && this.element.width) {
+			return unescape(this.element.width);
+		} else if (parameter == 'lightwindow_loading_animation' && this.element.loadingAnimation) {
+			return unescape(this.element.loadingAnimation);
+		} else if (parameter == 'lightwindow_iframe_embed' && this.element.iframeEmbed) {
+			return unescape(this.element.iframeEmbed);
+		} else if (parameter == 'lightwindow_form' && this.element.form) {
+			return unescape(this.element.form);
+		} else {
+			if (!parameters) {
+				if (this.element.params) parameters = this.element.params;
+				else return;
+			}
+			var value;
+			var parameterArray = parameters.split(',');
+			var compareString = parameter+'=';
+			var compareLength = compareString.length;
+			for (var i = 0; i < parameterArray.length; i++) {
+				if (parameterArray[i].substr(0, compareLength) == compareString) {
+					var currentParameter = parameterArray[i].split('=');
+					value = currentParameter[1];
+					break;
+				}
+			}
+			if (!value) return false;
+			else return unescape(value);
+		}
+	},
+	//
+	//  Get the Browser Viewport Dimensions
+	//
+	_browserDimensions : function() {
+		if (Prototype.Browser.IE) {
+            this.dimensions.viewport.height = document.documentElement.clientHeight;
+            this.dimensions.viewport.width = document.documentElement.clientWidth;
+        } else {
+            this.dimensions.viewport.height = window.innerHeight;
+            this.dimensions.viewport.width = document.width || document.body.offsetWidth;
+        }
+	},
+	//
+	//  Get the scrollbar offset, I don't like this method but there is really no other way I can find.
+	//
+	_getScrollerWidth : function() {
+	    var scrollDiv = Element.extend(document.createElement('div'));
+		scrollDiv.setAttribute('id', 'lightwindow_scroll_div');
+		scrollDiv.setStyle({
+			position: 'absolute',
+			top: '-10000px',
+			left: '-10000px',
+			width: '100px',
+			height: '100px',
+			overflow: 'hidden'
+		});
+	    var contentDiv = Element.extend(document.createElement('div'));
+		contentDiv.setAttribute('id', 'lightwindow_content_scroll_div');
+		contentDiv.setStyle({
+			width: '100%',
+			height: '200px'
+		});
+	    scrollDiv.appendChild(contentDiv);
+		var body = document.getElementsByTagName('body')[0];
+		body.appendChild(scrollDiv);
+	    var noScroll = $('lightwindow_content_scroll_div').offsetWidth;
+	    scrollDiv.style.overflow = 'auto';
+    	var withScroll = $('lightwindow_content_scroll_div').offsetWidth;
+	   	Element.remove($('lightwindow_scroll_div'));
+	    this.scrollbarOffset = noScroll-withScroll;
+	},
+	//
+	//  Add a param to an object dynamically created
+	//
+	_addParamToObject : function(name, value, object, id) {
+		var param = document.createElement('param');
+		param.setAttribute('value', value);
+		param.setAttribute('name', name);
+		if (id) {
+			param.setAttribute('id', id);
+		}
+		object.appendChild(param);
+		return object;
+	},
+	//
+	//  Get the outer HTML of an object CROSS BROWSER
+	//
+	_outerHTML : function(object) {
+ 		if (Prototype.Browser.IE) {
+			return object.outerHTML;
+		} else {
+			var clone = object.cloneNode(true);
+			var cloneDiv = document.createElement('div');
+			cloneDiv.appendChild(clone);
+			return cloneDiv.innerHTML;
+		}
+	},
+	//
+	//  Convert an object to markup
+	//
+	_convertToMarkup : function(object, closeTag) {
+		var markup = this._outerHTML(object).replace('</'+closeTag+'>', '');
+		if (Prototype.Browser.IE) {
+			for (var i = 0; i < object.childNodes.length; i++){
+				markup += this._outerHTML(object.childNodes[i]);
+			}
+			markup += '</'+closeTag+'>';
+		}
+		return markup;
+	},
+	//
+	//  Depending what type of browser it is we have to append the object differently... DAMN YOU IE!!
+	//
+	_appendObject : function(object, closeTag, appendTo) {
+		if (Prototype.Browser.IE) {
+			appendTo.innerHTML += this._convertToMarkup(object, closeTag);
+			// Fix the Eolas activate thing but only for specified media, for example doing this to a quicktime film breaks it.
+			if (this.options.EOLASFix.indexOf(this._fileType(this.element.href)) > -1) {
+				var objectElements = document.getElementsByTagName('object');
+				for (var i = 0; i < objectElements.length; i++) {
+					if (objectElements[i].getAttribute("data")) objectElements[i].removeAttribute('data');
+					objectElements[i].outerHTML = objectElements[i].outerHTML;
+					objectElements[i].style.visibility = "visible";
+				}
+			}
+		} else {
+			appendTo.appendChild(object);
+		}
+	},
+	//
+	//  Add in iframe
+	//
+	_appendIframe : function(scroll) {
+		var iframe = document.createElement('iframe');
+		iframe.setAttribute('id', 'lightwindow_iframe');
+		iframe.setAttribute('name', 'lightwindow_iframe');
+		iframe.setAttribute('src', 'about:blank');
+		iframe.setAttribute('height', '100%');
+		iframe.setAttribute('width', '100%');
+		iframe.setAttribute('frameborder', '0');
+		iframe.setAttribute('marginwidth', '0');
+		iframe.setAttribute('marginheight', '0');
+		iframe.setAttribute('scrolling', scroll);
+		this._appendObject(iframe, 'iframe', $('lightwindow_contents'));
+	},
+	//
+	//  Write Content to the iframe using the skin
+	//
+	_writeToIframe : function(content) {
+		var template = this.options.skin.iframe;
+		template = template.replace('{body_replace}', content);
+		if ($('lightwindow_iframe').contentWindow){
+			$('lightwindow_iframe').contentWindow.document.open();
+			$('lightwindow_iframe').contentWindow.document.write(template);
+			$('lightwindow_iframe').contentWindow.document.close();
+		} else {
+			$('lightwindow_iframe').contentDocument.open();
+			$('lightwindow_iframe').contentDocument.write(template);
+			$('lightwindow_iframe').contentDocument.close();
+		}
+	},
+	//
+	//  Load the window Information
+	//
+	_loadWindow : function() {
+		switch (this.windowType) {
+			case 'image' :
+				var current = 0;
+				var images = [];
+				this.checkImage = [];
+				this.resizeTo.height = this.resizeTo.width = 0;
+				this.imageCount = this._getParameter('lightwindow_show_images') ? parseInt(this._getParameter('lightwindow_show_images')) : 1;
+				// If there is a gallery get it
+				if (gallery = this._getGalleryInfo(this.element.rel)) {
+					for (current = 0; current < this.galleries[gallery[0]][gallery[1]].length; current++) {
+						if (this.contentToFetch.indexOf(this.galleries[gallery[0]][gallery[1]][current].href) > -1) {
+							break;
+						}
+					}
+					if (this.galleries[gallery[0]][gallery[1]][current-this.imageCount]) {
+						this.navigationObservers.previous = this.galleries[gallery[0]][gallery[1]][current-this.imageCount];
+					} else {
+						this.navigationObservers.previous = false;
+					}
+					if (this.galleries[gallery[0]][gallery[1]][current+this.imageCount]) {
+						this.navigationObservers.next = this.galleries[gallery[0]][gallery[1]][current+this.imageCount];
+					} else {
+						this.navigationObservers.next = false;
+					}
+					this.activeGallery = true;
+				} else {
+					this.navigationObservers.previous = false;
+					this.navigationObservers.next = false;
+					this.activeGallery = false;
+				}
+				for (var i = current; i < (current+this.imageCount); i++) {
+					if (gallery && this.galleries[gallery[0]][gallery[1]][i]) {
+						this.contentToFetch = this.galleries[gallery[0]][gallery[1]][i].href;
+						this.galleryLocation = {current: (i+1)/this.imageCount, total: (this.galleries[gallery[0]][gallery[1]].length)/this.imageCount};
+						if (!this.galleries[gallery[0]][gallery[1]][i+this.imageCount]) {
+							$('lightwindow_next').setStyle({
+								display: 'none'
+							});
+						} else {
+							$('lightwindow_next').setStyle({
+								display: 'block'
+							});
+							$('lightwindow_next_title').innerHTML = this.galleries[gallery[0]][gallery[1]][i+this.imageCount].title;
+						}
+						if (!this.galleries[gallery[0]][gallery[1]][i-this.imageCount]) {
+							$('lightwindow_previous').setStyle({
+								display: 'none'
+							});
+						} else {
+							$('lightwindow_previous').setStyle({
+								display: 'block'
+							});
+							$('lightwindow_previous_title').innerHTML = this.galleries[gallery[0]][gallery[1]][i-this.imageCount].title;
+						}
+					}
+					images[i] = document.createElement('img');
+					images[i].setAttribute('id', 'lightwindow_image_'+i);
+					images[i].setAttribute('border', '0');
+					images[i].setAttribute('src', this.contentToFetch);
+					$('lightwindow_contents').appendChild(images[i]);
+					// We have to do this instead of .onload
+					this.checkImage[i] = new PeriodicalExecuter(function(i) {
+						if (!(typeof $('lightwindow_image_'+i).naturalWidth != "undefined" && $('lightwindow_image_'+i).naturalWidth == 0)) {
+							this.checkImage[i].stop();
+							var imageHeight = $('lightwindow_image_'+i).getHeight();
+							if (imageHeight > this.resizeTo.height) {
+								this.resizeTo.height = imageHeight;
+							}
+							this.resizeTo.width += $('lightwindow_image_'+i).getWidth();
+							this.imageCount--;
+							$('lightwindow_image_'+i).setStyle({
+								height: '100%'
+							});
+						 	if (this.imageCount == 0) {
+								this._processWindow();
+						 	}
+						}
+					}.bind(this, i), 1);
+				}
+			break;
+		case 'media' :
+			var current = 0;
+			this.resizeTo.height = this.resizeTo.width = 0;
+			// If there is a gallery get it
+			if (gallery = this._getGalleryInfo(this.element.rel)) {
+				for (current = 0; current < this.galleries[gallery[0]][gallery[1]].length; current++) {
+					if (this.contentToFetch.indexOf(this.galleries[gallery[0]][gallery[1]][current].href) > -1) {
+						break;
+					}
+				}
+				if (this.galleries[gallery[0]][gallery[1]][current-1]) {
+					this.navigationObservers.previous = this.galleries[gallery[0]][gallery[1]][current-1];
+				} else {
+					this.navigationObservers.previous = false;
+				}
+				if (this.galleries[gallery[0]][gallery[1]][current+1]) {
+					this.navigationObservers.next = this.galleries[gallery[0]][gallery[1]][current+1];
+				} else {
+					this.navigationObservers.next = false;
+				}
+				this.activeGallery = true;
+			} else {
+				this.navigationObservers.previous = false;
+				this.navigationObservers.next = false;
+				this.activeGallery = false;
+			}
+			if (gallery && this.galleries[gallery[0]][gallery[1]][current]) {
+				this.contentToFetch = this.galleries[gallery[0]][gallery[1]][current].href;
+				this.galleryLocation = {current: current+1, total: this.galleries[gallery[0]][gallery[1]].length};
+				if (!this.galleries[gallery[0]][gallery[1]][current+1]) {
+					$('lightwindow_next').setStyle({
+						display: 'none'
+					});
+				} else {
+					$('lightwindow_next').setStyle({
+						display: 'block'
+					});
+					$('lightwindow_next_title').innerHTML = this.galleries[gallery[0]][gallery[1]][current+1].title;
+				}
+				if (!this.galleries[gallery[0]][gallery[1]][current-1]) {
+					$('lightwindow_previous').setStyle({
+						display: 'none'
+					});
+				} else {
+					$('lightwindow_previous').setStyle({
+						display: 'block'
+					});
+					$('lightwindow_previous_title').innerHTML = this.galleries[gallery[0]][gallery[1]][current-1].title;
+				}
+			}
+			if (this._getParameter('lightwindow_iframe_embed')) {
+				this.resizeTo.height = this.dimensions.viewport.height;
+				this.resizeTo.width = this.dimensions.viewport.width;
+			} else {
+				this.resizeTo.height = this._getParameter('lightwindow_height');
+				this.resizeTo.width = this._getParameter('lightwindow_width');
+			}
+			this._processWindow();
+			break;
+		case 'external' :
+			this._appendIframe('auto');
+			this.resizeTo.height = this.dimensions.viewport.height;
+			this.resizeTo.width = this.dimensions.viewport.width;
+			this._processWindow();
+			break;
+		case 'page' :
+			var newAJAX = new Ajax.Request(
+				this.contentToFetch, {
+					method: 'get',
+					parameters: '',
+					onComplete: function(response) {
+						$('lightwindow_contents').innerHTML += response.responseText;
+						this.resizeTo.height = $('lightwindow_contents').scrollHeight+(this.options.contentOffset.height);
+						this.resizeTo.width = $('lightwindow_contents').scrollWidth+(this.options.contentOffset.width);
+						this._processWindow();
+					}.bind(this)
+				}
+			);
+			break;
+		case 'inline' :
+			var content = this.contentToFetch;
+			if (content.indexOf('?') > -1) {
+				content = content.substring(0, content.indexOf('?'));
+			}
+			content = content.substring(content.indexOf('#')+1);
+			new Insertion.Top($('lightwindow_contents'), $(content).innerHTML);
+			this.resizeTo.height = $('lightwindow_contents').scrollHeight+(this.options.contentOffset.height);
+			this.resizeTo.width = $('lightwindow_contents').scrollWidth+(this.options.contentOffset.width);
+			this._toggleTroubleElements('hidden', true);
+			this._processWindow();
+			break;
+		default :
+			throw("Page Type could not be determined, please amend this lightwindow URL "+this.contentToFetch);
+			break;
+		}
+	},
+	//
+	//  Resize the Window to fit the viewport if necessary
+	//
+	_resizeWindowToFit : function() {
+		if (this.resizeTo.height+this.dimensions.cruft.height > this.dimensions.viewport.height) {
+			var heightRatio = this.resizeTo.height/this.resizeTo.width;
+			this.resizeTo.height = this.dimensions.viewport.height-this.dimensions.cruft.height-(2*this.options.viewportPadding);
+			// We only care about ratio's with this window type
+			if (this.windowType == 'image' || (this.windowType == 'media' && !this._getParameter('lightwindow_iframe_embed'))) {
+				this.resizeTo.width = this.resizeTo.height/heightRatio;
+				$('lightwindow_data_slide_inner').setStyle({
+					width: this.resizeTo.width+'px'
+				});
+			}
+		}
+		if (this.resizeTo.width+this.dimensions.cruft.width > this.dimensions.viewport.width) {
+			var widthRatio = this.resizeTo.width/this.resizeTo.height;
+			this.resizeTo.width = this.dimensions.viewport.width-2*this.dimensions.cruft.width-(2*this.options.viewportPadding);
+			// We only care about ratio's with this window type
+			if (this.windowType == 'image' || (this.windowType == 'media' && !this._getParameter('lightwindow_iframe_embed'))) {
+				this.resizeTo.height = this.resizeTo.width/widthRatio;
+				$('lightwindow_data_slide_inner').setStyle({
+					height: this.resizeTo.height+'px'
+				});
+			}
+		}
+	},
+	//
+	//  Set the Window to a preset size
+	//
+	_presetWindowSize : function() {
+		if (this._getParameter('lightwindow_height')) {
+			this.resizeTo.height = parseFloat(this._getParameter('lightwindow_height'));
+		}
+		if (this._getParameter('lightwindow_width')) {
+			this.resizeTo.width = parseFloat(this._getParameter('lightwindow_width'));
+		}
+	},
+	//
+	//  Process the Window
+	//
+	_processWindow : function() {
+		// Clean out our effects
+		this.dimensions.dataEffects = [];
+		// Set up the data-slide if we have caption information
+		if (this.element.caption || this.element.author || (this.activeGallery && this.options.showGalleryCount)) {
+			if (this.element.caption) {
+				$('lightwindow_data_caption').innerHTML = this.element.caption;
+				$('lightwindow_data_caption').setStyle({
+					display: 'block'
+				});
+			} else {
+				$('lightwindow_data_caption').setStyle({
+					display: 'none'
+				});
+			}
+			if (this.element.author) {
+				$('lightwindow_data_author').innerHTML = this.element.author;
+				$('lightwindow_data_author_container').setStyle({
+					display: 'block'
+				});
+			} else {
+				$('lightwindow_data_author_container').setStyle({
+					display: 'none'
+				});
+			}
+			if (this.activeGallery && this.options.showGalleryCount) {
+				$('lightwindow_data_gallery_current').innerHTML = this.galleryLocation.current;
+				$('lightwindow_data_gallery_total').innerHTML = this.galleryLocation.total;
+				$('lightwindow_data_gallery_container').setStyle({
+					display: 'block'
+				});
+			} else {
+				$('lightwindow_data_gallery_container').setStyle({
+					display: 'none'
+				});
+			}
+			$('lightwindow_data_slide_inner').setStyle({
+				width: this.resizeTo.width+'px',
+				height: 'auto',
+				visibility: 'visible',
+				display: 'block'
+			});
+			$('lightwindow_data_slide').setStyle({
+				height: $('lightwindow_data_slide').getHeight()+'px',
+				width: '1px',
+				overflow: 'hidden',
+				display: 'block'
+			});
+		} else {
+			$('lightwindow_data_slide').setStyle({
+				display: 'none',
+				width: 'auto'
+			});
+			$('lightwindow_data_slide_inner').setStyle({
+				display: 'none',
+				visibility: 'hidden',
+				width: this.resizeTo.width+'px',
+				height: '0px'
+			});
+		}
+		if (this.element.title != 'null') {
+			$('lightwindow_title_bar_title').innerHTML = this.element.title;
+		} else {
+			$('lightwindow_title_bar_title').innerHTML = '';
+		}
+		var originalContainerDimensions = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};
+		// Position the window
+    	$('lightwindow_container').setStyle({
+			height: 'auto',
+			// We need to set the width to a px not auto as opera has problems with it
+			width: $('lightwindow_container').getWidth()+this.options.contentOffset.width-(this.windowActive ? this.options.contentOffset.width : 0)+'px'
+		});
+		var newContainerDimensions = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};
+		// We need to record the container dimension changes
+		this.containerChange = {height: originalContainerDimensions.height-newContainerDimensions.height, width: originalContainerDimensions.width-newContainerDimensions.width};
+		// Get out general dimensions
+		this.dimensions.container = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};
+		this.dimensions.cruft = {height: this.dimensions.container.height-$('lightwindow_contents').getHeight()+this.options.contentOffset.height, width: this.dimensions.container.width-$('lightwindow_contents').getWidth()+this.options.contentOffset.width};
+		// Set Sizes if we need too
+		this._presetWindowSize();
+		this._resizeWindowToFit(); // Even if the window is preset we still don't want it to go outside of the viewport
+		if (!this.windowActive) {
+			// Position the window
+		   	$('lightwindow_container').setStyle({
+				left: -(this.dimensions.container.width/2)+'px',
+				top: -(this.dimensions.container.height/2)+'px'
+			});
+		}
+	   	$('lightwindow_container').setStyle({
+			height: this.dimensions.container.height+'px',
+			width: this.dimensions.container.width+'px'
+		});
+		// We are ready, lets show this puppy off!
+		this._displayLightWindow('block', 'visible');
+		this._animateLightWindow();
+	},
+	//
+	//  Fire off our animation handler
+	//
+	_animateLightWindow : function() {
+		if (this.options.animationHandler) {
+			this.options.animationHandler().bind(this);
+		} else {
+			this._defaultAnimationHandler();
+		}
+	},
+	//
+	//  Fire off our transition handler
+	//
+	_handleNavigation : function(display) {
+		if (this.options.navigationHandler) {
+			this.options.navigationHandler().bind(this, display);
+		} else {
+			this._defaultDisplayNavigation(display);
+		}
+	},
+	//
+	//  Fire off our transition handler
+	//
+	_handleTransition : function() {
+		if (this.options.transitionHandler) {
+			this.options.transitionHandler().bind(this);
+		} else {
+			this._defaultTransitionHandler();
+		}
+	},
+	//
+	//  Handle the finish of the window animation
+	//
+	_handleFinalWindowAnimation : function(delay) {
+		if (this.options.finalAnimationHandler) {
+			this.options.finalAnimationHandler().bind(this, delay);
+		} else {
+			this._defaultfinalWindowAnimationHandler(delay);
+		}
+	},
+	//
+	//  Handle the gallery Animation
+	//
+	_handleGalleryAnimation : function(list) {
+		if (this.options.galleryAnimationHandler) {
+			this.options.galleryAnimationHandler().bind(this, list);
+		} else {
+			this._defaultGalleryAnimationHandler(list);
+		}
+	},
+	//
+	//  Display the navigation
+	//
+	_defaultDisplayNavigation : function(display) {
+		if (display) {
+			$('lightwindow_navigation').setStyle({
+				display: 'block',
+				height: $('lightwindow_contents').getHeight()+'px',
+				width: '100%',
+				marginTop: this.options.dimensions.titleHeight+'px'
+			});
+		} else {
+			$('lightwindow_navigation').setStyle({
+				display: 'none',
+				height: 'auto',
+				width: 'auto'
+			});
+		}
+	},
+	//
+	//  This is the default animation handler for LightWindow
+	//
+	_defaultAnimationHandler : function() {
+		// Now that we have figures out the cruft lets make the caption go away and add its effects
+		if (this.element.caption || this.element.author || (this.activeGallery && this.options.showGalleryCount)) {
+			$('lightwindow_data_slide').setStyle({
+				display: 'none',
+				width: 'auto'
+			});
+			this.dimensions.dataEffects.push(
+				new Effect.SlideDown('lightwindow_data_slide', {sync: true}),
+				new Effect.Appear('lightwindow_data_slide', {sync: true, from: 0.0, to: 1.0})
+			);
+		}
+		// Set up the Title if we have one
+		$('lightwindow_title_bar_inner').setStyle({
+			height: '0px',
+			marginTop: this.options.dimensions.titleHeight+'px'
+		});
+		// We always want the title bar as well
+		this.dimensions.dataEffects.push(
+			new Effect.Morph('lightwindow_title_bar_inner', {sync: true, style: {height: this.options.dimensions.titleHeight+'px', marginTop: '0px'}}),
+		 	new Effect.Appear('lightwindow_title_bar_inner', {sync: true, from: 0.0, to: 1.0})
+		);
+		if (!this.options.hideGalleryTab) {
+			this._handleGalleryAnimation(false);
+			if ($('lightwindow_galleries_tab_container').getHeight() == 0) {
+				this.dimensions.dataEffects.push(
+					new Effect.Morph('lightwindow_galleries_tab_container', {sync: true, style: {height: '20px', marginTop: '0px'}})
+				);
+				$('lightwindow_galleries').setStyle({
+					width: '0px'
+				});
+			}
+		}
+		var resized = false;
+		var ratio = this.dimensions.container.width-$('lightwindow_contents').getWidth()+this.resizeTo.width+this.options.contentOffset.width;
+		if (ratio != $('lightwindow_container').getWidth()) {
+			new Effect.Parallel([
+					new Effect.Scale('lightwindow_contents', 100*(this.resizeTo.width/$('lightwindow_contents').getWidth()), {scaleFrom: 100*($('lightwindow_contents').getWidth()/($('lightwindow_contents').getWidth()+(this.options.contentOffset.width))), sync: true,  scaleY: false, scaleContent: false}),
+					new Effect.Scale('lightwindow_container', 100*(ratio/(this.dimensions.container.width)), {sync: true, scaleY: false, scaleFromCenter: true, scaleContent: false})
+				], {
+					duration: this.duration,
+					delay: 0.25,
+					queue: {position: 'end', scope: 'lightwindowAnimation'}
+				}
+			);
+		}
+		ratio = this.dimensions.container.height-$('lightwindow_contents').getHeight()+this.resizeTo.height+this.options.contentOffset.height;
+		if (ratio != $('lightwindow_container').getHeight()) {
+			new Effect.Parallel([
+					new Effect.Scale('lightwindow_contents', 100*(this.resizeTo.height/$('lightwindow_contents').getHeight()), {scaleFrom: 100*($('lightwindow_contents').getHeight()/($('lightwindow_contents').getHeight()+(this.options.contentOffset.height))), sync: true, scaleX: false, scaleContent: false}),
+					new Effect.Scale('lightwindow_container', 100*(ratio/(this.dimensions.container.height)), {sync: true, scaleX: false, scaleFromCenter: true, scaleContent: false})
+				], {
+					duration: this.duration,
+					afterFinish: function() {
+						if (this.dimensions.dataEffects.length > 0) {
+							if (!this.options.hideGalleryTab) {
+								$('lightwindow_galleries').setStyle({
+									width: this.resizeTo.width+'px'
+								});
+							}
+							new Effect.Parallel(this.dimensions.dataEffects, {
+									duration: this.duration,
+									afterFinish: function() {
+										this._finishWindow();
+									}.bind(this),
+									queue: {position: 'end', scope: 'lightwindowAnimation'}
+								}
+							);
+						}
+					}.bind(this),
+					queue: {position: 'end', scope: 'lightwindowAnimation'}
+				}
+			);
+			resized = true;
+		}
+		// We need to do our data effect since there was no resizing
+		if (!resized && this.dimensions.dataEffects.length > 0) {
+			new Effect.Parallel(this.dimensions.dataEffects, {
+					duration: this.duration,
+					beforeStart: function() {
+						if (!this.options.hideGalleryTab) {
+							$('lightwindow_galleries').setStyle({
+								width: this.resizeTo.width+'px'
+							});
+						}
+						if (this.containerChange.height != 0 || this.containerChange.width != 0) {
+							new Effect.MoveBy('lightwindow_container', this.containerChange.height, this.containerChange.width, {transition: Effect.Transitions.sinoidal});
+						}
+					}.bind(this),
+					afterFinish: function() {
+						this._finishWindow();
+					}.bind(this),
+					queue: {position: 'end', scope: 'lightwindowAnimation'}
+				}
+			);
+		}
+	},
+	//
+	//  Finish up Window Animation
+	//
+	_defaultfinalWindowAnimationHandler : function(delay) {
+		if (this.windowType == 'media' || this._getParameter('lightwindow_loading_animation')) {
+			// Because of major flickering with the overlay we just hide it in this case
+			Element.hide('lightwindow_loading');
+			this._handleNavigation(this.activeGallery);
+			this._setStatus(false);
+		} else {
+			Effect.Fade('lightwindow_loading', {
+				duration: 0.75,
+				delay: 1.0,
+				afterFinish: function() {
+					// Just in case we need some scroll goodness (this also avoids the swiss cheese effect)
+					if (this.windowType != 'image' && this.windowType != 'media' && this.windowType != 'external') {
+						$('lightwindow_contents').setStyle({
+							overflow: 'auto'
+						});
+					}
+					this._handleNavigation(this.activeGallery);
+					this._defaultGalleryAnimationHandler();
+					this._setStatus(false);
+				}.bind(this),
+				queue: {position: 'end', scope: 'lightwindowAnimation'}
+			});
+		}
+	},
+	//
+	//  Handle the gallery Animation
+	//
+	_defaultGalleryAnimationHandler : function(list) {
+		if (this.activeGallery) {
+			$('lightwindow_galleries').setStyle({
+				display: 'block',
+				marginBottom: $('lightwindow_data_slide').getHeight()+this.options.contentOffset.height/2+'px'
+			});
+			$('lightwindow_navigation').setStyle({
+				height: $('lightwindow_contents').getHeight()-20+'px'
+			});
+		} else {
+			$('lightwindow_galleries').setStyle({
+				display: 'none'
+			});
+			$('lightwindow_galleries_tab_container').setStyle({
+				height: '0px',
+				marginTop: '20px'
+			});
+			$('lightwindow_galleries_list').setStyle({
+				height: '0px'
+			});
+			return false;
+		}
+		if (list) {
+			if ($('lightwindow_galleries_list').getHeight() == 0) {
+				var height = $('lightwindow_contents').getHeight()*0.80;
+				$('lightwindow_galleries_tab_span').className = 'down';
+			} else {
+				var height = 0;
+				$('lightwindow_galleries_tab_span').className = 'up';
+			}
+			new Effect.Morph('lightwindow_galleries_list', {
+				duration: this.duration,
+				transition: Effect.Transitions.sinoidal,
+				style: {height: height+'px'},
+				beforeStart: function() {
+					$('lightwindow_galleries_list').setStyle({
+						overflow: 'hidden'
+					});
+				},
+				afterFinish: function() {
+					$('lightwindow_galleries_list').setStyle({
+						overflow: 'auto'
+					});
+				},
+				queue: {position: 'end', scope: 'lightwindowAnimation'}
+			});
+		}
+	},
+	//
+	//  Default Transition Handler
+	//
+	_defaultTransitionHandler : function() {
+		// Clean out our effects
+		this.dimensions.dataEffects = [];
+		// Now that we have figures out the cruft lets make the caption go away and add its effects
+		if ($('lightwindow_data_slide').getStyle('display') != 'none') {
+			this.dimensions.dataEffects.push(
+				new Effect.SlideUp('lightwindow_data_slide', {sync: true}),
+				new Effect.Fade('lightwindow_data_slide', {sync: true, from: 1.0, to: 0.0})
+			);
+		}
+		if (!this.options.hideGalleryTab) {
+			if ($('lightwindow_galleries').getHeight() != 0 && !this.options.hideGalleryTab) {
+				this.dimensions.dataEffects.push(
+					new Effect.Morph('lightwindow_galleries_tab_container', {sync: true, style: {height: '0px', marginTop: '20px'}})
+				);
+			}
+			if ($('lightwindow_galleries_list').getHeight() != 0) {
+				$('lightwindow_galleries_tab_span').className = 'up';
+				this.dimensions.dataEffects.push(
+					new Effect.Morph('lightwindow_galleries_list', {
+						sync: true,
+						style: {height: '0px'},
+						transition: Effect.Transitions.sinoidal,
+						beforeStart: function() {
+							$('lightwindow_galleries_list').setStyle({
+								overflow: 'hidden'
+							});
+						},
+						afterFinish: function() {
+							$('lightwindow_galleries_list').setStyle({
+								overflow: 'auto'
+							});
+						}
+					})
+				);
+			}
+		}
+		// We always want the title bar as well
+		this.dimensions.dataEffects.push(
+			new Effect.Morph('lightwindow_title_bar_inner', {sync: true, style: {height: '0px', marginTop: this.options.dimensions.titleHeight+'px'}}),
+		 	new Effect.Fade('lightwindow_title_bar_inner', {sync: true, from: 1.0, to: 0.0})
+		);
+		new Effect.Parallel(this.dimensions.dataEffects, {
+				duration: this.duration,
+				afterFinish: function() {
+					this._loadWindow();
+				}.bind(this),
+				queue: {position: 'end', scope: 'lightwindowAnimation'}
+			}
+		);
+	},
+	//
+	//	Default Form handler for LightWindow
+	//
+	_defaultFormHandler : function(e) {
+		var element = Event.element(e).parentNode;
+		var parameterString = Form.serialize(this._getParameter('lightwindow_form', element.getAttribute('params')));
+		if (this.options.formMethod == 'post') {
+			var newAJAX = new Ajax.Request(element.href, {
+				method: 'post',
+				postBody: parameterString,
+				onComplete: this.openWindow.bind(this, element)
+			});
+		} else if (this.options.formMethod == 'get') {
+			var newAJAX = new Ajax.Request(element.href, {
+				method: 'get',
+				parameters: parameterString,
+				onComplete: this.openWindow.bind(this, element)
+			});
+		}
+	},
+	//
+	//  Wrap everything up
+	//
+	_finishWindow : function() {
+		if (this.windowType == 'external') {
+			// We set the externals source here because it allows for a much smoother animation
+			$('lightwindow_iframe').setAttribute('src', this.element.href);
+			this._handleFinalWindowAnimation(1);
+		} else if (this.windowType == 'media') {
+			var outerObject = document.createElement('object');
+			outerObject.setAttribute('classid', this.options.classids[this._fileExtension(this.contentToFetch)]);
+			outerObject.setAttribute('codebase', this.options.codebases[this._fileExtension(this.contentToFetch)]);
+			outerObject.setAttribute('id', 'lightwindow_media_primary');
+			outerObject.setAttribute('name', 'lightwindow_media_primary');
+			outerObject.setAttribute('width', this.resizeTo.width);
+			outerObject.setAttribute('height', this.resizeTo.height);
+			outerObject = this._addParamToObject('movie', this.contentToFetch, outerObject);
+			outerObject = this._addParamToObject('src', this.contentToFetch, outerObject);
+			outerObject = this._addParamToObject('controller', 'true', outerObject);
+			outerObject = this._addParamToObject('wmode', 'transparent', outerObject);
+			outerObject = this._addParamToObject('cache', 'false', outerObject);
+			outerObject = this._addParamToObject('quality', 'high', outerObject);
+			if (!Prototype.Browser.IE) {
+				var innerObject = document.createElement('object');
+				innerObject.setAttribute('type', this.options.mimeTypes[this._fileExtension(this.contentToFetch)]);
+				innerObject.setAttribute('data', this.contentToFetch);
+				innerObject.setAttribute('id', 'lightwindow_media_secondary');
+				innerObject.setAttribute('name', 'lightwindow_media_secondary');
+				innerObject.setAttribute('width', this.resizeTo.width);
+				innerObject.setAttribute('height', this.resizeTo.height);
+				innerObject = this._addParamToObject('controller', 'true', innerObject);
+				innerObject = this._addParamToObject('wmode', 'transparent', innerObject);
+				innerObject = this._addParamToObject('cache', 'false', innerObject);
+				innerObject = this._addParamToObject('quality', 'high', innerObject);
+				outerObject.appendChild(innerObject);
+			}
+			if (this._getParameter('lightwindow_iframe_embed')) {
+				this._appendIframe('no');
+				this._writeToIframe(this._convertToMarkup(outerObject, 'object'));
+			} else {
+				this._appendObject(outerObject, 'object', $('lightwindow_contents'));
+			}
+			this._handleFinalWindowAnimation(0);
+		} else {
+			this._handleFinalWindowAnimation(0);
+		}
+		// Initialize any actions
+		this._setupActions();
+	}
+}
+/*-----------------------------------------------------------------------------------------------*/
+Event.observe(window, 'load', lightwindowInit, false);
+//
+//	Set up all of our links
+//
+var myLightWindow = null;
+function lightwindowInit() {
+	myLightWindow = new lightwindow();
 }

Template:Team:NCTU Formosa/slimbox

From 2012.igem.org

Latest revision as of 17:15, 20 September 2012

{gallery_title_replace}