// JavaScript Document
//Funcao LightBox
function showSoulLightBox(itemLightBox, lightWidth, lightHeight){
	$('body').css('overflow-x', 'hidden'); // hide scrollbars!
	
	$('<div id="overlay"></div>')
		.css('position', 'absolute')
		.css('top', $(document).scrollTop())
		.css('opacity', '0.7')
		.css('top', '0')
		.css('left', '0')
		//.css('width', $(window).width() + 'px')
		//.css('height', $(window).height() + 'px')
		.css('width', '100%')
		.css('height', $(document).height() + 'px')
		.css('background', '#000')
		.css('z-index', '9990')
			
		.fadeIn('slow', function() {
			$('#'+itemLightBox).css('display','block');	
			positionSoulLightBox(itemLightBox, lightWidth, lightHeight);
		})
			
		.click(function() {
			removeSoulLightBox(itemLightBox);
		})
			
		.appendTo('body');
		
		if($('#overlay').css('display')=='block'){
			$(window).resize(function() {
				resizeSoulLightBox(itemLightBox, lightWidth, lightHeight);
			})
			$(window).scroll(function() {
				resizeSoulLightBox(itemLightBox, lightWidth, lightHeight);
			})
		}
}


function resizeSoulLightBox(itemLightBox, lightWidth, lightHeight) {
	var top = ($(window).height() - lightHeight) / 2+100;
	var left = ($(window).width() - lightWidth) / 2;
	$('#overlay')
		.css('width', '100%')
		.css('height', $(document).height() + 'px')
	//$('#'+itemLightBox)
		//.css('position', 'absolute')
		//.css('z-index', '9995')
		//.css('width', lightWidth + 'px')
		//.css('height', lightHeight + 'px')
	//	.css('top', top + $(document).scrollTop())
	//	.css('left', left);
		//.fadeIn();
}

function positionSoulLightBox(itemLightBox, lightWidth, lightHeight) {
	var top = ($(window).height() - lightHeight) / 2+100;
	var left = ($(window).width() - lightWidth) / 2;
	$('#'+itemLightBox)
		.css('position', 'absolute')
		.css('z-index', '9995')
		.css('width', lightWidth + 'px')
		.css('height', lightHeight + 'px')
		.css('top', top + $(document).scrollTop())
		.css('left', left)
		.fadeIn();
}

function removeSoulLightBox(itemLightBox) {
	$('#'+itemLightBox).css('display','none');	
	$('#overlay')
		.fadeOut('slow', function() {
			//$('body').css('overflow-y', 'scroll'); // show scrollbars!
			$(this).remove();
	});
}