ÿþ// 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 : 	'<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" >':D'B</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',

					top: 300+'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',

					top: 300+'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'),

					top: 300+'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();

}