Overlay = new Class({
    initialize: function(trig) {
		
		if (BrowserDetect.OS == "Mac" && BrowserDetect.browser=="Firefox") {
			this.Mac = 1;	
		}
		
        this.triggers = trig;
        this.overlay = $('olVideo');
        this.closeButton = $('close');
        this.flashContainer = $('flashContainer');
        this.docHeight = $$('.whiteBG').getStyle('height');
		if(!this.Mac)
        	this.overlay.setStyle('opacity', 0);
        //alert(this.docHeight);
        this.triggers.each(function(trigger) {
            var coors = findPos(trigger);
            //var video = trigger.getAttribute('video');
            trigger.addEvent('click', this.showOverlay.bind(this).pass([coors])); //, video
        } .bind(this));

        this.closeButton.addEvent('click', this.hideOverlay.bind(this));

    },
    buildEffect: function(el) {
        this.effect = el.effects({
            wait: false,
            duration: 400
        });
    },
    showOverlay: function(coors) {//, video
        //left position
        //var videoName = video;
        //this.overlay.setStyle('height', this.docHeight);
        var dH = this.docHeight;
        var docWidth = document.body.clientWidth;
        var playerWidth = 570;
        var halfScrn = parseInt(docWidth / 2);
        var halfPlayer = parseInt(playerWidth / 2);
        var coorleft = parseInt(halfScrn - halfPlayer);
        if (this.Mac)
        {
        	coorleft = coorleft + 15;
			this.overlay.style.backgroundImage= "url(/Img/mac-grey.png)";
   	 		this.overlay.style.backgroundRepeat="repeat";
			this.overlay.style.visibility= 'visible';
			this.overlay.style.height = dH;
        }
		else {
			this.buildEffect(this.overlay);
			this.effect.start({ 'opacity': 0.5, 'height': dH });
			this.buildEffect(this.flashContainer);
			this.effect.start({ 'opacity': 1 });
		}
		this.flashContainer.setStyle('top', (coors[1] - 190));
		this.flashContainer.setStyle('left', coorleft); //coors[0]
        this.flashContainer.setStyle('visibility', 'visible');



    },
    hideOverlay: function() {

        //this.buildEffect(this.flashContainer);
        //this.effect.start({'opacity' : 0});
        
		if (this.Mac) {
			this.flashContainer.setStyle('visibility', 'hidden');
			this.overlay.style.backgroundImage = "none";
			this.overlay.style.visibility= 'hidden';
		} else {
        	this.flashContainer.setStyle('left', '-50%');
			this.flashContainer.setStyle('visibility', 'hidden');
        	this.buildEffect(this.overlay);
        	this.effect.start({ 'opacity': 0 });
		}
    }

});