$(document).ready(function(){
	lb_readyLightbox();
 $(document).bind('keydown', lb_keydown);
});

function lb_keydown(event) {
 if( (event.DOM_VK_ESCAPE && event.keyCode == event.DOM_VK_ESCAPE) || event.keyCode == 27 ) {
  $("#lightbox-close").click();
 }
}

function lb_readyLightbox()
{
	//$("body").append('<div id="lightbox-overlay" style="width:100%; height:' + $(document).height() + 'px; position:absolute; left:0; top:0; background:#000000; opacity:0.8; filter: alpha(opacity=80);">test</div>');
	$("body").append('<div id="lightbox-overlay"></div>');
	$("body").append('<div id="lightbox-image"><p id="lightbox-close-p"><a href="#" id="lightbox-close">Close X</a></p><img src="" alt="" title="" id="lightbox-image-image" /><p id="lightbox-image-header"></p><p id="lightbox-image-content"></p></div>');
	//$("body").append('<div id="lightbox-image"></div>');

	var lbo = $("#lightbox-overlay");
	var lbi = $("#lightbox-image");
	var lbc = $("#lightbox-close");
	var lbcp = $("#lightbox-close-p");
	var lbii = $("#lightbox-image-image");
	var lbih = $("#lightbox-image-header");
	var lbic = $("#lightbox-image-content");
	var img = new Image();
	var zCount = 1000;

	var lbo_css = {
		width: $(document).width() + "px", height: $(document).height() + "px",
		position: "absolute",
		top: 0, left: 0,
		backgroundColor: "#000000",
		opacity: "0.8",
		zIndex: zCount
	};
	lbo.css( lbo_css );
	if( !(jQuery.browser.mozilla) ) { lbo.css('filter',"alpha(opacity=80)"); }

	var lbi_css = {
		position: "absolute",
		backgroundColor: "#ffffff",
		zIndex: zCount + 1,
		padding: "5px",
		textAlign: 'center'
	};
	lbi.css( lbi_css );

	lbc.css( {textAlign: 'left', fontWeight: 'bolder', textDecoration: 'none', color:'#000000'});
	lbc.click( function() { lbo.hide(); lbi.hide(); return false; } );

	lbcp.css( { margin: '0px', marginBottom:'5px', textAlign: 'right' } );

	lbih.css( {marginTop:'5px', marginBottom:'0px', fontWeight: 'bold' });
	lbic.css( {marginTop:'5px', marginBottom:'0px' } );

	lbo.hide();
	lbi.hide();

	$("a.lightboxi").click(
		function() { 
			var el = $(this);

			lbii.hide();
			lbih.hide();
			lbic.hide();

			lbo.css( { zIndex: zCount } );
			lbi.css( { zIndex: zCount + 1 } );
			//zCount += 2;

			if( el.attr('header') && el.attr('content') )
			{
				lbih.text( el.attr('header') );
				lbic.html( el.attr('content') );
				lbih.show();
				lbic.show();
			}
			else if( el.attr('title') ) {
				lbic.text( el.attr('title') );
				lbic.show();
			}
			
			lbo.show(); lbi.show();

			img = new Image();
			$(img).load( function() { 
							lbii.attr( {src: img.src, alt: el.title, title: el.title } );
							lbic.width( img.width );
							lbih.width( img.width );
							lb_setImagePosition(img, lbi);
							lbii.fadeIn('slow');
						  })
				  .error(function(){})
				  .attr('src', this.href);

			return false;
	});
}

function lb_setImagePosition(img, lbi)
{
	lbi.css({top: ($(window).scrollTop() + Math.round(($(window).height() - img.height - 50)/2)) + "px", left: ($(window).scrollLeft() + Math.round(($(window).width() - img.width)/2)) + "px" });
}