(function($) {
  
  var addMethods = function(source) {
    var ancestor   = this.superclass && this.superclass.prototype;
    var properties = $.keys(source);

    if (!$.keys({ toString: true }).length) properties.push("toString", "valueOf");

    for (var i = 0, length = properties.length; i < length; i++) {
      var property = properties[i], value = source[property];
      if (ancestor && $.isFunction(value) && $.argumentNames(value)[0] == "$super") {
        
        var method = value, value = $.extend($.wrap((function(m) {
          return function() { return ancestor[m].apply(this, arguments) };
        })(property), method), {
          valueOf:  function() { return method },
          toString: function() { return method.toString() }
        });
      }
      this.prototype[property] = value;
    }

    return this;
  }
  
  $.extend({
    keys: function(obj) {
      var keys = [];
      for (var key in obj) keys.push(key);
      return keys;
    },

    argumentNames: function(func) {
      var names = func.toString().match(/^[\s\(]*function[^(]*\((.*?)\)/)[1].split(/, ?/);
      return names.length == 1 && !names[0] ? [] : names;
    },

    bind: function(func, scope) {
      return function() {
        return func.apply(scope, $.makeArray(arguments));
      }
    },

    wrap: function(func, wrapper) {
      var __method = func;
      return function() {
        return wrapper.apply(this, [$.bind(__method, this)].concat($.makeArray(arguments)));
      }
    },
    
    klass: function() {
      var parent = null, properties = $.makeArray(arguments);
      if ($.isFunction(properties[0])) parent = properties.shift();

      var klass = function() { 
        this.initialize.apply(this, arguments);
      };

      klass.superclass = parent;
      klass.subclasses = [];
      klass.addMethods = addMethods;

      if (parent) {
        var subclass = function() { };
        subclass.prototype = parent.prototype;
        klass.prototype = new subclass;
        parent.subclasses.push(klass);
      }

      for (var i = 0; i < properties.length; i++)
        klass.addMethods(properties[i]);

      if (!klass.prototype.initialize)
        klass.prototype.initialize = function() {};

      klass.prototype.constructor = klass;

      return klass;
    },
    delegate: function(rules) {
      return function(e) {
        var target = $(e.target), parent = null;
        for (var selector in rules) {
          if (target.is(selector) || ((parent = target.parents(selector)) && parent.length > 0)) {
            return rules[selector].apply(this, [parent || target].concat($.makeArray(arguments)));
          }
          parent = null;
        }
      }
    }
  });
  
  var bindEvents = function(instance) {
    for (var member in instance) {
      if (member.match(/^on(.+)/) && typeof instance[member] == 'function') {
        instance.element.bind(RegExp.$1, $.bind(instance[member], instance));
      }
    }
  }
  
  var behaviorWrapper = function(behavior) {
    return $.klass(behavior, {
      initialize: function($super, element, args) {
        this.element = $(element);
        if ($super) $super.apply(this, args);
      }
    });
  }
  
  var attachBehavior = function(el, behavior, args) {
      var wrapper = behaviorWrapper(behavior);
      instance = new wrapper(el, args);

      bindEvents(instance);

      if (!behavior.instances) behavior.instances = [];

      behavior.instances.push(instance);
      
      return instance;
  };
  
  
  $.fn.extend({
    attach: function() {
      var args = $.makeArray(arguments), behavior = args.shift();
      
      if ($.livequery && this.selector) {
        return this.livequery(function() {
          attachBehavior(this, behavior, args);
        });
      } else {
        return this.each(function() {
          attachBehavior(this, behavior, args);
        });
      }
    },
    attachAndReturn: function() {
      var args = $.makeArray(arguments), behavior = args.shift();
      
      return $.map(this, function(el) {
        return attachBehavior(el, behavior, args);
      });
    },
    delegate: function(type, rules) {
      return this.bind(type, $.delegate(rules));
    },
    attached: function(behavior) {
      var instances = [];
      
      if (!behavior.instances) return instances;
      
      this.each(function(i, element) {
        $.each(behavior.instances, function(i, instance) {
          if (instance.element.get(0) == element) instances.push(instance);
        });
      });
      
      return instances;
    },
    firstAttached: function(behavior) {
      return this.attached(behavior)[0];
    }
  });
  
  Remote = $.klass({
    initialize: function(options) {
      if (this.element.attr('nodeName') == 'FORM') this.element.attach(Remote.Form, options);
      else this.element.attach(Remote.Link, options);
    }
  });
  
  Remote.Base = $.klass({
    initialize : function(options) {
      this.options = $.extend({
        
      }, options || {});
    },
    _makeRequest : function(options) {
      $.ajax(options);
      return false;
    }
  });
  
  Remote.Link = $.klass(Remote.Base, {
    onclick: function() {
      var options = $.extend({ url: this.element.attr('href'), type: 'GET' }, this.options);
      return this._makeRequest(options);
    }
  });
  
  Remote.Form = $.klass(Remote.Base, {
    onclick: function(e) {
      var target = e.target;
      
      if ($.inArray(target.nodeName.toLowerCase(), ['input', 'button']) >= 0 && target.type.match(/submit|image/))
        this._submitButton = target;
    },
    onsubmit: function() {
      var data = this.element.serializeArray();
      
      if (this._submitButton) data.push({ name: this._submitButton.name, value: this._submitButton.value });
      
      var options = $.extend({
        url : this.element.attr('action'),
        type : this.element.attr('method') || 'GET',
        data : data
      }, this.options);
      
      this._makeRequest(options);
      
      return false;
    }
  });
  
  $.ajaxSetup({ 
    beforeSend: function(xhr) {
      xhr.setRequestHeader("Accept", "text/javascript, text/html, application/xml, text/xml, */*");
    } 
  });
  
})(jQuery);

//////////
function sendPos(pos) 
{
    ListenSong.cur_track.increment(pos);
}

var ListenSong = $.klass({
    initialize: function(track_id, track_url, duration)
    {
        this.track_url  = track_url;
        this.track_id   = track_id;
        this.duration   = duration;
        this.position   = 0;
        this.play_state = 'nothing'; 
        ListenSong.tracks[track_id] = this;
    },

    action: function()
    {
        this.make_sure_object_was_created();        
    },
    _action: function()
    {
        switch(this.play_state) {
        case "nothing":
            this.stop_and_play();
						$('#image_track_'+ListenSong.cur_track.track_id)[0].src='/images/pause.gif'
            break;
        case "wait":
        case "play":
        case "paused":
            if(ListenSong.cur_track && ListenSong.cur_track.track_id == this.track_id) {
                this.resume_or_stop();
            } else {
                this.stop_and_play();
								$('#image_track_'+ListenSong.cur_track.track_id)[0].src='/images/pause.gif'
            }
            break;
        }
    },

    stop_and_play: function()
    {
        if(ListenSong.cur_track) {
            ListenSong.swf_obj.myStop();
            ListenSong.cur_track.play_state = 'nothing';
            ListenSong.cur_track.increment(0);
        }
        ListenSong.cur_track = this;
        this.play_state = 'wait';
        ListenSong.swf_obj.myGo(this.track_url);
    },

    resume_or_stop: function()
    {
        if(ListenSong.cur_track.play_state == 'paused') {
            ListenSong.cur_track.play_state = 'play';
            ListenSong.swf_obj.myResume();
						$('#image_track_'+ListenSong.cur_track.track_id)[0].src='/images/pause.gif'
        } else {
            ListenSong.cur_track.play_state = 'paused';
            ListenSong.swf_obj.myPause();
						$('#image_track_'+ListenSong.cur_track.track_id)[0].src='/images/play.gif'
        }
    },
    increment: function(pos)
    {
        if(this.play_state == 'wait' && pos > 0)
            this.play_state = 'play';
        this.position = pos;
        percent = (Math.ceil(pos*10000/this.duration)/100) + '%';
        $('#track_'+this.track_id+' .progress_slider')[0].style.width = percent;
    },
    make_sure_object_was_created: function()
    {
        if(ListenSong.swf_obj) {
            this._action();
            return;
        }
        var a = document.createElement('div');
        a.setAttribute("id", "invisible_player");
        $('body')[0].appendChild(a);
        swfobject.embedSWF("/flash/mp3play.swf", "invisible_player", "1", "1", "9.0.0");
        var _self = this;
        var b = function(){
            if (navigator.appName.indexOf("Microsoft") != -1) {
                ListenSong.swf_obj = window['invisible_player'];
            } else {
                ListenSong.swf_obj = document['invisible_player'];
            }
            if(!ListenSong.swf_obj.myGo)
                setTimeout(function(){b();}, 300);
            else
                _self._action();
        }
        setTimeout(function(){b();}, 300);
    }
});

ListenSong.swf_obj = null;
ListenSong.cur_track = null;
ListenSong.tracks = {};