////////////////////////////////////////////////////////////////////////////////
// MANAGE LIGHTBOXES
////////////////////////////////////////////////////////////////////////////////


function lightbox_iframe( url, width, height, margin )
{
	this.setLightboxDivCSS( width, height, margin );
	this.lightbox_show( width, height, margin );
	document.getElementById("lightbox").innerHTML = "<div class='lightbox_menu_bar'><div class='lightbox_close_btn' onclick='lightbox_hide();'>CLOSE</div><div style='clear:both;'></div></div><iframe src='"+url+"' width='"+width+"' height='"+height+"' frameborder='0' />";
}


function lightbox_html( html, width, height, margin )
{
	this.setLightboxDivCSS( width, height, margin );
	this.lightbox_show( width, height, margin );
	document.getElementById("lightbox").innerHTML = html;	
}


function lightbox_show() 
{
	document.getElementById("lightbox_overlay").style.display="inline";
} 


function lightbox_hide() 
{ 

	document.getElementById("lightbox").innerHTML = '';	
	document.getElementById("lightbox_overlay").style.display="none"; 
}


////////////////////////////////////////////////////////////////////////////////
// SET CSS DOCUMENTS
////////////////////////////////////////////////////////////////////////////////


function setLightboxDivCSS( width, height, margin )
{
	height=height + 30;
	var style = '<style>#lightbox{ background:white; width:'+width+'px; max-height:'+height+'px; margin:'+margin+'px auto;} </style>';
	var sheet = document.createElement('lightbox_style');
	sheet.innerHTML = style;
	document.body.appendChild(sheet);
	
	document.getElementById("lightbox").style.width = width+'px';
	document.getElementById("lightbox").style.height = height+'px';
	document.getElementById("lightbox").style.margin = margin+'px auto';
}


function setLightboxOverlayDivCSS( overlayImageUrl )
{

}

function verse_lightbox( verse )
{
	window.lightbox_iframe( 'http://media.cartereport.org/bible/'+encodeURIComponent(verse), 600, 300, 110 );
}