var video = (function(){
  var video = {}
  var mx
  
  video.init = function(opt){
    video.build()
  }

  video.build = function(media){
    switch (media.type) {
      case 'video':
        mxType = MX.Video
        break
      case 'vimeo':
        mxType = MX.Vimeo
        break
      case 'youtube':
        mxType = MX.Youtube
        break
    }
    if (app.muted) {
      media.mute = true
    }
    mx = new mxType({
      media: media,
      backface: false,
    })
    video.el.innerHTML = ""
    video.el.appendChild(mx.el)
    
    mx.load()
  }
  
  video.play = function(){
    mx.play()
  }
  
  video.pause = function(){
    mx.pause()
  }
  
  video.toggle = function(shouldPause){
    if (typeof shouldPause !== "boolean") {
      shouldPause = ! mx.paused
    }
    shouldPause ? mx.pause() : mx.play()
    return shouldPause
  }
  
  video.toggleMuted = function(shouldMute){
    if (typeof shouldMute !== "boolean") {
      shouldMute = ! mx.muted
    }
    shouldMute ? mx.mute() : mx.unmute()
    return shouldMute
  }
  
  video.paused = function(){
    return mx.paused
  }
  
  video.muted = function(){
    return mx.muted
  }
  
  video.seek = function(n){
    mx.seek(n)
  }
  
  video.setLoop = function(shouldLoop){
    mx.setLoop(shouldLoop)
  }
  
  video.mute = function(muted){
    if (muted) {
      mx.mute()
    }
    else {
      mx.unmute()
    }
  }

  video.unmute = function(){
    mx.unmute()
  }
  
  video.setVolume = function(n){
    mx.setVolume(n)
  }

})()