// JavaScript Document

function showPopover()
		{
			//Adjust margins to make popover appear in centre of page, based on width and height changing with content of div
			var thisHeight = $('Popover').getHeight();
			var thisWidth = $('Popover').getWidth();
			var thisMarginTop = '-' + thisHeight / 2;
			var thisMarginRight = '-' + thisWidth / 2;
			$('Popover').style.margin = thisMarginTop + 'px 0px 0px ' + thisMarginRight + 'px';
			
			Effect.Appear('Popover',{duration : 0.5});
			Effect.Appear('darkBackgroundLayer',{duration : 0.5, from : 0.0, to : 0.7});
		}
		
		function hidePopover() {
			Effect.Fade('Popover',{duration : 0.5});
			Effect.Fade('darkBackgroundLayer',{duration : 0.5, from : 0.7, to : 0.0});		
		}