

var effectDuration;
function Lightbox(imgs, options) {
	
	// Defaults
	var overlayOpacity = .8;
	effectDuration = 1;
	var width = 600;
	var top = 50;
	
	// Options
	if(options) {
		if(Object.isNumber(options.width)) width = options.width;
		if(Object.isNumber(options.top)) top = options.top;
		if(Object.isNumber(options.duration)) effectDuration = options.duration;
		if(Object.isNumber(options.opacity)) overlayOpacity = options.opacity;
	}
	
	// Setup Overlay
	document.writeln('<div id="overlay" onclick="ls.stop()">&nbsp;</div>');
	$('overlay').hide();
	var vpsize = document.viewport.getDimensions();
	var docsize = $$('body')[0].getDimensions();
	var newsize = {
		height: vpsize.height > docsize.height ? vpsize.height : docsize.height,
		width: vpsize.width > docsize.width ? vpsize.width : docsize.width
	};
	$('overlay').setStyle({
		height: newsize.height+'px',
		width: newsize.width+'px',
		opacity: overlayOpacity
	});
	
	// Setup Lightbox
	document.writeln('<div id="lightbox">');
	
	document.writeln('	<div id="lightboxContainer">');

	document.writeln('	<div id="lightboxContent">');
	document.writeln('	</div>');
	
	if(imgs.close) {
		document.writeln('		<div id="lightboxClose">');
		document.writeln('			<img src="'+imgs.close+'" onclick="ls.stop()" /></a>');
		document.writeln('		</div>');
	}
	document.writeln('	</div>');
	document.writeln('</div>');
	
	$('lightbox').hide();	
	$('lightbox').setStyle({
		left: (newsize.width-width)/2+'px',
		top: top+'px',
		width: width+'px'
	});
}

Lightbox.prototype = {
	start: function() {
		new Effect.Appear('lightbox', {duration: effectDuration, beforeStart: function() {
			$('overlay').show();
		}});
	},
	stop: function() {
		new Effect.Fade('lightbox', {duration: effectDuration, afterFinish: function() {
			$('overlay').hide();
		}});
	}
};

	