/*
 * 
 */
function showLightbox(id)
{
	var $top = $(window).scrollTop();

	$('body').css('overflow', 'hidden');
	var maskHeight = $(window).height();
	var maskWidth = $(window).width();
	$('#lightbox-mask').css( {
		'top' : $top,
		'width' : maskWidth,
		'height' : maskHeight
	});
	$('#lightbox-mask').css({
		opacity : 0
	}).show().fadeTo("fast", 0.8);
	var winH = $(window).height() > $(id).outerHeight() ? $(window).height() : $(id).outerHeight();
	var winW = $(window).width() > $(id).outerWidth() ? $(window).width() : $(id).outerWidth();
//	$(id).css('top', (winH / 2 - $(id).height() / 2) + $top);
//	$(id).css('left', winW / 2 - $(id).width() / 2);
	$(id).css('top', $top + 10);
	$(id).css('left', 10);
	$(id).css('right', 10);
	$(id).delay(300).fadeIn('fast');
}

function showLightbox2(id)
{
	var $top = $(window).scrollTop();

	$('body').css('overflow', 'hidden');
	var maskHeight = $(window).height();
	var maskWidth = $(window).width();
	$('#lightbox-mask').css( {
		'top' : $top,
		'width' : maskWidth,
		'height' : maskHeight
	});
	$('#lightbox-mask').css({
		opacity : 0
	}).show().fadeTo("fast", 0.8);
	var winH = $(window).height() > $(id).outerHeight() ? $(window).height() : $(id).outerHeight();
	var winW = $(window).width() > $(id).outerWidth() ? $(window).width() : $(id).outerWidth();
	$(id).css('top', (winH / 2 - $(id).height() / 2) + $top);
	$(id).css('left', winW / 2 - $(id).width() / 2);
	$(id).css('right', 10);
	$(id).delay(300).fadeIn('fast');
}

function showLightbox3(id)
{
	var $top = $(window).scrollTop();

//	$('body').css('overflow', 'hidden');
	var maskHeight = $(window).height();
	var maskWidth = $(window).width();
	$('#lightbox-mask').css( {
		'top' : $top,
		'width' : maskWidth,
		'height' : maskHeight
	});
	$('#lightbox-mask').css({
		opacity : 0
	}).show().fadeTo("fast", 0.8);
	var winH = $(window).height() > $(id).outerHeight() ? $(window).height() : $(id).outerHeight();
	var winW = $(window).width() > $(id).outerWidth() ? $(window).width() : $(id).outerWidth();
//	$(id).css('top', (winH / 2 - $(id).height() / 2) + $top);
//	$(id).css('left', winW / 2 - $(id).width() / 2);
	$(id).css('top', $top + 10);
	$(id).css('left', 10);
	$(id).css('right', 10);
	$(id).delay(300).fadeIn('fast');
}

function hideLightbox(id) {
	$(id).fadeOut('fast');
	$('#lightbox-mask').fadeOut('fast', function() {
		$('body').css('overflow', 'auto');
	});
}