/**
 * flowplayer.controls.js 3.0.2. Flowplayer JavaScript plugin.
 * 
 * This file is part of Flowplayer, http://flowplayer.org
 *
 * Author: Tero Piirainen, <support@flowplayer.org>
 * Copyright (c) 2008 Flowplayer Ltd
 *
 * Dual licensed under MIT and GPL 2+ licenses
 * SEE: http://www.opensource.org/licenses
 * 
 * Version: 3.0.2 - Wed Apr 15 2009 08:36:11 GMT-0000 (GMT+00:00)
 */
$f.addPlugin("controls",
function(wrap, options) {
  function fixE(e) {
    if (typeof e == 'undefined') {
      e = window.event;
    }
    if (typeof e.layerX == 'undefined') {
      e.layerX = e.offsetX;
    }
    if (typeof e.layerY == 'undefined') {
      e.layerY = e.offsetY;
    }
    return e;
  }
  function w(e) {
    return e.clientWidth;
  }
  function offset(e) {
    return e.offsetLeft;
  }
  function Draggable(o, min, max, offset) {
    var dragging = false;
    function foo() {}
    o.onDragStart = o.onDragStart || foo;
    o.onDragEnd = o.onDragEnd || foo;
    o.onDrag = o.onDrag || foo;
    function move(x) {
      if (x > max) {
        return false;
      }
      if (x < min) {
        return false;
      }
      o.style.left = x + "px";
      return true;
    }
    function end() {
      document.onmousemove = null;
      document.onmouseup = null;
      o.onDragEnd(parseInt(o.style.left, 10));
      dragging = false;
    }
    function drag(e) {
      e = fixE(e);
      var x = e.clientX - offset;
      if (move(x)) {
        dragging = true;
        o.onDrag(x);
      }
      return false;
    }
    o.onmousedown = function(e) {
      e = fixE(e);
      o.onDragStart(parseInt(o.style.left, 10));
      document.onmousemove = drag;
      document.onmouseup = end;
      return false;
    };
    this.dragTo = function(x) {
      if (move(x)) {
        o.onDragEnd(x);
      }
    };
    this.setMax = function(val) {
      max = val;
    };
    this.isDragging = function() {
      return dragging;
    };
    return this;
  }
  function extend(to, from) {
    if (from) {
      for (key in from) {
        if (key) {
          to[key] = from[key];
        }
      }
    }
  }
  function byClass(name) {
    var els = wrap.getElementsByTagName("*");
    var re = new RegExp("(^|\\s)" + name + "(\\s|$)");
    for (var i = 0; i < els.length; i++) {
      if (re.test(els[i].className)) {
        return els[i];
      }
    }
  }
  function pad(val) {
    val = parseInt(val, 10);
    return val >= 10 ? val: "0" + val;
  }
  function toTime(sec) {
    var h = Math.floor(sec / 3600);
    var min = Math.floor(sec / 60);
    sec = sec - (min * 60);
    if (h >= 1) {
      min -= h * 60;
      return pad(h) + ":" + pad(min) + ":" + pad(sec);
    }
    return pad(min) + ":" + pad(sec);
  }
  function getTime(time, duration) {
    return "<span>" + toTime(time) + "</span> <strong>" + toTime(duration) + "</strong>";
  }
  var self = this;
  var opts = {
    playHeadClass: 'playhead',
    trackClass: 'track',
    playClass: 'play',
    pauseClass: 'pause',
    bufferClass: 'buffer',
    progressClass: 'progress',
    timeClass: 'time',
    muteClass: 'mute',
    unmuteClass: 'unmute',
    duration: 0,
    template: '<a class="play">play</a>' + '<div class="track">' + '<div class="buffer"></div>' + '<div class="progress"></div>' + '<div class="playhead"></div>' + '</div>' + '<div class="time"></div>' + '<a class="mute">mute</a>'
  };
  extend(opts, options);
  if (typeof wrap == 'string') {
    wrap = document.getElementById(wrap);
  }
  if (!wrap) {
    return;
  }
  if (!wrap.innerHTML.replace(/\s/g, '')) {
    wrap.innerHTML = opts.template;
  }
  var ball = byClass(opts.playHeadClass);
  var bufferBar = byClass(opts.bufferClass);
  var progressBar = byClass(opts.progressClass);
  var track = byClass(opts.trackClass);
  var time = byClass(opts.timeClass);
  var mute = byClass(opts.muteClass);
  time.innerHTML = getTime(0, opts.duration);
  var trackWidth = w(track);
  var ballWidth = w(ball);
  var head = new Draggable(ball, 0, 0, offset(wrap) + offset(track) + (ballWidth / 2));
  track.onclick = function(e) {
    e = fixE(e);
    if (e.target == ball) {
      return false;
    }
    head.dragTo(e.layerX - ballWidth / 2);
  };
  var play = byClass(opts.playClass);
  play.onclick = function() {
    if (self.isLoaded()) {
      self.toggle();
    } else {
      self.play();
    }
  };
  mute.onclick = function() {
    if (self.getStatus().muted) {
      self.unmute();
    } else {
      self.mute();
    }
  };
  var timer = null;
  function getMax(len, total) {
    return parseInt(Math.min(len / total * trackWidth, trackWidth - ballWidth / 2), 10);
  }
  self.onStart(function(clip) {
    var duration = clip.duration || 0;
    clearInterval(timer);
    timer = setInterval(function() {
      var status = self.getStatus();
      if (status.time) {
        time.innerHTML = getTime(status.time, clip.duration);
      }
      if (status.time === undefined) {
        clearInterval(timer);
        return;
      }
      var x = getMax(status.bufferEnd, duration);
      bufferBar.style.width = x + "px";
      head.setMax(x);
      if (!self.isPaused() && !head.isDragging()) {
        x = getMax(status.time, duration);
        progressBar.style.width = x + "px";
        ball.style.left = (x - ballWidth / 2) + "px";
      }
    },
    500);
  });
  self.onBegin(function() {
    play.className = opts.pauseClass;
  });
  self.onPause(function() {
    play.className = opts.playClass;
  });
  self.onResume(function() {
    play.className = opts.pauseClass;
  });
  self.onMute(function() {
    mute.className = opts.unmuteClass;
  });
  self.onUnmute(function() {
    mute.className = opts.muteClass;
  });
  self.onFinish(function(clip) {
    clearInterval(timer);
  });
  self.onUnload(function() {
    time.innerHTML = getTime(0, opts.duration);
  });
  ball.onDragEnd = function(x) {
    var to = parseInt(x / trackWidth * 100, 10) + "%";
    progressBar.style.width = x + "px";
    if (self.isLoaded()) {
      self.seek(to);
    }
  };
  ball.onDrag = function(x) {
    progressBar.style.width = x + "px";
  };
  return self;
});