window.addEvent('domready', function()
{
	var flashTemplate = new Element('div', {id: 'customContent', 'style': 'display: none'});
	
	flashTemplate.set('html', '<object width="794" height="534" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">' +
						'<param name="Movie" value="../Documents/Coloplast-FrontpageTakeover.swf">' +
						'<param name="play" value="true">' +
						'<param name="quality" value="high">' +
						'<param name="wmode" value="transparent">' +
						'<param name="loop" value="false">' +
						'<param name="menu" value="false">' +
						'<param name="allowFullScreen" value="true" >' +
						'<param name="flashvars" value="xmlurl=../Documents/TextAndConfiguration.xml">' +
						'<embed src="../Documents/Coloplast-FrontpageTakeover.swf" flashvars="xmlurl=../Documents/TextAndConfiguration.xml" width="794" height="534" type="application/x-shockwave-flash"  pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="transparent" loop="false" menu="false" allowFullScreen="true"></embed></object>' +
						'<div id="closeBTN" style="position: absolute; top: 0px; right: -54px; cursor:pointer; color: #FFF; font-size: 11px; font-family: Arial,Helvetica; font-weight: bold; padding: 4px 0px 0px 0px;"><img src="../PublishingImages/close.png" alt="" title="" style="position: relative; top: 1px;" />&nbsp;&nbsp;Close</div>'
						);

						
	flashTemplate.inject($('aspnetForm'), 'top');
	
	var coloModal = function(elm, containerWidth, containerHeight, showOnLoad)
	{
		var isIe6 = Browser.Engine.trident4;
		var pos = isIe6 ? 'absolute' : 'fixed';
		document.getElementById('closeBTN').onclick	= hideModal;
		var frontModalOverlay = new Element('div',
		{
			id		: 'frontModalOverlay',
			events	: {
				'click': function(e)
				{
					e.preventDefault();
					hideModal();
				}
			}
		});
		frontModalOverlay.setStyles({ 'top': 0, 'left': 0, 'position': pos, 'z-index': 1001, 'display': 'block', 'background-color': '#000' });

		var frontModalContainer = new Element('div', { id: 'frontModalContainer' });
		frontModalContainer.setStyles({ 'position': pos, 'z-index': 1002, 'display': 'block' });
		frontModalContainer.adopt($(elm).setStyle('display', 'block'));
		frontModalContainer.inject($('aspnetForm'), 'top');
		frontModalOverlay.inject($('aspnetForm'), 'top');

		var windowSize, containerLeft, containerTop;

		var init = function()
		{
			windowSize = $(window).getSize();
			containerLeft = ((windowSize.x / 2) - (containerWidth / 2)).round();
			containerTop = ((windowSize.y / 2) - (containerHeight / 2)).round();
		}

		var timer;

		window.addEvent('resize', function()
		{
			$clear(timer);
			timer = (function()
			{
				init();
				$('frontModalOverlay').setStyles({ 'width': windowSize.x, 'height': windowSize.y });
				$('frontModalContainer').setStyles({ 'top': containerTop, 'left': containerLeft });
			}).delay(50);
		});

		var showModal = function()
		{
			$('frontModalOverlay').setStyles({ 'opacity': '0', 'display': 'block', 'width': windowSize.x, 'height': (isIe6 ? $(window).getScrollSize().y : windowSize.y) });
			$('frontModalContainer').setStyles({ 'opacity': '0', 'display': 'block', 'top': containerTop, 'left': containerLeft, 'width': containerWidth.toInt(), 'height': containerHeight.toInt() });
			$('frontModalOverlay').morph({ 'opacity': '0.7' });
			$('frontModalContainer').morph({'opacity': '1' });
		}

		init();
		if(showOnLoad) showModal();
	}
	coloModal('customContent', 794, 534, true);
});

var hideModal = function()
{
	$('frontModalOverlay').setStyle('display', 'none');
	$('frontModalContainer').setStyle('display', 'none');
}