Perwoll.VideoLayer = function() {
    var Event = YAHOO.util.Event;
    var Dom = YAHOO.util.Dom;
    var Anim = YAHOO.util.Anim;
    
    var size = [595, 420];
    var expander = null;
    var masker = null;
    
    return {
        
        _createExpander : function() {
            var expander = document.createElement('div');
            
            Dom.generateId(expander);
            document.body.appendChild(expander);
            expander.style.background = "#fff";
            expander.style.position = "absolute";
            expander.style.zIndex = 1000;
            return expander;
        },
        _createMasker : function() {
            var masker = document.createElement('div');
            
            Dom.generateId(masker);
            document.body.appendChild(masker);
            masker.style.background = "#fff";
            masker.style.position = "absolute";
            masker.style.left = "0";
            masker.style.top = "0";
            masker.style.width = "100%";
            masker.style.height = "100%";
            masker.style.zIndex = 999;
            Dom.setStyle(masker, "opacity", 0.7);
            
            return masker;
        },
        hide : function() {
            expander.parentNode.removeChild(expander);
            expander = null;
            
            masker.parentNode.removeChild(masker);
            masker = null;
        },
        show : function(videoFlv) {
            
            var evt = Event.getEvent();
            Event.stopEvent(evt);
            
            if(expander)
            {
                return;
            }
            
                    
            var target = evt.target || evt.srcElement;
            
            expander = this._createExpander();
            
            Dom.setXY(expander, Dom.getXY(target));
            
            expander.style.width = target.offsetWidth + "px";
            expander.style.height = target.offsetHeight + "px";
            
            var x = (Dom.getViewportWidth() - size[0]) / 2;
            var y = Dom.getDocumentScrollTop() + (Dom.getViewportHeight() - size[1]) / 2;
            
            var anim = new YAHOO.util.Motion(expander, {
                points : {
                    to : [x, y]
                },
                width : {
                    to: size[0]
                },
                height : {
                    to: size[1]
                },
                opacity :  {
                    to: .6
                }
            }, .4, YAHOO.util.Easing.easeOut);
            anim.onComplete.subscribe(function() {
                expander.innerHTML = '<div id="flash-video-layer"></div>';
                swfobject.embedSWF("/inc/swf/video-layer.swf", expander.firstChild.id, size[0], size[1], "9.0.115", null, {vidSrc: videoFlv}, {wmode: "transparent"});
                Dom.setStyle(expander, "opacity", 1);
                Dom.setStyle(expander, "background", "none");
            });
            anim.animate();
            
            masker = this._createMasker();
            
        }		
    };
    
}();