YAHOO.namespace('Animotion.portfolio') ;

YAHOO.Animotion.portfolio = {

  init: function() {
    var content = YAHOO.util.Dom.get('portfolio-thumbnails') ;
    if ( YAHOO.Animotion.portfolio.links = content.getElementsByTagName('a') ) {
      YAHOO.util.Event.on(YAHOO.Animotion.portfolio.links, 'click', YAHOO.Animotion.portfolio.showMovie) ;
    }
  },
  
  showMovie: function(e) {
      YAHOO.util.Event.preventDefault(e) ;
      var URI = this.href + "?single" ;
      if ( typeof YAHOO.Animotion.portfolio.overlay == 'undefined' ) {
        YAHOO.Animotion.portfolio.overlay = YAHOO.Animotion.portfolio.makeOverlay() ;
        YAHOO.Animotion.portfolio.overlay.render(document.body) ;
      }
      YAHOO.Animotion.portfolio.overlay.setBody('<iframe src="' + URI + '"></iframe>') ;
      YAHOO.Animotion.portfolio.overlay.show() ;
      YAHOO.Animotion.portfolio.overlay.beforeHideEvent.subscribe(YAHOO.Animotion.portfolio.beforeHide) ;
  },
  
  makeOverlay: function() {
    var overlay = new YAHOO.widget.Panel('portfolioOverlay', { 
        fixedcenter: true,
        width: '410px',
        height: '340px',
        modal: true,
        effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration: 0.5}
      } ) ;
    overlay.setHeader('Click video to play ...') ;
    overlay.setBody('') ;
    overlay.setFooter('') ;
    return overlay ;
  },
  
  cbGetSinglePage:  {
    success: function(o) {
      alert(o.responseText) ;
      YAHOO.Animotion.portfolio.overlay.setBody(o.responseText) ;
      YAHOO.Animotion.portfolio.overlay.show() ;
    },
    failure: function(o) {
      
    }
  },
  
  beforeHide: function() {
    YAHOO.Animotion.portfolio.overlay.setBody('') ;
  }

}

YAHOO.util.Event.on(window, 'load', YAHOO.Animotion.portfolio.init) ;