/*
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;
	
function LightboxQF( options) {
	
	// Defaults
	var overlayOpacity = .8;
	effectDuration = 1;
	var width = 700;
	var height = 340;
	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;
	}
	
	// Setup Overlay
	//document.writeln('<div style="height: 4467px; width: 1280px; opacity: 0.75;" id="overlayQF" onclick="lfQF.stop()">&nbsp;</div>');

	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').hide();
	$('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('			<div id="player"></div>');
	document.writeln('		</div>');

	document.writeln('	</div>');
	document.writeln('</div>');
	document.close();*/
	$('lightboxQF').hide();
	
}

LightboxQF.prototype = {
	start: function(evox, elem) {	
		$('lightboxQF').setStyle({top: ($(elem).cumulativeScrollOffset()['top']+50)+'px'});
		loadPlayer(evox);					
		new Effect.Appear('lightboxQF', {duration: effectDuration, beforeStart: function() {
			$('overlayQF').show();
			//Effect.ScrollTo('header');
		}});
	},
	stop: function() {
		
		//kill the object
		$('player').innerHTML = '';
		new Effect.Fade('lightboxQF', {duration: effectDuration, afterFinish: function() {
			$('overlayQF').hide();
		}});
	}
};

function loadPlayer(evox) {
		var file = '/evox/editorial_flv_0640/' + evox +  '_editorial_0640.flv';
		var s1 = new SWFObject("/player.swf","single","500","300","7");
		s1.addParam("allowfullscreen","false");
		s1.addVariable("file",file);
		s1.addVariable("width","500");
		s1.addVariable("height","300");
		//s1.addVariable("autoStart","true");
		s1.write("player");
}