// relative path to overlayer
var swfOverlayerPath = '/images/overlayer_tcm21-154532.swf';

// which element should it align to
var elOverlayButtonId = 'btn-check';

// animation time -> don't change!
var intAnimationTime = 5500;

//window.addEvent('load', function()
//{
//	if($(elOverlayButtonId))
//	{
//		// create overlayer and show immediately
//		var objOverlayer = new Overlayer();
//		objOverlayer.show();
//		
//		// hide after animation of x miliseconds
//		objOverlayer.hide.delay(intAnimationTime, objOverlayer);
//	}
//});

var Overlayer = new Class({
	elDivOverlayer: null,
	initialize:function(){
		// format of overlayer
		this.intWidth = 477;
		this.intHeight = 252;
		
		// position
		this.intButtonPositions = $(elOverlayButtonId).getPosition();
		this.intPostLeft = this.intButtonPositions.x - this.intWidth;
		this.intPosTop = (this.intButtonPositions.y - this.intHeight);	
		
		// position fix for iframe PGGM. Fix pos = iframe pos + fix pixels
		this.intPostLeft = this.intPostLeft + 155;
		this.intPosTop = this.intPosTop - 5;
		
		// init overlayer
		this.elDivOverlayer = new Element('div', 
		{
			'id': 'overlayer'
		});	
		
		// set overlayer styles
		this.elDivOverlayer.setStyles({
			'width': this.intWidth + 'px',
			'height': this.intHeight + 'px',
			'position': 'absolute',
			'left': this.intPostLeft,
			'top': this.intPosTop,
			'display': 'none',
			'z-index': '3000'
		});
		
		// insert overlayer in html
		this.elDivOverlayer.inject($(document.body));
		
		// swf object
		var elSwfOverlayer = new SWFObject(swfOverlayerPath, "overlayer", this.intWidth, this.intHeight, "9", "#fff");
		elSwfOverlayer.addParam('wmode', 'transparent');
		elSwfOverlayer.write(this.elDivOverlayer);
	},
	show: function()
	{
		this.elDivOverlayer.setStyle('display', 'block');
	},	
	hide: function()
	{	
		this.elDivOverlayer.setStyle('display', 'none');
	}
});