/*
Lightbox Slideshow
Author: Paul Sayre
Date: 2007-01-22

Creates a Lightbox-like slideshow with an array as input.

To create, follow this syntax:
<script>
	var lsi = [];
	lsi[lsi.length] = {full: 'images/3f44f68c1132ea03.jpg', thumb: 'images/3f44f68c1132ea03_t.jpg', caption: 'Mt. Rainier'};
	lsi[lsi.length] = {full: 'images/8c435b46019ae88f.jpg', thumb: 'images/8c435b46019ae88f_t.jpg', caption: 'Prairy'};
	lsi[lsi.length] = {full: 'images/315e770c4ba54f19.jpg', thumb: 'images/315e770c4ba54f19_t.jpg', caption: 'Pine Cones'};
	lsi['close'] = 'images/closelabel.gif';	// or false if no button
	lsi['prev'] = 'images/prevlabel.gif';	// or false if no button
	lsi['next'] = 'images/nextlabel.gif';	// or false if no button
	
	// All these are optional. If not set, it uses defaults.
	var options = {duration: .5, top: 100, width: 800, first: 0, opacity: .8};
	
	// Needs to be varible ls
	var ls = new LightboxSlideshow(lsi, options);
</script>
*/

var effectDuration;

var qfArr = [];
	qfArr[1] = 'worldofion_skin.swf';
	qfArr[2] = 'tools_skin.swf';
	qfArr[3] = 'together_skin.swf';
	qfArr[4] = 'simpleview_skin.swf';
	
function LightboxQF( options) {
	
	// Defaults
	var overlayOpacity = .8;
	effectDuration = 1;
	var width = 1024;
	var height = 600;
	var top = 50;
	var flashId = 1;
	
	// Options
	if(options) {
		if(Object.isNumber(options.width)) width = options.width;
		if(Object.isNumber(options.height)) height = options.height;
		if(Object.isNumber(options.top)) top = options.top;
		if(Object.isNumber(options.duration)) effectDuration = options.duration;
		if(Object.isNumber(options.opacity)) overlayOpacity = options.opacity;
		if(Object.isNumber(options.flashMovie)) flashId = options.flashMovie;
	}
	
	// Setup Overlay
	document.writeln('<div id="overlayQF" onclick="lf.stop()">&nbsp;</div>');
	$('overlayQF').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
	};
	//alert(height);
	$('overlayQF').setStyle({
		height: (newsize.height)+'px',
		width: (newsize.width)+'px',
		opacity: overlayOpacity
	});
	
	// Setup Lightbox
	document.writeln('<div id="lightboxQF">');
	// Cache Images
	/*for(var i=0; i<imgs.length; i++) {
		document.writeln('	<img id="lightboxImage'+i+'" src="'+imgs[i].full+'" style="display:none;" />');
	}*/
	document.writeln('	<div id="lightboxQFContainer">');

	document.writeln('		<div id="lightboxQFClose">');
	document.writeln('			<img src="'+btnClose+'" onclick="lfQF.stop()" /></a>');
	document.writeln('		</div>');
	
	document.writeln('		<div id="QFBox">');
	
	document.writeln('			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="718" height="550" ID="Captivate1">');
	document.writeln('				<param name="movie" value="quick_facts/'+qfArr[flashId]+'">');
	document.writeln('				<param name="quality" value="high">');
	document.writeln('				<param name="loop" value="5">');
	document.writeln('				<embed src="quick_facts/'+qfArr[flashId]+'" width="718" height="550" loop="5" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>');
	document.writeln('			</object>');
		
	document.writeln('		</div>');

	document.writeln('	</div>');
	document.writeln('</div>');
	
	$('lightboxQF').hide();	
	$('lightboxQF').setStyle({
		left: (vpsize.width-width)/2+'px',
		top: top+'px',
		width: width+'px'
	});
	
}

LightboxQF.prototype = {
	start: function() {
		showHideHero('off');
		new Effect.Appear('lightboxQF', {duration: effectDuration, beforeStart: function() {
			$('overlayQF').show();
			Effect.ScrollTo('header');
		}});
	},
	stop: function() {
		showHideHero('on');
		new Effect.Fade('lightboxQF', {duration: effectDuration, afterFinish: function() {
			$('overlayQF').hide();
		}});
	}
};