//Proper way to instantiate this in a page:
//launchlightbox(pagename,windowwidth,windowheight,caption[optional]);
//examples:
//launchlightbox("http://dev.finaldraft.com/products/final-draft/rewriting-video-tutorials.php","475","390","my fake title");
//launchlightbox("http://dev.finaldraft.com/_scriptmag-ads/sub-popunder1.php","475","390");



function launchlightbox(imgUrl,w,h,myCaption,topRightCorner) {
	if(myCaption==undefined) {
		myCaption = "";
	}
	//var imgUrl = page;
	//var w = pagew;
	//var h = pageh;
	//var myCaption = pagecaption;
	//var imgUrl = "http://dev.finaldraft.com/products/final-draft/rewriting-video-tutorials.php";
	//var w = "475";
	//var h = "390";
	//var myCaption = "";
	if(navigator.appName == "Microsoft Internet Explorer")
	{
		if(topRightCorner == 'hide') {
			window.execScript = eval(my_lightbox(imgUrl,w,h,myCaption,'hide'));
		} else {
			window.execScript = eval(my_lightbox(imgUrl,w,h,myCaption));
			$('#overlay').click(my_lightwindow_close);
		}
	}
	else
	{
		if(topRightCorner == 'hide') {
			window.onload = eval(my_lightbox(imgUrl,w,h,myCaption,'hide'));
		} else {
			window.onload = eval(my_lightbox(imgUrl,w,h,myCaption));
			$('#overlay').click(my_lightwindow_close);
		}
	}
}

function my_lightbox(imgUrl,w,h,myCaption,topRightCorner)
{

  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) 
  {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } 
  else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
  {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } 
  else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
  {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  
  var myImageHeight = h;
  var myImageWidth = w;
  var myTopOfImage = parseInt(myHeight - myImageHeight)/2 - 50;
  var myLeftOfImage = parseInt(myWidth - myImageWidth)/2 - 50;
  var myOverLayHeight = parseInt(myHeight*2);
  
	var myDiv = document.getElementById("myDiv");

	var myCode = '';
myCode +='<div id="overlay" style="background-image: url(includes/js/lightwindow/images/black-70.png); background-repeat: repeat; height: '+myOverLayHeight+'px; display: block; visibility: visible;"></div>';

myCode +='<div id="lightbox" align="center">';
	myCode +='<table id="outerImageContainer" cellpadding="0" cellspacing="0" vspace="0" hspace="0">';
		if(topRightCorner == 'hide') {
			myCode +='<tr><td class="tl"></td><td class="tc"></td><td class="noCloseBox"></td></tr>';
		} else {
			myCode +='<tr><td class="tl"></td><td class="tc"></td><td class="tr" id="closeBox"></td></tr>';
		}
		myCode +='<tr><td class="ml"></td>';
		myCode +='<td id="lightboxFrameBody">';
			myCode +='<div id="imageContainer" align="left">';
			myCode +='<iframe id="myFrame" src='+imgUrl+' width="'+w+'px" height="'+h+'px" frameborder=0></iframe>';
				/* <div id="hoverNav">
					<a href="javascript:void(0);" id="prevLinkImg">&laquo; prev</a>
					<a href="javascript:void(0);" id="nextLinkImg">next &raquo;</a>
				</div>
				<div id="loading">
					<a href="javascript:void(0);" id="loadingLink">loading</a>
				</div> */
			myCode +='</div>';
		
			myCode +='<div id="imageDataContainer">';
				myCode +='<div id="imageData">';
					myCode +='<div id="imageDetails">';
						myCode +='<span id="caption">'+myCaption+'</span>';
						myCode +='<span id="numberDisplay"></span>';
						/* <span id="detailsNav">
							<a id="prevLinkDetails" href="javascript:void(0);"></a>
							<a id="slideShowControl" href="javascript:void(0);"></a>
							<a id="nextLinkDetails" href="javascript:void(0);"></a>
						</span> */
					myCode +='</div>';
					myCode +='<div>';
						myCode +='';
					myCode +='</div>';
				myCode +='</div>';
			myCode +='</div>';
		myCode +='</td>';
		myCode +='<td class="mr"></td></tr>';
		myCode +='<tr><td class="bl"></td><td class="bc"></td><td class="br"></td></tr>';
	myCode +='</table>';
myCode +='</div>';

myDiv.innerHTML = myCode;
	
var myframe = document.getElementById("myFrame");

if(navigator.appName == 'Microsoft Internet Explorer')
{
  myframe.frameBorder = 0;
}
else
{
  myframe.frameborder = '0';
}
myframe.marginwidth = '1';
myframe.marginheight = '1';
myframe.align = 'middle';
myframe.style.border = '0';

var myLightWindow = document.getElementById("lightbox");
myLightWindow.style.position = 'fixed';
myLightWindow.style.top = myTopOfImage+'px';
myLightWindow.style.left = myLeftOfImage+'px';
//alert(myTopOfImage+' '+myLeftOfImage);
//myDiv.style.width = myWidth+'px';
//myDiv.style.height = myHeight+'px';

$('#closeBox').click(function() {
	my_lightwindow_close();
})

}


function my_lightwindow_close()
{
	var overlay = document.getElementById("overlay");
	overlay.style.visibility = "hidden";
	var lightbox = document.getElementById("lightbox");
	lightbox.style.visibility = "hidden";
	var myFrame = document.getElementById("myFrame");
	myFrame.src = '';
}