_jQuery_lightBox_current = '';

function jQuery_lightBox(elementId){
	
	jQuery_lightBoxHide();
	
	_jQuery_lightBox_current = elementId;
	
	//$("body").css("overflow","hidden");
	var _pageWidth = $("body").width();
	
	// ________________________________________ showDiv
	
	var _showDiv = $('#'+elementId);
	
	_showDiv.css("position","absolute");
	_showDiv.css("z-index","10001");
	
	_showDiv.appendTo('body');
	
	var _scrollTop = document.body.scrollTop;
	if (_scrollTop == 0){
		if(window.pageYOffset){ _scrollTop = window.pageYOffset; }
		else{ _scrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0; }
	}						
	_showDiv.css("top",100 + _scrollTop);
	
	// ________________________________________ tintPage
	
	$("body").append('<div id="tint_page"></div>');
	var _tintPage = $("#tint_page");
	
	_tintPage.css("opacity",0);
	_tintPage.css("background-color","#000000");
	_tintPage.css("position","absolute");
	_tintPage.css("z-index","10000");
	_tintPage.css("top",0);
	_tintPage.css("left",0);
	_tintPage.width(_pageWidth);
	_tintPage.height(3000);
	
	_tintPage.fadeTo("slow",0.75);
	_showDiv.css("display","block");
	
	// _______________________________________ display and position showDiv
	
	var _showDivWidth = _showDiv.width();
	var _showDivLeft = Math.round( (_pageWidth - _showDivWidth) / 2 );
	_showDiv.css("left",_showDivLeft);

}

function jQuery_lightBoxHide(){
	$(".lightbox").hide();
	var _tintPage = $("#tint_page");
	_tintPage.fadeTo("slow",0, function(){
		$(this).remove();
		//$("body").css("overflow","auto");
	});
}

/*
	$(document).ready(function(){
		$('.lightbox').each(function(){
			$(this).prepend('<a class="close" href="javascript:jQuery_lightBoxHide();">close</a>');
		});
	});
*/
