var popUp = {};

popUp.contentDiv = "popUpContent";

popUp.init = function(){
	$('body').append($('<div id="lightBoxPopUp"></div>')
		.append($('<div id="backgroundBlurrer"></div>')
			.click(function(){$('#lightBoxPopUp').fadeOut('fast')})
		)
		.append($('<div id="popUpContainer"></div')
			.append($('<div id="popUpBorder"></div>'))
			.append($('<div id="popUpContent"></div>'))
			.append($('<a class="closePopUp"><img src="assets/components/gallery/close.gif" alt="" /></a>')
				.click(function(){$('#lightBoxPopUp').fadeOut('slow')})
			)
		).hide()
	)
}

popUp.setDimensions = function(width, height){
	$('#popUpContainer')
		.css("width", width + 24)
		.css("height", height + 24)
		.css("margin-top", -(height * .5))
	$('#popUpBorder')
		.css("width", width)
		.css("height", height)
	$('#popUpContent')
		.css("width", width)
		.css("height", height)
}

popUp.show = function(){
	$('#lightBoxPopUp').fadeIn('fast')
}

popUp.hide = function(){
	$('#lightBoxPopUp').fadeOut('slow')
}