// JavaScript Document
function vimeoize() {
var els = D.getElementsByClassName('ss-video', 'a');

D.batch(els, function(el){
       E.addListener(el, 'click', function(ev){
               E.preventDefault(ev);
               // var id = this.href.match(/\d+$/)[0];
               
               // create lightbox
               var overlay = document.createElement('div');
               overlay.className = 'ss-video-overlay';
               
               E.addListener(overlay, 'click', function(){
                       var anim = new YAHOO.util.Anim(frm, {opacity:{from:.8, to:.0}}, .4, YAHOO.util.Easing.easeOutStrong);
                       anim.onComplete.subscribe(function() { document.body.removeChild(frm); });
                       anim.animate();

                       var anim1 = new YAHOO.util.Anim(overlay, {opacity:{from:.8, to:.0}}, .4, YAHOO.util.Easing.easeOutStrong);
                       anim1.onComplete.subscribe(function() { document.body.removeChild(overlay); });
                       anim1.animate();
               });
               document.body.appendChild(overlay);
               var anim = new YAHOO.util.Anim(overlay, {opacity:{from:0, to:.8}}, .5, YAHOO.util.Easing.easeOutStrong);
               anim.animate();

               // create frame
               var frm = document.createElement('div');
               frm.id = 'ss-video-container';
               frm.className = 'ss-video-frame';

               var w = 640;
               var h = 360;
               
               D.setStyle(frm, 'width', w + 'px')
               D.setStyle(frm, 'top', ((D.getViewportHeight() - h) / 2) + 'px');
               D.setStyle(frm, 'left', ((D.getViewportWidth() - w) / 2) + 'px');               

               document.body.appendChild(frm);

               var flvUrl = this.href;                
               var title = this.title;
               
               var anim = new YAHOO.util.Anim(frm, {height:{from:0, to:h}}, .75, YAHOO.util.Easing.easeOutStrong);
               anim.onComplete.subscribe(function() { 
                   
                   var so = new SWFObject("http://www.squarespace.com/storage/sqplayer/SquarespaceVideoPlayer_v1.1.2.swf", "SSplayer", "640", "360", "10", "#000000");

                   so.addVariable("playerURL", "http://www.squarespace.com/sqplayer/swfobject/SquarespaceVideoPlayer_v1.1.2.swf");

                   so.addParam("allowScriptAccess", "always");
                   so.addParam("allowFullScreen", "true");
                   so.addParam("quality", "best");
                   so.addParam("scale", "noscale");
                   so.addParam("loop", "false");

                   // Video settings
                   so.addVariable("video", flvUrl);
                   so.addVariable("graphic", "http://www.squarespace.com/storage/sqplayer/video-splash.jpg");
                   so.addVariable("title", title);

                   so.write("ss-video-container");
               
				});
               anim.animate();
               
       })
});

}

E.onDOMReady(vimeoize);