/*  Prototype JavaScript framework, version 1.6.1
 *  (c) 2005-2009 Sam Stephenson
 *
 *  Prototype is freely distributable under the terms of an MIT-style license.
 *  For details, see the Prototype web site: http://www.prototypejs.org/
 *
 *--------------------------------------------------------------------------*/

var Prototype = {
  Version: '1.6.1',

  Browser: (function(){
    var ua = navigator.userAgent;
    var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
    return {
      IE:             !!window.attachEvent && !isOpera,
      Opera:          isOpera,
      WebKit:         ua.indexOf('AppleWebKit/') > -1,
      Gecko:          ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
      MobileSafari:   /Apple.*Mobile.*Safari/.test(ua)
    }
  })(),

  BrowserFeatures: {
    XPath: !!document.evaluate,
    SelectorsAPI: !!document.querySelector,
    ElementExtensions: (function() {
      var constructor = window.Element || window.HTMLElement;
      return !!(constructor && constructor.prototype);
    })(),
    SpecificElementExtensions: (function() {
      if (typeof window.HTMLDivElement !== 'undefined')
        return true;

      var div = document.createElement('div');
      var form = document.createElement('form');
      var isSupported = false;

      if (div['__proto__'] && (div['__proto__'] !== form['__proto__'])) {
        isSupported = true;
      }

      div = form = null;

      return isSupported;
    })()
  },

  ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>',
  JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/,

  emptyFunction: function() { },
  K: function(x) { return x }
};

if (Prototype.Browser.MobileSafari)
  Prototype.BrowserFeatures.SpecificElementExtensions = false;


var Abstract = { };


var Try = {
  these: function() {
    var returnValue;

    for (var i = 0, length = arguments.length; i < length; i++) {
      var lambda = arguments[i];
      try {
        returnValue = lambda();
        break;
      } catch (e) { }
    }

    return returnValue;
  }
};

/* Based on Alex Arnell's inheritance implementation. */

var Class = (function() {
  function subclass() {};
  function create() {
    var parent = null, properties = $A(arguments);
    if (Object.isFunction(properties[0]))
      parent = properties.shift();

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

    Object.extend(klass, Class.Methods);
    klass.superclass = parent;
    klass.subclasses = [];

    if (parent) {
      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 = Prototype.emptyFunction;

    klass.prototype.constructor = klass;
    return klass;
  }

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

    if (!Object.keys({ toString: true }).length) {
      if (source.toString != Object.prototype.toString)
        properties.push("toString");
      if (source.valueOf != Object.prototype.valueOf)
        properties.push("valueOf");
    }

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

        value.valueOf = method.valueOf.bind(method);
        value.toString = method.toString.bind(method);
      }
      this.prototype[property] = value;
    }

    return this;
  }

  return {
    create: create,
    Methods: {
      addMethods: addMethods
    }
  };
})();
(function() {

  var _toString = Object.prototype.toString;

  function extend(destination, source) {
    for (var property in source)
      destination[property] = source[property];
    return destination;
  }

  function inspect(object) {
    try {
      if (isUndefined(object)) return 'undefined';
      if (object === null) return 'null';
      return object.inspect ? object.inspect() : String(object);
    } catch (e) {
      if (e instanceof RangeError) return '...';
      throw e;
    }
  }

  function toJSON(object) {
    var type = typeof object;
    switch (type) {
      case 'undefined':
      case 'function':
      case 'unknown': return;
      case 'boolean': return object.toString();
    }

    if (object === null) return 'null';
    if (object.toJSON) return object.toJSON();
    if (isElement(object)) return;

    var results = [];
    for (var property in object) {
      var value = toJSON(object[property]);
      if (!isUndefined(value))
        results.push(property.toJSON() + ': ' + value);
    }

    return '{' + results.join(', ') + '}';
  }

  function toQueryString(object) {
    return $H(object).toQueryString();
  }

  function toHTML(object) {
    return object && object.toHTML ? object.toHTML() : String.interpret(object);
  }

  function keys(object) {
    var results = [];
    for (var property in object)
      results.push(property);
    return results;
  }

  function values(object) {
    var results = [];
    for (var property in object)
      results.push(object[property]);
    return results;
  }

  function clone(object) {
    return extend({ }, object);
  }

  function isElement(object) {
    return !!(object && object.nodeType == 1);
  }

  function isArray(object) {
    return _toString.call(object) == "[object Array]";
  }


  function isHash(object) {
    return object instanceof Hash;
  }

  function isFunction(object) {
    return typeof object === "function";
  }

  function isString(object) {
    return _toString.call(object) == "[object String]";
  }

  function isNumber(object) {
    return _toString.call(object) == "[object Number]";
  }

  function isUndefined(object) {
    return typeof object === "undefined";
  }

  extend(Object, {
    extend:        extend,
    inspect:       inspect,
    toJSON:        toJSON,
    toQueryString: toQueryString,
    toHTML:        toHTML,
    keys:          keys,
    values:        values,
    clone:         clone,
    isElement:     isElement,
    isArray:       isArray,
    isHash:        isHash,
    isFunction:    isFunction,
    isString:      isString,
    isNumber:      isNumber,
    isUndefined:   isUndefined
  });
})();
Object.extend(Function.prototype, (function() {
  var slice = Array.prototype.slice;

  function update(array, args) {
    var arrayLength = array.length, length = args.length;
    while (length--) array[arrayLength + length] = args[length];
    return array;
  }

  function merge(array, args) {
    array = slice.call(array, 0);
    return update(array, args);
  }

  function argumentNames() {
    var names = this.toString().match(/^[\s\(]*function[^(]*\(([^)]*)\)/)[1]
      .replace(/\/\/.*?[\r\n]|\/\*(?:.|[\r\n])*?\*\//g, '')
      .replace(/\s+/g, '').split(',');
    return names.length == 1 && !names[0] ? [] : names;
  }

  function bind(context) {
    if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this;
    var __method = this, args = slice.call(arguments, 1);
    return function() {
      var a = merge(args, arguments);
      return __method.apply(context, a);
    }
  }

  function bindAsEventListener(context) {
    var __method = this, args = slice.call(arguments, 1);
    return function(event) {
      var a = update([event || window.event], args);
      return __method.apply(context, a);
    }
  }

  function curry() {
    if (!arguments.length) return this;
    var __method = this, args = slice.call(arguments, 0);
    return function() {
      var a = merge(args, arguments);
      return __method.apply(this, a);
    }
  }

  function delay(timeout) {
    var __method = this, args = slice.call(arguments, 1);
    timeout = timeout * 1000;
    return window.setTimeout(function() {
      return __method.apply(__method, args);
    }, timeout);
  }

  function defer() {
    var args = update([0.01], arguments);
    return this.delay.apply(this, args);
  }

  function wrap(wrapper) {
    var __method = this;
    return function() {
      var a = update([__method.bind(this)], arguments);
      return wrapper.apply(this, a);
    }
  }

  function methodize() {
    if (this._methodized) return this._methodized;
    var __method = this;
    return this._methodized = function() {
      var a = update([this], arguments);
      return __method.apply(null, a);
    };
  }

  return {
    argumentNames:       argumentNames,
    bind:                bind,
    bindAsEventListener: bindAsEventListener,
    curry:               curry,
    delay:               delay,
    defer:               defer,
    wrap:                wrap,
    methodize:           methodize
  }
})());


Date.prototype.toJSON = function() {
  return '"' + this.getUTCFullYear() + '-' +
    (this.getUTCMonth() + 1).toPaddedString(2) + '-' +
    this.getUTCDate().toPaddedString(2) + 'T' +
    this.getUTCHours().toPaddedString(2) + ':' +
    this.getUTCMinutes().toPaddedString(2) + ':' +
    this.getUTCSeconds().toPaddedString(2) + 'Z"';
};


RegExp.prototype.match = RegExp.prototype.test;

RegExp.escape = function(str) {
  return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
};
var PeriodicalExecuter = Class.create({
  initialize: function(callback, frequency) {
    this.callback = callback;
    this.frequency = frequency;
    this.currentlyExecuting = false;

    this.registerCallback();
  },

  registerCallback: function() {
    this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
  },

  execute: function() {
    this.callback(this);
  },

  stop: function() {
    if (!this.timer) return;
    clearInterval(this.timer);
    this.timer = null;
  },

  onTimerEvent: function() {
    if (!this.currentlyExecuting) {
      try {
        this.currentlyExecuting = true;
        this.execute();
        this.currentlyExecuting = false;
      } catch(e) {
        this.currentlyExecuting = false;
        throw e;
      }
    }
  }
});
Object.extend(String, {
  interpret: function(value) {
    return value == null ? '' : String(value);
  },
  specialChar: {
    '\b': '\\b',
    '\t': '\\t',
    '\n': '\\n',
    '\f': '\\f',
    '\r': '\\r',
    '\\': '\\\\'
  }
});

Object.extend(String.prototype, (function() {

  function prepareReplacement(replacement) {
    if (Object.isFunction(replacement)) return replacement;
    var template = new Template(replacement);
    return function(match) { return template.evaluate(match) };
  }

  function gsub(pattern, replacement) {
    var result = '', source = this, match;
    replacement = prepareReplacement(replacement);

    if (Object.isString(pattern))
      pattern = RegExp.escape(pattern);

    if (!(pattern.length || pattern.source)) {
      replacement = replacement('');
      return replacement + source.split('').join(replacement) + replacement;
    }

    while (source.length > 0) {
      if (match = source.match(pattern)) {
        result += source.slice(0, match.index);
        result += String.interpret(replacement(match));
        source  = source.slice(match.index + match[0].length);
      } else {
        result += source, source = '';
      }
    }
    return result;
  }

  function sub(pattern, replacement, count) {
    replacement = prepareReplacement(replacement);
    count = Object.isUndefined(count) ? 1 : count;

    return this.gsub(pattern, function(match) {
      if (--count < 0) return match[0];
      return replacement(match);
    });
  }

  function scan(pattern, iterator) {
    this.gsub(pattern, iterator);
    return String(this);
  }

  function truncate(length, truncation) {
    length = length || 30;
    truncation = Object.isUndefined(truncation) ? '...' : truncation;
    return this.length > length ?
      this.slice(0, length - truncation.length) + truncation : String(this);
  }

  function strip() {
    return this.replace(/^\s+/, '').replace(/\s+$/, '');
  }

  function stripTags() {
    return this.replace(/<\w+(\s+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi, '');
  }

  function stripScripts() {
    return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
  }

  function extractScripts() {
    var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
    var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
    return (this.match(matchAll) || []).map(function(scriptTag) {
      return (scriptTag.match(matchOne) || ['', ''])[1];
    });
  }

  function evalScripts() {
    return this.extractScripts().map(function(script) { return eval(script) });
  }

  function escapeHTML() {
    return this.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
  }

  function unescapeHTML() {
    return this.stripTags().replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&');
  }


  function toQueryParams(separator) {
    var match = this.strip().match(/([^?#]*)(#.*)?$/);
    if (!match) return { };

    return match[1].split(separator || '&').inject({ }, function(hash, pair) {
      if ((pair = pair.split('='))[0]) {
        var key = decodeURIComponent(pair.shift());
        var value = pair.length > 1 ? pair.join('=') : pair[0];
        if (value != undefined) value = decodeURIComponent(value);

        if (key in hash) {
          if (!Object.isArray(hash[key])) hash[key] = [hash[key]];
          hash[key].push(value);
        }
        else hash[key] = value;
      }
      return hash;
    });
  }

  function toArray() {
    return this.split('');
  }

  function succ() {
    return this.slice(0, this.length - 1) +
      String.fromCharCode(this.charCodeAt(this.length - 1) + 1);
  }

  function times(count) {
    return count < 1 ? '' : new Array(count + 1).join(this);
  }

  function camelize() {
    var parts = this.split('-'), len = parts.length;
    if (len == 1) return parts[0];

    var camelized = this.charAt(0) == '-'
      ? parts[0].charAt(0).toUpperCase() + parts[0].substring(1)
      : parts[0];

    for (var i = 1; i < len; i++)
      camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1);

    return camelized;
  }

  function capitalize() {
    return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase();
  }

  function underscore() {
    return this.replace(/::/g, '/')
               .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
               .replace(/([a-z\d])([A-Z])/g, '$1_$2')
               .replace(/-/g, '_')
               .toLowerCase();
  }

  function dasherize() {
    return this.replace(/_/g, '-');
  }

  function inspect(useDoubleQuotes) {
    var escapedString = this.replace(/[\x00-\x1f\\]/g, function(character) {
      if (character in String.specialChar) {
        return String.specialChar[character];
      }
      return '\\u00' + character.charCodeAt().toPaddedString(2, 16);
    });
    if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"';
    return "'" + escapedString.replace(/'/g, '\\\'') + "'";
  }

  function toJSON() {
    return this.inspect(true);
  }

  function unfilterJSON(filter) {
    return this.replace(filter || Prototype.JSONFilter, '$1');
  }

  function isJSON() {
    var str = this;
    if (str.blank()) return false;
    str = this.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, '');
    return (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(str);
  }

  function evalJSON(sanitize) {
    var json = this.unfilterJSON();
    try {
      if (!sanitize || json.isJSON()) return eval('(' + json + ')');
    } catch (e) { }
    throw new SyntaxError('Badly formed JSON string: ' + this.inspect());
  }

  function include(pattern) {
    return this.indexOf(pattern) > -1;
  }

  function startsWith(pattern) {
    return this.indexOf(pattern) === 0;
  }

  function endsWith(pattern) {
    var d = this.length - pattern.length;
    return d >= 0 && this.lastIndexOf(pattern) === d;
  }

  function empty() {
    return this == '';
  }

  function blank() {
    return /^\s*$/.test(this);
  }

  function interpolate(object, pattern) {
    return new Template(this, pattern).evaluate(object);
  }

  return {
    gsub:           gsub,
    sub:            sub,
    scan:           scan,
    truncate:       truncate,
    strip:          String.prototype.trim ? String.prototype.trim : strip,
    stripTags:      stripTags,
    stripScripts:   stripScripts,
    extractScripts: extractScripts,
    evalScripts:    evalScripts,
    escapeHTML:     escapeHTML,
    unescapeHTML:   unescapeHTML,
    toQueryParams:  toQueryParams,
    parseQuery:     toQueryParams,
    toArray:        toArray,
    succ:           succ,
    times:          times,
    camelize:       camelize,
    capitalize:     capitalize,
    underscore:     underscore,
    dasherize:      dasherize,
    inspect:        inspect,
    toJSON:         toJSON,
    unfilterJSON:   unfilterJSON,
    isJSON:         isJSON,
    evalJSON:       evalJSON,
    include:        include,
    startsWith:     startsWith,
    endsWith:       endsWith,
    empty:          empty,
    blank:          blank,
    interpolate:    interpolate
  };
})());

var Template = Class.create({
  initialize: function(template, pattern) {
    this.template = template.toString();
    this.pattern = pattern || Template.Pattern;
  },

  evaluate: function(object) {
    if (object && Object.isFunction(object.toTemplateReplacements))
      object = object.toTemplateReplacements();

    return this.template.gsub(this.pattern, function(match) {
      if (object == null) return (match[1] + '');

      var before = match[1] || '';
      if (before == '\\') return match[2];

      var ctx = object, expr = match[3];
      var pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/;
      match = pattern.exec(expr);
      if (match == null) return before;

      while (match != null) {
        var comp = match[1].startsWith('[') ? match[2].replace(/\\\\]/g, ']') : match[1];
        ctx = ctx[comp];
        if (null == ctx || '' == match[3]) break;
        expr = expr.substring('[' == match[3] ? match[1].length : match[0].length);
        match = pattern.exec(expr);
      }

      return before + String.interpret(ctx);
    });
  }
});
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;

var $break = { };

var Enumerable = (function() {
  function each(iterator, context) {
    var index = 0;
    try {
      this._each(function(value) {
        iterator.call(context, value, index++);
      });
    } catch (e) {
      if (e != $break) throw e;
    }
    return this;
  }

  function eachSlice(number, iterator, context) {
    var index = -number, slices = [], array = this.toArray();
    if (number < 1) return array;
    while ((index += number) < array.length)
      slices.push(array.slice(index, index+number));
    return slices.collect(iterator, context);
  }

  function all(iterator, context) {
    iterator = iterator || Prototype.K;
    var result = true;
    this.each(function(value, index) {
      result = result && !!iterator.call(context, value, index);
      if (!result) throw $break;
    });
    return result;
  }

  function any(iterator, context) {
    iterator = iterator || Prototype.K;
    var result = false;
    this.each(function(value, index) {
      if (result = !!iterator.call(context, value, index))
        throw $break;
    });
    return result;
  }

  function collect(iterator, context) {
    iterator = iterator || Prototype.K;
    var results = [];
    this.each(function(value, index) {
      results.push(iterator.call(context, value, index));
    });
    return results;
  }

  function detect(iterator, context) {
    var result;
    this.each(function(value, index) {
      if (iterator.call(context, value, index)) {
        result = value;
        throw $break;
      }
    });
    return result;
  }

  function findAll(iterator, context) {
    var results = [];
    this.each(function(value, index) {
      if (iterator.call(context, value, index))
        results.push(value);
    });
    return results;
  }

  function grep(filter, iterator, context) {
    iterator = iterator || Prototype.K;
    var results = [];

    if (Object.isString(filter))
      filter = new RegExp(RegExp.escape(filter));

    this.each(function(value, index) {
      if (filter.match(value))
        results.push(iterator.call(context, value, index));
    });
    return results;
  }

  function include(object) {
    if (Object.isFunction(this.indexOf))
      if (this.indexOf(object) != -1) return true;

    var found = false;
    this.each(function(value) {
      if (value == object) {
        found = true;
        throw $break;
      }
    });
    return found;
  }

  function inGroupsOf(number, fillWith) {
    fillWith = Object.isUndefined(fillWith) ? null : fillWith;
    return this.eachSlice(number, function(slice) {
      while(slice.length < number) slice.push(fillWith);
      return slice;
    });
  }

  function inject(memo, iterator, context) {
    this.each(function(value, index) {
      memo = iterator.call(context, memo, value, index);
    });
    return memo;
  }

  function invoke(method) {
    var args = $A(arguments).slice(1);
    return this.map(function(value) {
      return value[method].apply(value, args);
    });
  }

  function max(iterator, context) {
    iterator = iterator || Prototype.K;
    var result;
    this.each(function(value, index) {
      value = iterator.call(context, value, index);
      if (result == null || value >= result)
        result = value;
    });
    return result;
  }

  function min(iterator, context) {
    iterator = iterator || Prototype.K;
    var result;
    this.each(function(value, index) {
      value = iterator.call(context, value, index);
      if (result == null || value < result)
        result = value;
    });
    return result;
  }

  function partition(iterator, context) {
    iterator = iterator || Prototype.K;
    var trues = [], falses = [];
    this.each(function(value, index) {
      (iterator.call(context, value, index) ?
        trues : falses).push(value);
    });
    return [trues, falses];
  }

  function pluck(property) {
    var results = [];
    this.each(function(value) {
      results.push(value[property]);
    });
    return results;
  }

  function reject(iterator, context) {
    var results = [];
    this.each(function(value, index) {
      if (!iterator.call(context, value, index))
        results.push(value);
    });
    return results;
  }

  function sortBy(iterator, context) {
    return this.map(function(value, index) {
      return {
        value: value,
        criteria: iterator.call(context, value, index)
      };
    }).sort(function(left, right) {
      var a = left.criteria, b = right.criteria;
      return a < b ? -1 : a > b ? 1 : 0;
    }).pluck('value');
  }

  function toArray() {
    return this.map();
  }

  function zip() {
    var iterator = Prototype.K, args = $A(arguments);
    if (Object.isFunction(args.last()))
      iterator = args.pop();

    var collections = [this].concat(args).map($A);
    return this.map(function(value, index) {
      return iterator(collections.pluck(index));
    });
  }

  function size() {
    return this.toArray().length;
  }

  function inspect() {
    return '#<Enumerable:' + this.toArray().inspect() + '>';
  }









  return {
    each:       each,
    eachSlice:  eachSlice,
    all:        all,
    every:      all,
    any:        any,
    some:       any,
    collect:    collect,
    map:        collect,
    detect:     detect,
    findAll:    findAll,
    select:     findAll,
    filter:     findAll,
    grep:       grep,
    include:    include,
    member:     include,
    inGroupsOf: inGroupsOf,
    inject:     inject,
    invoke:     invoke,
    max:        max,
    min:        min,
    partition:  partition,
    pluck:      pluck,
    reject:     reject,
    sortBy:     sortBy,
    toArray:    toArray,
    entries:    toArray,
    zip:        zip,
    size:       size,
    inspect:    inspect,
    find:       detect
  };
})();
function $A(iterable) {
  if (!iterable) return [];
  if ('toArray' in Object(iterable)) return iterable.toArray();
  var length = iterable.length || 0, results = new Array(length);
  while (length--) results[length] = iterable[length];
  return results;
}

function $w(string) {
  if (!Object.isString(string)) return [];
  string = string.strip();
  return string ? string.split(/\s+/) : [];
}

Array.from = $A;


(function() {
  var arrayProto = Array.prototype,
      slice = arrayProto.slice,
      _each = arrayProto.forEach; // use native browser JS 1.6 implementation if available

  function each(iterator) {
    for (var i = 0, length = this.length; i < length; i++)
      iterator(this[i]);
  }
  if (!_each) _each = each;

  function clear() {
    this.length = 0;
    return this;
  }

  function first() {
    return this[0];
  }

  function last() {
    return this[this.length - 1];
  }

  function compact() {
    return this.select(function(value) {
      return value != null;
    });
  }

  function flatten() {
    return this.inject([], function(array, value) {
      if (Object.isArray(value))
        return array.concat(value.flatten());
      array.push(value);
      return array;
    });
  }

  function without() {
    var values = slice.call(arguments, 0);
    return this.select(function(value) {
      return !values.include(value);
    });
  }

  function reverse(inline) {
    return (inline === false ? this.toArray() : this)._reverse();
  }

  function uniq(sorted) {
    return this.inject([], function(array, value, index) {
      if (0 == index || (sorted ? array.last() != value : !array.include(value)))
        array.push(value);
      return array;
    });
  }

  function intersect(array) {
    return this.uniq().findAll(function(item) {
      return array.detect(function(value) { return item === value });
    });
  }


  function clone() {
    return slice.call(this, 0);
  }

  function size() {
    return this.length;
  }

  function inspect() {
    return '[' + this.map(Object.inspect).join(', ') + ']';
  }

  function toJSON() {
    var results = [];
    this.each(function(object) {
      var value = Object.toJSON(object);
      if (!Object.isUndefined(value)) results.push(value);
    });
    return '[' + results.join(', ') + ']';
  }

  function indexOf(item, i) {
    i || (i = 0);
    var length = this.length;
    if (i < 0) i = length + i;
    for (; i < length; i++)
      if (this[i] === item) return i;
    return -1;
  }

  function lastIndexOf(item, i) {
    i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1;
    var n = this.slice(0, i).reverse().indexOf(item);
    return (n < 0) ? n : i - n - 1;
  }

  function concat() {
    var array = slice.call(this, 0), item;
    for (var i = 0, length = arguments.length; i < length; i++) {
      item = arguments[i];
      if (Object.isArray(item) && !('callee' in item)) {
        for (var j = 0, arrayLength = item.length; j < arrayLength; j++)
          array.push(item[j]);
      } else {
        array.push(item);
      }
    }
    return array;
  }

  Object.extend(arrayProto, Enumerable);

  if (!arrayProto._reverse)
    arrayProto._reverse = arrayProto.reverse;

  Object.extend(arrayProto, {
    _each:     _each,
    clear:     clear,
    first:     first,
    last:      last,
    compact:   compact,
    flatten:   flatten,
    without:   without,
    reverse:   reverse,
    uniq:      uniq,
    intersect: intersect,
    clone:     clone,
    toArray:   clone,
    size:      size,
    inspect:   inspect,
    toJSON:    toJSON
  });

  var CONCAT_ARGUMENTS_BUGGY = (function() {
    return [].concat(arguments)[0][0] !== 1;
  })(1,2)

  if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat;

  if (!arrayProto.indexOf) arrayProto.indexOf = indexOf;
  if (!arrayProto.lastIndexOf) arrayProto.lastIndexOf = lastIndexOf;
})();
function $H(object) {
  return new Hash(object);
};

var Hash = Class.create(Enumerable, (function() {
  function initialize(object) {
    this._object = Object.isHash(object) ? object.toObject() : Object.clone(object);
  }


  function _each(iterator) {
    for (var key in this._object) {
      var value = this._object[key], pair = [key, value];
      pair.key = key;
      pair.value = value;
      iterator(pair);
    }
  }

  function set(key, value) {
    return this._object[key] = value;
  }

  function get(key) {
    if (this._object[key] !== Object.prototype[key])
      return this._object[key];
  }

  function unset(key) {
    var value = this._object[key];
    delete this._object[key];
    return value;
  }

  function toObject() {
    return Object.clone(this._object);
  }

  function keys() {
    return this.pluck('key');
  }

  function values() {
    return this.pluck('value');
  }

  function index(value) {
    var match = this.detect(function(pair) {
      return pair.value === value;
    });
    return match && match.key;
  }

  function merge(object) {
    return this.clone().update(object);
  }

  function update(object) {
    return new Hash(object).inject(this, function(result, pair) {
      result.set(pair.key, pair.value);
      return result;
    });
  }

  function toQueryPair(key, value) {
    if (Object.isUndefined(value)) return key;
    return key + '=' + encodeURIComponent(String.interpret(value));
  }

  function toQueryString() {
    return this.inject([], function(results, pair) {
      var key = encodeURIComponent(pair.key), values = pair.value;

      if (values && typeof values == 'object') {
        if (Object.isArray(values))
          return results.concat(values.map(toQueryPair.curry(key)));
      } else results.push(toQueryPair(key, values));
      return results;
    }).join('&');
  }

  function inspect() {
    return '#<Hash:{' + this.map(function(pair) {
      return pair.map(Object.inspect).join(': ');
    }).join(', ') + '}>';
  }

  function toJSON() {
    return Object.toJSON(this.toObject());
  }

  function clone() {
    return new Hash(this);
  }

  return {
    initialize:             initialize,
    _each:                  _each,
    set:                    set,
    get:                    get,
    unset:                  unset,
    toObject:               toObject,
    toTemplateReplacements: toObject,
    keys:                   keys,
    values:                 values,
    index:                  index,
    merge:                  merge,
    update:                 update,
    toQueryString:          toQueryString,
    inspect:                inspect,
    toJSON:                 toJSON,
    clone:                  clone
  };
})());

Hash.from = $H;
Object.extend(Number.prototype, (function() {
  function toColorPart() {
    return this.toPaddedString(2, 16);
  }

  function succ() {
    return this + 1;
  }

  function times(iterator, context) {
    $R(0, this, true).each(iterator, context);
    return this;
  }

  function toPaddedString(length, radix) {
    var string = this.toString(radix || 10);
    return '0'.times(length - string.length) + string;
  }

  function toJSON() {
    return isFinite(this) ? this.toString() : 'null';
  }

  function abs() {
    return Math.abs(this);
  }

  function round() {
    return Math.round(this);
  }

  function ceil() {
    return Math.ceil(this);
  }

  function floor() {
    return Math.floor(this);
  }

  return {
    toColorPart:    toColorPart,
    succ:           succ,
    times:          times,
    toPaddedString: toPaddedString,
    toJSON:         toJSON,
    abs:            abs,
    round:          round,
    ceil:           ceil,
    floor:          floor
  };
})());

function $R(start, end, exclusive) {
  return new ObjectRange(start, end, exclusive);
}

var ObjectRange = Class.create(Enumerable, (function() {
  function initialize(start, end, exclusive) {
    this.start = start;
    this.end = end;
    this.exclusive = exclusive;
  }

  function _each(iterator) {
    var value = this.start;
    while (this.include(value)) {
      iterator(value);
      value = value.succ();
    }
  }

  function include(value) {
    if (value < this.start)
      return false;
    if (this.exclusive)
      return value < this.end;
    return value <= this.end;
  }

  return {
    initialize: initialize,
    _each:      _each,
    include:    include
  };
})());



var Ajax = {
  getTransport: function() {
    return Try.these(
      function() {return new XMLHttpRequest()},
      function() {return new ActiveXObject('Msxml2.XMLHTTP')},
      function() {return new ActiveXObject('Microsoft.XMLHTTP')}
    ) || false;
  },

  activeRequestCount: 0
};

Ajax.Responders = {
  responders: [],

  _each: function(iterator) {
    this.responders._each(iterator);
  },

  register: function(responder) {
    if (!this.include(responder))
      this.responders.push(responder);
  },

  unregister: function(responder) {
    this.responders = this.responders.without(responder);
  },

  dispatch: function(callback, request, transport, json) {
    this.each(function(responder) {
      if (Object.isFunction(responder[callback])) {
        try {
          responder[callback].apply(responder, [request, transport, json]);
        } catch (e) { }
      }
    });
  }
};

Object.extend(Ajax.Responders, Enumerable);

Ajax.Responders.register({
  onCreate:   function() { Ajax.activeRequestCount++ },
  onComplete: function() { Ajax.activeRequestCount-- }
});
Ajax.Base = Class.create({
  initialize: function(options) {
    this.options = {
      method:       'post',
      asynchronous: true,
      contentType:  'application/x-www-form-urlencoded',
      encoding:     'UTF-8',
      parameters:   '',
      evalJSON:     true,
      evalJS:       true
    };
    Object.extend(this.options, options || { });

    this.options.method = this.options.method.toLowerCase();

    if (Object.isString(this.options.parameters))
      this.options.parameters = this.options.parameters.toQueryParams();
    else if (Object.isHash(this.options.parameters))
      this.options.parameters = this.options.parameters.toObject();
  }
});
Ajax.Request = Class.create(Ajax.Base, {
  _complete: false,

  initialize: function($super, url, options) {
    $super(options);
    this.transport = Ajax.getTransport();
    this.request(url);
  },

  request: function(url) {
    this.url = url;
    this.method = this.options.method;
    var params = Object.clone(this.options.parameters);

    if (!['get', 'post'].include(this.method)) {
      params['_method'] = this.method;
      this.method = 'post';
    }

    this.parameters = params;

    if (params = Object.toQueryString(params)) {
      if (this.method == 'get')
        this.url += (this.url.include('?') ? '&' : '?') + params;
      else if (/Konqueror|Safari|KHTML/.test(navigator.userAgent))
        params += '&_=';
    }

    try {
      var response = new Ajax.Response(this);
      if (this.options.onCreate) this.options.onCreate(response);
      Ajax.Responders.dispatch('onCreate', this, response);

      this.transport.open(this.method.toUpperCase(), this.url,
        this.options.asynchronous);

      if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1);

      this.transport.onreadystatechange = this.onStateChange.bind(this);
      this.setRequestHeaders();

      this.body = this.method == 'post' ? (this.options.postBody || params) : null;
      this.transport.send(this.body);

      /* Force Firefox to handle ready state 4 for synchronous requests */
      if (!this.options.asynchronous && this.transport.overrideMimeType)
        this.onStateChange();

    }
    catch (e) {
      this.dispatchException(e);
    }
  },

  onStateChange: function() {
    var readyState = this.transport.readyState;
    if (readyState > 1 && !((readyState == 4) && this._complete))
      this.respondToReadyState(this.transport.readyState);
  },

  setRequestHeaders: function() {
    var headers = {
      'X-Requested-With': 'XMLHttpRequest',
      'X-Prototype-Version': Prototype.Version,
      'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
    };

    if (this.method == 'post') {
      headers['Content-type'] = this.options.contentType +
        (this.options.encoding ? '; charset=' + this.options.encoding : '');

      /* Force "Connection: close" for older Mozilla browsers to work
       * around a bug where XMLHttpRequest sends an incorrect
       * Content-length header. See Mozilla Bugzilla #246651.
       */
      if (this.transport.overrideMimeType &&
          (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005)
            headers['Connection'] = 'close';
    }

    if (typeof this.options.requestHeaders == 'object') {
      var extras = this.options.requestHeaders;

      if (Object.isFunction(extras.push))
        for (var i = 0, length = extras.length; i < length; i += 2)
          headers[extras[i]] = extras[i+1];
      else
        $H(extras).each(function(pair) { headers[pair.key] = pair.value });
    }

    for (var name in headers)
      this.transport.setRequestHeader(name, headers[name]);
  },

  success: function() {
    var status = this.getStatus();
    return !status || (status >= 200 && status < 300);
  },

  getStatus: function() {
    try {
      return this.transport.status || 0;
    } catch (e) { return 0 }
  },

  respondToReadyState: function(readyState) {
    var state = Ajax.Request.Events[readyState], response = new Ajax.Response(this);

    if (state == 'Complete') {
      try {
        this._complete = true;
        (this.options['on' + response.status]
         || this.options['on' + (this.success() ? 'Success' : 'Failure')]
         || Prototype.emptyFunction)(response, response.headerJSON);
      } catch (e) {
        this.dispatchException(e);
      }

      var contentType = response.getHeader('Content-type');
      if (this.options.evalJS == 'force'
          || (this.options.evalJS && this.isSameOrigin() && contentType
          && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i)))
        this.evalResponse();
    }

    try {
      (this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON);
      Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON);
    } catch (e) {
      this.dispatchException(e);
    }

    if (state == 'Complete') {
      this.transport.onreadystatechange = Prototype.emptyFunction;
    }
  },

  isSameOrigin: function() {
    var m = this.url.match(/^\s*https?:\/\/[^\/]*/);
    return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({
      protocol: location.protocol,
      domain: document.domain,
      port: location.port ? ':' + location.port : ''
    }));
  },

  getHeader: function(name) {
    try {
      return this.transport.getResponseHeader(name) || null;
    } catch (e) { return null; }
  },

  evalResponse: function() {
    try {
      return eval((this.transport.responseText || '').unfilterJSON());
    } catch (e) {
      this.dispatchException(e);
    }
  },

  dispatchException: function(exception) {
    (this.options.onException || Prototype.emptyFunction)(this, exception);
    Ajax.Responders.dispatch('onException', this, exception);
  }
});

Ajax.Request.Events =
  ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];








Ajax.Response = Class.create({
  initialize: function(request){
    this.request = request;
    var transport  = this.transport  = request.transport,
        readyState = this.readyState = transport.readyState;

    if((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) {
      this.status       = this.getStatus();
      this.statusText   = this.getStatusText();
      this.responseText = String.interpret(transport.responseText);
      this.headerJSON   = this._getHeaderJSON();
    }

    if(readyState == 4) {
      var xml = transport.responseXML;
      this.responseXML  = Object.isUndefined(xml) ? null : xml;
      this.responseJSON = this._getResponseJSON();
    }
  },

  status:      0,

  statusText: '',

  getStatus: Ajax.Request.prototype.getStatus,

  getStatusText: function() {
    try {
      return this.transport.statusText || '';
    } catch (e) { return '' }
  },

  getHeader: Ajax.Request.prototype.getHeader,

  getAllHeaders: function() {
    try {
      return this.getAllResponseHeaders();
    } catch (e) { return null }
  },

  getResponseHeader: function(name) {
    return this.transport.getResponseHeader(name);
  },

  getAllResponseHeaders: function() {
    return this.transport.getAllResponseHeaders();
  },

  _getHeaderJSON: function() {
    var json = this.getHeader('X-JSON');
    if (!json) return null;
    json = decodeURIComponent(escape(json));
    try {
      return json.evalJSON(this.request.options.sanitizeJSON ||
        !this.request.isSameOrigin());
    } catch (e) {
      this.request.dispatchException(e);
    }
  },

  _getResponseJSON: function() {
    var options = this.request.options;
    if (!options.evalJSON || (options.evalJSON != 'force' &&
      !(this.getHeader('Content-type') || '').include('application/json')) ||
        this.responseText.blank())
          return null;
    try {
      return this.responseText.evalJSON(options.sanitizeJSON ||
        !this.request.isSameOrigin());
    } catch (e) {
      this.request.dispatchException(e);
    }
  }
});

Ajax.Updater = Class.create(Ajax.Request, {
  initialize: function($super, container, url, options) {
    this.container = {
      success: (container.success || container),
      failure: (container.failure || (container.success ? null : container))
    };

    options = Object.clone(options);
    var onComplete = options.onComplete;
    options.onComplete = (function(response, json) {
      this.updateContent(response.responseText);
      if (Object.isFunction(onComplete)) onComplete(response, json);
    }).bind(this);

    $super(url, options);
  },

  updateContent: function(responseText) {
    var receiver = this.container[this.success() ? 'success' : 'failure'],
        options = this.options;

    if (!options.evalScripts) responseText = responseText.stripScripts();

    if (receiver = $(receiver)) {
      if (options.insertion) {
        if (Object.isString(options.insertion)) {
          var insertion = { }; insertion[options.insertion] = responseText;
          receiver.insert(insertion);
        }
        else options.insertion(receiver, responseText);
      }
      else receiver.update(responseText);
    }
  }
});

Ajax.PeriodicalUpdater = Class.create(Ajax.Base, {
  initialize: function($super, container, url, options) {
    $super(options);
    this.onComplete = this.options.onComplete;

    this.frequency = (this.options.frequency || 2);
    this.decay = (this.options.decay || 1);

    this.updater = { };
    this.container = container;
    this.url = url;

    this.start();
  },

  start: function() {
    this.options.onComplete = this.updateComplete.bind(this);
    this.onTimerEvent();
  },

  stop: function() {
    this.updater.options.onComplete = undefined;
    clearTimeout(this.timer);
    (this.onComplete || Prototype.emptyFunction).apply(this, arguments);
  },

  updateComplete: function(response) {
    if (this.options.decay) {
      this.decay = (response.responseText == this.lastText ?
        this.decay * this.options.decay : 1);

      this.lastText = response.responseText;
    }
    this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency);
  },

  onTimerEvent: function() {
    this.updater = new Ajax.Updater(this.container, this.url, this.options);
  }
});



function $(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}

if (Prototype.BrowserFeatures.XPath) {
  document._getElementsByXPath = function(expression, parentElement) {
    var results = [];
    var query = document.evaluate(expression, $(parentElement) || document,
      null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    for (var i = 0, length = query.snapshotLength; i < length; i++)
      results.push(Element.extend(query.snapshotItem(i)));
    return results;
  };
}

/*--------------------------------------------------------------------------*/

if (!window.Node) var Node = { };

if (!Node.ELEMENT_NODE) {
  Object.extend(Node, {
    ELEMENT_NODE: 1,
    ATTRIBUTE_NODE: 2,
    TEXT_NODE: 3,
    CDATA_SECTION_NODE: 4,
    ENTITY_REFERENCE_NODE: 5,
    ENTITY_NODE: 6,
    PROCESSING_INSTRUCTION_NODE: 7,
    COMMENT_NODE: 8,
    DOCUMENT_NODE: 9,
    DOCUMENT_TYPE_NODE: 10,
    DOCUMENT_FRAGMENT_NODE: 11,
    NOTATION_NODE: 12
  });
}


(function(global) {

  var SETATTRIBUTE_IGNORES_NAME = (function(){
    var elForm = document.createElement("form");
    var elInput = document.createElement("input");
    var root = document.documentElement;
    elInput.setAttribute("name", "test");
    elForm.appendChild(elInput);
    root.appendChild(elForm);
    var isBuggy = elForm.elements
      ? (typeof elForm.elements.test == "undefined")
      : null;
    root.removeChild(elForm);
    elForm = elInput = null;
    return isBuggy;
  })();

  var element = global.Element;
  global.Element = function(tagName, attributes) {
    attributes = attributes || { };
    tagName = tagName.toLowerCase();
    var cache = Element.cache;
    if (SETATTRIBUTE_IGNORES_NAME && attributes.name) {
      tagName = '<' + tagName + ' name="' + attributes.name + '">';
      delete attributes.name;
      return Element.writeAttribute(document.createElement(tagName), attributes);
    }
    if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName));
    return Element.writeAttribute(cache[tagName].cloneNode(false), attributes);
  };
  Object.extend(global.Element, element || { });
  if (element) global.Element.prototype = element.prototype;
})(this);

Element.cache = { };
Element.idCounter = 1;

Element.Methods = {
  visible: function(element) {
    return $(element).style.display != 'none';
  },

  toggle: function(element) {
    element = $(element);
    Element[Element.visible(element) ? 'hide' : 'show'](element);
    return element;
  },


  hide: function(element) {
    element = $(element);
    element.style.display = 'none';
    return element;
  },

  show: function(element) {
    element = $(element);
    element.style.display = '';
    return element;
  },

  remove: function(element) {
    element = $(element);
    element.parentNode.removeChild(element);
    return element;
  },

  update: (function(){

    var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){
      var el = document.createElement("select"),
          isBuggy = true;
      el.innerHTML = "<option value=\"test\">test</option>";
      if (el.options && el.options[0]) {
        isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION";
      }
      el = null;
      return isBuggy;
    })();

    var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){
      try {
        var el = document.createElement("table");
        if (el && el.tBodies) {
          el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>";
          var isBuggy = typeof el.tBodies[0] == "undefined";
          el = null;
          return isBuggy;
        }
      } catch (e) {
        return true;
      }
    })();

    var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () {
      var s = document.createElement("script"),
          isBuggy = false;
      try {
        s.appendChild(document.createTextNode(""));
        isBuggy = !s.firstChild ||
          s.firstChild && s.firstChild.nodeType !== 3;
      } catch (e) {
        isBuggy = true;
      }
      s = null;
      return isBuggy;
    })();

    function update(element, content) {
      element = $(element);

      if (content && content.toElement)
        content = content.toElement();

      if (Object.isElement(content))
        return element.update().insert(content);

      content = Object.toHTML(content);

      var tagName = element.tagName.toUpperCase();

      if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) {
        element.text = content;
        return element;
      }

      if (SELECT_ELEMENT_INNERHTML_BUGGY || TABLE_ELEMENT_INNERHTML_BUGGY) {
        if (tagName in Element._insertionTranslations.tags) {
          while (element.firstChild) {
            element.removeChild(element.firstChild);
          }
          Element._getContentFromAnonymousElement(tagName, content.stripScripts())
            .each(function(node) {
              element.appendChild(node)
            });
        }
        else {
          element.innerHTML = content.stripScripts();
        }
      }
      else {
        element.innerHTML = content.stripScripts();
      }

      content.evalScripts.bind(content).defer();
      return element;
    }

    return update;
  })(),

  replace: function(element, content) {
    element = $(element);
    if (content && content.toElement) content = content.toElement();
    else if (!Object.isElement(content)) {
      content = Object.toHTML(content);
      var range = element.ownerDocument.createRange();
      range.selectNode(element);
      content.evalScripts.bind(content).defer();
      content = range.createContextualFragment(content.stripScripts());
    }
    element.parentNode.replaceChild(content, element);
    return element;
  },

  insert: function(element, insertions) {
    element = $(element);

    if (Object.isString(insertions) || Object.isNumber(insertions) ||
        Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML)))
          insertions = {bottom:insertions};

    var content, insert, tagName, childNodes;

    for (var position in insertions) {
      content  = insertions[position];
      position = position.toLowerCase();
      insert = Element._insertionTranslations[position];

      if (content && content.toElement) content = content.toElement();
      if (Object.isElement(content)) {
        insert(element, content);
        continue;
      }

      content = Object.toHTML(content);

      tagName = ((position == 'before' || position == 'after')
        ? element.parentNode : element).tagName.toUpperCase();

      childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts());

      if (position == 'top' || position == 'after') childNodes.reverse();
      childNodes.each(insert.curry(element));

      content.evalScripts.bind(content).defer();
    }

    return element;
  },

  wrap: function(element, wrapper, attributes) {
    element = $(element);
    if (Object.isElement(wrapper))
      $(wrapper).writeAttribute(attributes || { });
    else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes);
    else wrapper = new Element('div', wrapper);
    if (element.parentNode)
      element.parentNode.replaceChild(wrapper, element);
    wrapper.appendChild(element);
    return wrapper;
  },

  inspect: function(element) {
    element = $(element);
    var result = '<' + element.tagName.toLowerCase();
    $H({'id': 'id', 'className': 'class'}).each(function(pair) {
      var property = pair.first(), attribute = pair.last();
      var value = (element[property] || '').toString();
      if (value) result += ' ' + attribute + '=' + value.inspect(true);
    });
    return result + '>';
  },

  recursivelyCollect: function(element, property, maximumLength) {
    element = $(element);
    maximumLength = maximumLength || -1;
    var elements = [];

    while (element = element[property]) {
      if (element.nodeType == 1)
        elements.push(Element.extend(element));
      if (elements.length == maximumLength)
        break;
    }

    return elements;
  },

  ancestors: function(element) {
    return Element.recursivelyCollect(element, 'parentNode');
  },

  descendants: function(element) {
    return Element.select(element, "*");
  },

  firstDescendant: function(element) {
    element = $(element).firstChild;
    while (element && element.nodeType != 1) element = element.nextSibling;
    return $(element);
  },

  immediateDescendants: function(element) {
    if (!(element = $(element).firstChild)) return [];
    while (element && element.nodeType != 1) element = element.nextSibling;
    if (element) return [element].concat($(element).nextSiblings());
    return [];
  },

  previousSiblings: function(element, maximumLength) {
    return Element.recursivelyCollect(element, 'previousSibling');
  },

  nextSiblings: function(element) {
    return Element.recursivelyCollect(element, 'nextSibling');
  },

  siblings: function(element) {
    element = $(element);
    return Element.previousSiblings(element).reverse()
      .concat(Element.nextSiblings(element));
  },

  match: function(element, selector) {
    if (Object.isString(selector))
      selector = new Selector(selector);
    return selector.match($(element));
  },

  up: function(element, expression, index) {
    element = $(element);
    if (arguments.length == 1) return $(element.parentNode);
    var ancestors = Element.ancestors(element);
    return Object.isNumber(expression) ? ancestors[expression] :
      Selector.findElement(ancestors, expression, index);
  },

  down: function(element, expression, index) {
    element = $(element);
    if (arguments.length == 1) return Element.firstDescendant(element);
    return Object.isNumber(expression) ? Element.descendants(element)[expression] :
      Element.select(element, expression)[index || 0];
  },

  previous: function(element, expression, index) {
    element = $(element);
    if (Object.isNumber(expression)) index = expression, expression = false;
    if (!Object.isNumber(index)) index = 0;

    if (expression) {
      return Selector.findElement(element.previousSiblings(), expression, index);
    } else {
      return element.recursivelyCollect("previousSibling", index + 1)[index];
    }
  },

  next: function(element, expression, index) {
    element = $(element);
    if (Object.isNumber(expression)) index = expression, expression = false;
    if (!Object.isNumber(index)) index = 0;

    if (expression) {
      return Selector.findElement(element.nextSiblings(), expression, index);
    } else {
      var maximumLength = Object.isNumber(index) ? index + 1 : 1;
      return element.recursivelyCollect("nextSibling", index + 1)[index];
    }
  },


  select: function(element) {
    var args = Array.prototype.slice.call(arguments, 1);
    return Selector.findChildElements(element, args);
  },

  adjacent: function(element) {
    var args = Array.prototype.slice.call(arguments, 1);
    return Selector.findChildElements(element.parentNode, args).without(element);
  },

  identify: function(element) {
    element = $(element);
    var id = Element.readAttribute(element, 'id');
    if (id) return id;
    do { id = 'anonymous_element_' + Element.idCounter++ } while ($(id));
    Element.writeAttribute(element, 'id', id);
    return id;
  },

  readAttribute: function(element, name) {
    element = $(element);
    if (Prototype.Browser.IE) {
      var t = Element._attributeTranslations.read;
      if (t.values[name]) return t.values[name](element, name);
      if (t.names[name]) name = t.names[name];
      if (name.include(':')) {
        return (!element.attributes || !element.attributes[name]) ? null :
         element.attributes[name].value;
      }
    }
    return element.getAttribute(name);
  },

  writeAttribute: function(element, name, value) {
    element = $(element);
    var attributes = { }, t = Element._attributeTranslations.write;

    if (typeof name == 'object') attributes = name;
    else attributes[name] = Object.isUndefined(value) ? true : value;

    for (var attr in attributes) {
      name = t.names[attr] || attr;
      value = attributes[attr];
      if (t.values[attr]) name = t.values[attr](element, value);
      if (value === false || value === null)
        element.removeAttribute(name);
      else if (value === true)
        element.setAttribute(name, name);
      else element.setAttribute(name, value);
    }
    return element;
  },

  getHeight: function(element) {
    return Element.getDimensions(element).height;
  },

  getWidth: function(element) {
    return Element.getDimensions(element).width;
  },

  classNames: function(element) {
    return new Element.ClassNames(element);
  },

  hasClassName: function(element, className) {
    if (!(element = $(element))) return;
    var elementClassName = element.className;
    return (elementClassName.length > 0 && (elementClassName == className ||
      new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
  },

  addClassName: function(element, className) {
    if (!(element = $(element))) return;
    if (!Element.hasClassName(element, className))
      element.className += (element.className ? ' ' : '') + className;
    return element;
  },

  removeClassName: function(element, className) {
    if (!(element = $(element))) return;
    element.className = element.className.replace(
      new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip();
    return element;
  },

  toggleClassName: function(element, className) {
    if (!(element = $(element))) return;
    return Element[Element.hasClassName(element, className) ?
      'removeClassName' : 'addClassName'](element, className);
  },

  cleanWhitespace: function(element) {
    element = $(element);
    var node = element.firstChild;
    while (node) {
      var nextNode = node.nextSibling;
      if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
        element.removeChild(node);
      node = nextNode;
    }
    return element;
  },

  empty: function(element) {
    return $(element).innerHTML.blank();
  },

  descendantOf: function(element, ancestor) {
    element = $(element), ancestor = $(ancestor);

    if (element.compareDocumentPosition)
      return (element.compareDocumentPosition(ancestor) & 8) === 8;

    if (ancestor.contains)
      return ancestor.contains(element) && ancestor !== element;

    while (element = element.parentNode)
      if (element == ancestor) return true;

    return false;
  },

  scrollTo: function(element) {
    element = $(element);
    var pos = Element.cumulativeOffset(element);
    window.scrollTo(pos[0], pos[1]);
    return element;
  },

  getStyle: function(element, style) {
    element = $(element);
    style = style == 'float' ? 'cssFloat' : style.camelize();
    var value = element.style[style];
    if (!value || value == 'auto') {
      var css = document.defaultView.getComputedStyle(element, null);
      value = css ? css[style] : null;
    }
    if (style == 'opacity') return value ? parseFloat(value) : 1.0;
    return value == 'auto' ? null : value;
  },

  getOpacity: function(element) {
    return $(element).getStyle('opacity');
  },

  setStyle: function(element, styles) {
    element = $(element);
    var elementStyle = element.style, match;
    if (Object.isString(styles)) {
      element.style.cssText += ';' + styles;
      return styles.include('opacity') ?
        element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element;
    }
    for (var property in styles)
      if (property == 'opacity') element.setOpacity(styles[property]);
      else
        elementStyle[(property == 'float' || property == 'cssFloat') ?
          (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') :
            property] = styles[property];

    return element;
  },

  setOpacity: function(element, value) {
    element = $(element);
    element.style.opacity = (value == 1 || value === '') ? '' :
      (value < 0.00001) ? 0 : value;
    return element;
  },

  getDimensions: function(element) {
    element = $(element);
    var display = Element.getStyle(element, 'display');
    if (display != 'none' && display != null) // Safari bug
      return {width: element.offsetWidth, height: element.offsetHeight};

    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    if (originalPosition != 'fixed') // Switching fixed to absolute causes issues in Safari
      els.position = 'absolute';
    els.display = 'block';
    var originalWidth = element.clientWidth;
    var originalHeight = element.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;
    return {width: originalWidth, height: originalHeight};
  },

  makePositioned: function(element) {
    element = $(element);
    var pos = Element.getStyle(element, 'position');
    if (pos == 'static' || !pos) {
      element._madePositioned = true;
      element.style.position = 'relative';
      if (Prototype.Browser.Opera) {
        element.style.top = 0;
        element.style.left = 0;
      }
    }
    return element;
  },

  undoPositioned: function(element) {
    element = $(element);
    if (element._madePositioned) {
      element._madePositioned = undefined;
      element.style.position =
        element.style.top =
        element.style.left =
        element.style.bottom =
        element.style.right = '';
    }
    return element;
  },

  makeClipping: function(element) {
    element = $(element);
    if (element._overflow) return element;
    element._overflow = Element.getStyle(element, 'overflow') || 'auto';
    if (element._overflow !== 'hidden')
      element.style.overflow = 'hidden';
    return element;
  },

  undoClipping: function(element) {
    element = $(element);
    if (!element._overflow) return element;
    element.style.overflow = element._overflow == 'auto' ? '' : element._overflow;
    element._overflow = null;
    return element;
  },

  cumulativeOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;
      element = element.offsetParent;
    } while (element);
    return Element._returnOffset(valueL, valueT);
  },

  positionedOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;
      element = element.offsetParent;
      if (element) {
        if (element.tagName.toUpperCase() == 'BODY') break;
        var p = Element.getStyle(element, 'position');
        if (p !== 'static') break;
      }
    } while (element);
    return Element._returnOffset(valueL, valueT);
  },

  absolutize: function(element) {
    element = $(element);
    if (Element.getStyle(element, 'position') == 'absolute') return element;

    var offsets = Element.positionedOffset(element);
    var top     = offsets[1];
    var left    = offsets[0];
    var width   = element.clientWidth;
    var height  = element.clientHeight;

    element._originalLeft   = left - parseFloat(element.style.left  || 0);
    element._originalTop    = top  - parseFloat(element.style.top || 0);
    element._originalWidth  = element.style.width;
    element._originalHeight = element.style.height;

    element.style.position = 'absolute';
    element.style.top    = top + 'px';
    element.style.left   = left + 'px';
    element.style.width  = width + 'px';
    element.style.height = height + 'px';
    return element;
  },

  relativize: function(element) {
    element = $(element);
    if (Element.getStyle(element, 'position') == 'relative') return element;

    element.style.position = 'relative';
    var top  = parseFloat(element.style.top  || 0) - (element._originalTop || 0);
    var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0);

    element.style.top    = top + 'px';
    element.style.left   = left + 'px';
    element.style.height = element._originalHeight;
    element.style.width  = element._originalWidth;
    return element;
  },

  cumulativeScrollOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.scrollTop  || 0;
      valueL += element.scrollLeft || 0;
      element = element.parentNode;
    } while (element);
    return Element._returnOffset(valueL, valueT);
  },

  getOffsetParent: function(element) {
    if (element.offsetParent) return $(element.offsetParent);
    if (element == document.body) return $(element);

    while ((element = element.parentNode) && element != document.body)
      if (Element.getStyle(element, 'position') != 'static')
        return $(element);

    return $(document.body);
  },

  viewportOffset: function(forElement) {
    var valueT = 0, valueL = 0;

    var element = forElement;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;

      if (element.offsetParent == document.body &&
        Element.getStyle(element, 'position') == 'absolute') break;

    } while (element = element.offsetParent);

    element = forElement;
    do {
      if (!Prototype.Browser.Opera || (element.tagName && (element.tagName.toUpperCase() == 'BODY'))) {
        valueT -= element.scrollTop  || 0;
        valueL -= element.scrollLeft || 0;
      }
    } while (element = element.parentNode);

    return Element._returnOffset(valueL, valueT);
  },

  clonePosition: function(element, source) {
    var options = Object.extend({
      setLeft:    true,
      setTop:     true,
      setWidth:   true,
      setHeight:  true,
      offsetTop:  0,
      offsetLeft: 0
    }, arguments[2] || { });

    source = $(source);
    var p = Element.viewportOffset(source);

    element = $(element);
    var delta = [0, 0];
    var parent = null;
    if (Element.getStyle(element, 'position') == 'absolute') {
      parent = Element.getOffsetParent(element);
      delta = Element.viewportOffset(parent);
    }

    if (parent == document.body) {
      delta[0] -= document.body.offsetLeft;
      delta[1] -= document.body.offsetTop;
    }

    if (options.setLeft)   element.style.left  = (p[0] - delta[0] + options.offsetLeft) + 'px';
    if (options.setTop)    element.style.top   = (p[1] - delta[1] + options.offsetTop) + 'px';
    if (options.setWidth)  element.style.width = source.offsetWidth + 'px';
    if (options.setHeight) element.style.height = source.offsetHeight + 'px';
    return element;
  }
};

Object.extend(Element.Methods, {
  getElementsBySelector: Element.Methods.select,

  childElements: Element.Methods.immediateDescendants
});

Element._attributeTranslations = {
  write: {
    names: {
      className: 'class',
      htmlFor:   'for'
    },
    values: { }
  }
};

if (Prototype.Browser.Opera) {
  Element.Methods.getStyle = Element.Methods.getStyle.wrap(
    function(proceed, element, style) {
      switch (style) {
        case 'left': case 'top': case 'right': case 'bottom':
          if (proceed(element, 'position') === 'static') return null;
        case 'height': case 'width':
          if (!Element.visible(element)) return null;

          var dim = parseInt(proceed(element, style), 10);

          if (dim !== element['offset' + style.capitalize()])
            return dim + 'px';

          var properties;
          if (style === 'height') {
            properties = ['border-top-width', 'padding-top',
             'padding-bottom', 'border-bottom-width'];
          }
          else {
            properties = ['border-left-width', 'padding-left',
             'padding-right', 'border-right-width'];
          }
          return properties.inject(dim, function(memo, property) {
            var val = proceed(element, property);
            return val === null ? memo : memo - parseInt(val, 10);
          }) + 'px';
        default: return proceed(element, style);
      }
    }
  );

  Element.Methods.readAttribute = Element.Methods.readAttribute.wrap(
    function(proceed, element, attribute) {
      if (attribute === 'title') return element.title;
      return proceed(element, attribute);
    }
  );
}

else if (Prototype.Browser.IE) {
  Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.wrap(
    function(proceed, element) {
      element = $(element);
      try { element.offsetParent }
      catch(e) { return $(document.body) }
      var position = element.getStyle('position');
      if (position !== 'static') return proceed(element);
      element.setStyle({ position: 'relative' });
      var value = proceed(element);
      element.setStyle({ position: position });
      return value;
    }
  );

  $w('positionedOffset viewportOffset').each(function(method) {
    Element.Methods[method] = Element.Methods[method].wrap(
      function(proceed, element) {
        element = $(element);
        try { element.offsetParent }
        catch(e) { return Element._returnOffset(0,0) }
        var position = element.getStyle('position');
        if (position !== 'static') return proceed(element);
        var offsetParent = element.getOffsetParent();
        if (offsetParent && offsetParent.getStyle('position') === 'fixed')
          offsetParent.setStyle({ zoom: 1 });
        element.setStyle({ position: 'relative' });
        var value = proceed(element);
        element.setStyle({ position: position });
        return value;
      }
    );
  });

  Element.Methods.cumulativeOffset = Element.Methods.cumulativeOffset.wrap(
    function(proceed, element) {
      try { element.offsetParent }
      catch(e) { return Element._returnOffset(0,0) }
      return proceed(element);
    }
  );

  Element.Methods.getStyle = function(element, style) {
    element = $(element);
    style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize();
    var value = element.style[style];
    if (!value && element.currentStyle) value = element.currentStyle[style];

    if (style == 'opacity') {
      if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/))
        if (value[1]) return parseFloat(value[1]) / 100;
      return 1.0;
    }

    if (value == 'auto') {
      if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none'))
        return element['offset' + style.capitalize()] + 'px';
      return null;
    }
    return value;
  };

  Element.Methods.setOpacity = function(element, value) {
    function stripAlpha(filter){
      return filter.replace(/alpha\([^\)]*\)/gi,'');
    }
    element = $(element);
    var currentStyle = element.currentStyle;
    if ((currentStyle && !currentStyle.hasLayout) ||
      (!currentStyle && element.style.zoom == 'normal'))
        element.style.zoom = 1;

    var filter = element.getStyle('filter'), style = element.style;
    if (value == 1 || value === '') {
      (filter = stripAlpha(filter)) ?
        style.filter = filter : style.removeAttribute('filter');
      return element;
    } else if (value < 0.00001) value = 0;
    style.filter = stripAlpha(filter) +
      'alpha(opacity=' + (value * 100) + ')';
    return element;
  };

  Element._attributeTranslations = (function(){

    var classProp = 'className';
    var forProp = 'for';

    var el = document.createElement('div');

    el.setAttribute(classProp, 'x');

    if (el.className !== 'x') {
      el.setAttribute('class', 'x');
      if (el.className === 'x') {
        classProp = 'class';
      }
    }
    el = null;

    el = document.createElement('label');
    el.setAttribute(forProp, 'x');
    if (el.htmlFor !== 'x') {
      el.setAttribute('htmlFor', 'x');
      if (el.htmlFor === 'x') {
        forProp = 'htmlFor';
      }
    }
    el = null;

    return {
      read: {
        names: {
          'class':      classProp,
          'className':  classProp,
          'for':        forProp,
          'htmlFor':    forProp
        },
        values: {
          _getAttr: function(element, attribute) {
            return element.getAttribute(attribute);
          },
          _getAttr2: function(element, attribute) {
            return element.getAttribute(attribute, 2);
          },
          _getAttrNode: function(element, attribute) {
            var node = element.getAttributeNode(attribute);
            return node ? node.value : "";
          },
          _getEv: (function(){

            var el = document.createElement('div');
            el.onclick = Prototype.emptyFunction;
            var value = el.getAttribute('onclick');
            var f;

            if (String(value).indexOf('{') > -1) {
              f = function(element, attribute) {
                attribute = element.getAttribute(attribute);
                if (!attribute) return null;
                attribute = attribute.toString();
                attribute = attribute.split('{')[1];
                attribute = attribute.split('}')[0];
                return attribute.strip();
              };
            }
            else if (value === '') {
              f = function(element, attribute) {
                attribute = element.getAttribute(attribute);
                if (!attribute) return null;
                return attribute.strip();
              };
            }
            el = null;
            return f;
          })(),
          _flag: function(element, attribute) {
            return $(element).hasAttribute(attribute) ? attribute : null;
          },
          style: function(element) {
            return element.style.cssText.toLowerCase();
          },
          title: function(element) {
            return element.title;
          }
        }
      }
    }
  })();

  Element._attributeTranslations.write = {
    names: Object.extend({
      cellpadding: 'cellPadding',
      cellspacing: 'cellSpacing'
    }, Element._attributeTranslations.read.names),
    values: {
      checked: function(element, value) {
        element.checked = !!value;
      },

      style: function(element, value) {
        element.style.cssText = value ? value : '';
      }
    }
  };

  Element._attributeTranslations.has = {};

  $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' +
      'encType maxLength readOnly longDesc frameBorder').each(function(attr) {
    Element._attributeTranslations.write.names[attr.toLowerCase()] = attr;
    Element._attributeTranslations.has[attr.toLowerCase()] = attr;
  });

  (function(v) {
    Object.extend(v, {
      href:        v._getAttr2,
      src:         v._getAttr2,
      type:        v._getAttr,
      action:      v._getAttrNode,
      disabled:    v._flag,
      checked:     v._flag,
      readonly:    v._flag,
      multiple:    v._flag,
      onload:      v._getEv,
      onunload:    v._getEv,
      onclick:     v._getEv,
      ondblclick:  v._getEv,
      onmousedown: v._getEv,
      onmouseup:   v._getEv,
      onmouseover: v._getEv,
      onmousemove: v._getEv,
      onmouseout:  v._getEv,
      onfocus:     v._getEv,
      onblur:      v._getEv,
      onkeypress:  v._getEv,
      onkeydown:   v._getEv,
      onkeyup:     v._getEv,
      onsubmit:    v._getEv,
      onreset:     v._getEv,
      onselect:    v._getEv,
      onchange:    v._getEv
    });
  })(Element._attributeTranslations.read.values);

  if (Prototype.BrowserFeatures.ElementExtensions) {
    (function() {
      function _descendants(element) {
        var nodes = element.getElementsByTagName('*'), results = [];
        for (var i = 0, node; node = nodes[i]; i++)
          if (node.tagName !== "!") // Filter out comment nodes.
            results.push(node);
        return results;
      }

      Element.Methods.down = function(element, expression, index) {
        element = $(element);
        if (arguments.length == 1) return element.firstDescendant();
        return Object.isNumber(expression) ? _descendants(element)[expression] :
          Element.select(element, expression)[index || 0];
      }
    })();
  }

}

else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) {
  Element.Methods.setOpacity = function(element, value) {
    element = $(element);
    element.style.opacity = (value == 1) ? 0.999999 :
      (value === '') ? '' : (value < 0.00001) ? 0 : value;
    return element;
  };
}

else if (Prototype.Browser.WebKit) {
  Element.Methods.setOpacity = function(element, value) {
    element = $(element);
    element.style.opacity = (value == 1 || value === '') ? '' :
      (value < 0.00001) ? 0 : value;

    if (value == 1)
      if(element.tagName.toUpperCase() == 'IMG' && element.width) {
        element.width++; element.width--;
      } else try {
        var n = document.createTextNode(' ');
        element.appendChild(n);
        element.removeChild(n);
      } catch (e) { }

    return element;
  };

  Element.Methods.cumulativeOffset = function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;
      if (element.offsetParent == document.body)
        if (Element.getStyle(element, 'position') == 'absolute') break;

      element = element.offsetParent;
    } while (element);

    return Element._returnOffset(valueL, valueT);
  };
}

if ('outerHTML' in document.documentElement) {
  Element.Methods.replace = function(element, content) {
    element = $(element);

    if (content && content.toElement) content = content.toElement();
    if (Object.isElement(content)) {
      element.parentNode.replaceChild(content, element);
      return element;
    }

    content = Object.toHTML(content);
    var parent = element.parentNode, tagName = parent.tagName.toUpperCase();

    if (Element._insertionTranslations.tags[tagName]) {
      var nextSibling = element.next();
      var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
      parent.removeChild(element);
      if (nextSibling)
        fragments.each(function(node) { parent.insertBefore(node, nextSibling) });
      else
        fragments.each(function(node) { parent.appendChild(node) });
    }
    else element.outerHTML = content.stripScripts();

    content.evalScripts.bind(content).defer();
    return element;
  };
}

Element._returnOffset = function(l, t) {
  var result = [l, t];
  result.left = l;
  result.top = t;
  return result;
};

Element._getContentFromAnonymousElement = function(tagName, html) {
  var div = new Element('div'), t = Element._insertionTranslations.tags[tagName];
  if (t) {
    div.innerHTML = t[0] + html + t[1];
    t[2].times(function() { div = div.firstChild });
  } else div.innerHTML = html;
  return $A(div.childNodes);
};

Element._insertionTranslations = {
  before: function(element, node) {
    element.parentNode.insertBefore(node, element);
  },
  top: function(element, node) {
    element.insertBefore(node, element.firstChild);
  },
  bottom: function(element, node) {
    element.appendChild(node);
  },
  after: function(element, node) {
    element.parentNode.insertBefore(node, element.nextSibling);
  },
  tags: {
    TABLE:  ['<table>',                '</table>',                   1],
    TBODY:  ['<table><tbody>',         '</tbody></table>',           2],
    TR:     ['<table><tbody><tr>',     '</tr></tbody></table>',      3],
    TD:     ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4],
    SELECT: ['<select>',               '</select>',                  1]
  }
};

(function() {
  var tags = Element._insertionTranslations.tags;
  Object.extend(tags, {
    THEAD: tags.TBODY,
    TFOOT: tags.TBODY,
    TH:    tags.TD
  });
})();

Element.Methods.Simulated = {
  hasAttribute: function(element, attribute) {
    attribute = Element._attributeTranslations.has[attribute] || attribute;
    var node = $(element).getAttributeNode(attribute);
    return !!(node && node.specified);
  }
};

Element.Methods.ByTag = { };

Object.extend(Element, Element.Methods);

(function(div) {

  if (!Prototype.BrowserFeatures.ElementExtensions && div['__proto__']) {
    window.HTMLElement = { };
    window.HTMLElement.prototype = div['__proto__'];
    Prototype.BrowserFeatures.ElementExtensions = true;
  }

  div = null;

})(document.createElement('div'))

Element.extend = (function() {

  function checkDeficiency(tagName) {
    if (typeof window.Element != 'undefined') {
      var proto = window.Element.prototype;
      if (proto) {
        var id = '_' + (Math.random()+'').slice(2);
        var el = document.createElement(tagName);
        proto[id] = 'x';
        var isBuggy = (el[id] !== 'x');
        delete proto[id];
        el = null;
        return isBuggy;
      }
    }
    return false;
  }

  function extendElementWith(element, methods) {
    for (var property in methods) {
      var value = methods[property];
      if (Object.isFunction(value) && !(property in element))
        element[property] = value.methodize();
    }
  }

  var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY = checkDeficiency('object');

  if (Prototype.BrowserFeatures.SpecificElementExtensions) {
    if (HTMLOBJECTELEMENT_PROTOTYPE_BUGGY) {
      return function(element) {
        if (element && typeof element._extendedByPrototype == 'undefined') {
          var t = element.tagName;
          if (t && (/^(?:object|applet|embed)$/i.test(t))) {
            extendElementWith(element, Element.Methods);
            extendElementWith(element, Element.Methods.Simulated);
            extendElementWith(element, Element.Methods.ByTag[t.toUpperCase()]);
          }
        }
        return element;
      }
    }
    return Prototype.K;
  }

  var Methods = { }, ByTag = Element.Methods.ByTag;

  var extend = Object.extend(function(element) {
    if (!element || typeof element._extendedByPrototype != 'undefined' ||
        element.nodeType != 1 || element == window) return element;

    var methods = Object.clone(Methods),
        tagName = element.tagName.toUpperCase();

    if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]);

    extendElementWith(element, methods);

    element._extendedByPrototype = Prototype.emptyFunction;
    return element;

  }, {
    refresh: function() {
      if (!Prototype.BrowserFeatures.ElementExtensions) {
        Object.extend(Methods, Element.Methods);
        Object.extend(Methods, Element.Methods.Simulated);
      }
    }
  });

  extend.refresh();
  return extend;
})();

Element.hasAttribute = function(element, attribute) {
  if (element.hasAttribute) return element.hasAttribute(attribute);
  return Element.Methods.Simulated.hasAttribute(element, attribute);
};

Element.addMethods = function(methods) {
  var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag;

  if (!methods) {
    Object.extend(Form, Form.Methods);
    Object.extend(Form.Element, Form.Element.Methods);
    Object.extend(Element.Methods.ByTag, {
      "FORM":     Object.clone(Form.Methods),
      "INPUT":    Object.clone(Form.Element.Methods),
      "SELECT":   Object.clone(Form.Element.Methods),
      "TEXTAREA": Object.clone(Form.Element.Methods)
    });
  }

  if (arguments.length == 2) {
    var tagName = methods;
    methods = arguments[1];
  }

  if (!tagName) Object.extend(Element.Methods, methods || { });
  else {
    if (Object.isArray(tagName)) tagName.each(extend);
    else extend(tagName);
  }

  function extend(tagName) {
    tagName = tagName.toUpperCase();
    if (!Element.Methods.ByTag[tagName])
      Element.Methods.ByTag[tagName] = { };
    Object.extend(Element.Methods.ByTag[tagName], methods);
  }

  function copy(methods, destination, onlyIfAbsent) {
    onlyIfAbsent = onlyIfAbsent || false;
    for (var property in methods) {
      var value = methods[property];
      if (!Object.isFunction(value)) continue;
      if (!onlyIfAbsent || !(property in destination))
        destination[property] = value.methodize();
    }
  }

  function findDOMClass(tagName) {
    var klass;
    var trans = {
      "OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph",
      "FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList",
      "DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading",
      "H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote",
      "INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION":
      "TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD":
      "TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR":
      "TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET":
      "FrameSet", "IFRAME": "IFrame"
    };
    if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element';
    if (window[klass]) return window[klass];
    klass = 'HTML' + tagName + 'Element';
    if (window[klass]) return window[klass];
    klass = 'HTML' + tagName.capitalize() + 'Element';
    if (window[klass]) return window[klass];

    var element = document.createElement(tagName);
    var proto = element['__proto__'] || element.constructor.prototype;
    element = null;
    return proto;
  }

  var elementPrototype = window.HTMLElement ? HTMLElement.prototype :
   Element.prototype;

  if (F.ElementExtensions) {
    copy(Element.Methods, elementPrototype);
    copy(Element.Methods.Simulated, elementPrototype, true);
  }

  if (F.SpecificElementExtensions) {
    for (var tag in Element.Methods.ByTag) {
      var klass = findDOMClass(tag);
      if (Object.isUndefined(klass)) continue;
      copy(T[tag], klass.prototype);
    }
  }

  Object.extend(Element, Element.Methods);
  delete Element.ByTag;

  if (Element.extend.refresh) Element.extend.refresh();
  Element.cache = { };
};


document.viewport = {

  getDimensions: function() {
    return { width: this.getWidth(), height: this.getHeight() };
  },

  getScrollOffsets: function() {
    return Element._returnOffset(
      window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
      window.pageYOffset || document.documentElement.scrollTop  || document.body.scrollTop);
  }
};

(function(viewport) {
  var B = Prototype.Browser, doc = document, element, property = {};

  function getRootElement() {
    if (B.WebKit && !doc.evaluate)
      return document;

    if (B.Opera && window.parseFloat(window.opera.version()) < 9.5)
      return document.body;

    return document.documentElement;
  }

  function define(D) {
    if (!element) element = getRootElement();

    property[D] = 'client' + D;

    viewport['get' + D] = function() { return element[property[D]] };
    return viewport['get' + D]();
  }

  viewport.getWidth  = define.curry('Width');

  viewport.getHeight = define.curry('Height');
})(document.viewport);


Element.Storage = {
  UID: 1
};

Element.addMethods({
  getStorage: function(element) {
    if (!(element = $(element))) return;

    var uid;
    if (element === window) {
      uid = 0;
    } else {
      if (typeof element._prototypeUID === "undefined")
        element._prototypeUID = [Element.Storage.UID++];
      uid = element._prototypeUID[0];
    }

    if (!Element.Storage[uid])
      Element.Storage[uid] = $H();

    return Element.Storage[uid];
  },

  store: function(element, key, value) {
    if (!(element = $(element))) return;

    if (arguments.length === 2) {
      Element.getStorage(element).update(key);
    } else {
      Element.getStorage(element).set(key, value);
    }

    return element;
  },

  retrieve: function(element, key, defaultValue) {
    if (!(element = $(element))) return;
    var hash = Element.getStorage(element), value = hash.get(key);

    if (Object.isUndefined(value)) {
      hash.set(key, defaultValue);
      value = defaultValue;
    }

    return value;
  },

  clone: function(element, deep) {
    if (!(element = $(element))) return;
    var clone = element.cloneNode(deep);
    clone._prototypeUID = void 0;
    if (deep) {
      var descendants = Element.select(clone, '*'),
          i = descendants.length;
      while (i--) {
        descendants[i]._prototypeUID = void 0;
      }
    }
    return Element.extend(clone);
  }
});
/*!
 * Sizzle CSS Selector Engine - v1.0
 *  Copyright 2009, The Dojo Foundation
 *  Released under the MIT, BSD, and GPL Licenses.
 *  More information: http://sizzlejs.com/
 */
(function(){

var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,
	done = 0,
	toString = Object.prototype.toString,
	hasDuplicate = false;

var Sizzle = function(selector, context, results, seed) {
	results = results || [];
	var origContext = context = context || document;

	if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
		return [];
	}

	if ( !selector || typeof selector !== "string" ) {
		return results;
	}

	var parts = [], m, set, checkSet, check, mode, extra, prune = true, contextXML = isXML(context);

	chunker.lastIndex = 0;

	while ( (m = chunker.exec(selector)) !== null ) {
		parts.push( m[1] );

		if ( m[2] ) {
			extra = RegExp.rightContext;
			break;
		}
	}

	if ( parts.length > 1 && origPOS.exec( selector ) ) {
		if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
			set = posProcess( parts[0] + parts[1], context );
		} else {
			set = Expr.relative[ parts[0] ] ?
				[ context ] :
				Sizzle( parts.shift(), context );

			while ( parts.length ) {
				selector = parts.shift();

				if ( Expr.relative[ selector ] )
					selector += parts.shift();

				set = posProcess( selector, set );
			}
		}
	} else {
		if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
				Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
			var ret = Sizzle.find( parts.shift(), context, contextXML );
			context = ret.expr ? Sizzle.filter( ret.expr, ret.set )[0] : ret.set[0];
		}

		if ( context ) {
			var ret = seed ?
				{ expr: parts.pop(), set: makeArray(seed) } :
				Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
			set = ret.expr ? Sizzle.filter( ret.expr, ret.set ) : ret.set;

			if ( parts.length > 0 ) {
				checkSet = makeArray(set);
			} else {
				prune = false;
			}

			while ( parts.length ) {
				var cur = parts.pop(), pop = cur;

				if ( !Expr.relative[ cur ] ) {
					cur = "";
				} else {
					pop = parts.pop();
				}

				if ( pop == null ) {
					pop = context;
				}

				Expr.relative[ cur ]( checkSet, pop, contextXML );
			}
		} else {
			checkSet = parts = [];
		}
	}

	if ( !checkSet ) {
		checkSet = set;
	}

	if ( !checkSet ) {
		throw "Syntax error, unrecognized expression: " + (cur || selector);
	}

	if ( toString.call(checkSet) === "[object Array]" ) {
		if ( !prune ) {
			results.push.apply( results, checkSet );
		} else if ( context && context.nodeType === 1 ) {
			for ( var i = 0; checkSet[i] != null; i++ ) {
				if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) {
					results.push( set[i] );
				}
			}
		} else {
			for ( var i = 0; checkSet[i] != null; i++ ) {
				if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
					results.push( set[i] );
				}
			}
		}
	} else {
		makeArray( checkSet, results );
	}

	if ( extra ) {
		Sizzle( extra, origContext, results, seed );
		Sizzle.uniqueSort( results );
	}

	return results;
};

Sizzle.uniqueSort = function(results){
	if ( sortOrder ) {
		hasDuplicate = false;
		results.sort(sortOrder);

		if ( hasDuplicate ) {
			for ( var i = 1; i < results.length; i++ ) {
				if ( results[i] === results[i-1] ) {
					results.splice(i--, 1);
				}
			}
		}
	}
};

Sizzle.matches = function(expr, set){
	return Sizzle(expr, null, null, set);
};

Sizzle.find = function(expr, context, isXML){
	var set, match;

	if ( !expr ) {
		return [];
	}

	for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
		var type = Expr.order[i], match;

		if ( (match = Expr.match[ type ].exec( expr )) ) {
			var left = RegExp.leftContext;

			if ( left.substr( left.length - 1 ) !== "\\" ) {
				match[1] = (match[1] || "").replace(/\\/g, "");
				set = Expr.find[ type ]( match, context, isXML );
				if ( set != null ) {
					expr = expr.replace( Expr.match[ type ], "" );
					break;
				}
			}
		}
	}

	if ( !set ) {
		set = context.getElementsByTagName("*");
	}

	return {set: set, expr: expr};
};

Sizzle.filter = function(expr, set, inplace, not){
	var old = expr, result = [], curLoop = set, match, anyFound,
		isXMLFilter = set && set[0] && isXML(set[0]);

	while ( expr && set.length ) {
		for ( var type in Expr.filter ) {
			if ( (match = Expr.match[ type ].exec( expr )) != null ) {
				var filter = Expr.filter[ type ], found, item;
				anyFound = false;

				if ( curLoop == result ) {
					result = [];
				}

				if ( Expr.preFilter[ type ] ) {
					match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );

					if ( !match ) {
						anyFound = found = true;
					} else if ( match === true ) {
						continue;
					}
				}

				if ( match ) {
					for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
						if ( item ) {
							found = filter( item, match, i, curLoop );
							var pass = not ^ !!found;

							if ( inplace && found != null ) {
								if ( pass ) {
									anyFound = true;
								} else {
									curLoop[i] = false;
								}
							} else if ( pass ) {
								result.push( item );
								anyFound = true;
							}
						}
					}
				}

				if ( found !== undefined ) {
					if ( !inplace ) {
						curLoop = result;
					}

					expr = expr.replace( Expr.match[ type ], "" );

					if ( !anyFound ) {
						return [];
					}

					break;
				}
			}
		}

		if ( expr == old ) {
			if ( anyFound == null ) {
				throw "Syntax error, unrecognized expression: " + expr;
			} else {
				break;
			}
		}

		old = expr;
	}

	return curLoop;
};

var Expr = Sizzle.selectors = {
	order: [ "ID", "NAME", "TAG" ],
	match: {
		ID: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
		CLASS: /\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
		NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,
		ATTR: /\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,
		TAG: /^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,
		CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,
		POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,
		PSEUDO: /:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/
	},
	attrMap: {
		"class": "className",
		"for": "htmlFor"
	},
	attrHandle: {
		href: function(elem){
			return elem.getAttribute("href");
		}
	},
	relative: {
		"+": function(checkSet, part, isXML){
			var isPartStr = typeof part === "string",
				isTag = isPartStr && !/\W/.test(part),
				isPartStrNotTag = isPartStr && !isTag;

			if ( isTag && !isXML ) {
				part = part.toUpperCase();
			}

			for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
				if ( (elem = checkSet[i]) ) {
					while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}

					checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ?
						elem || false :
						elem === part;
				}
			}

			if ( isPartStrNotTag ) {
				Sizzle.filter( part, checkSet, true );
			}
		},
		">": function(checkSet, part, isXML){
			var isPartStr = typeof part === "string";

			if ( isPartStr && !/\W/.test(part) ) {
				part = isXML ? part : part.toUpperCase();

				for ( var i = 0, l = checkSet.length; i < l; i++ ) {
					var elem = checkSet[i];
					if ( elem ) {
						var parent = elem.parentNode;
						checkSet[i] = parent.nodeName === part ? parent : false;
					}
				}
			} else {
				for ( var i = 0, l = checkSet.length; i < l; i++ ) {
					var elem = checkSet[i];
					if ( elem ) {
						checkSet[i] = isPartStr ?
							elem.parentNode :
							elem.parentNode === part;
					}
				}

				if ( isPartStr ) {
					Sizzle.filter( part, checkSet, true );
				}
			}
		},
		"": function(checkSet, part, isXML){
			var doneName = done++, checkFn = dirCheck;

			if ( !/\W/.test(part) ) {
				var nodeCheck = part = isXML ? part : part.toUpperCase();
				checkFn = dirNodeCheck;
			}

			checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML);
		},
		"~": function(checkSet, part, isXML){
			var doneName = done++, checkFn = dirCheck;

			if ( typeof part === "string" && !/\W/.test(part) ) {
				var nodeCheck = part = isXML ? part : part.toUpperCase();
				checkFn = dirNodeCheck;
			}

			checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML);
		}
	},
	find: {
		ID: function(match, context, isXML){
			if ( typeof context.getElementById !== "undefined" && !isXML ) {
				var m = context.getElementById(match[1]);
				return m ? [m] : [];
			}
		},
		NAME: function(match, context, isXML){
			if ( typeof context.getElementsByName !== "undefined" ) {
				var ret = [], results = context.getElementsByName(match[1]);

				for ( var i = 0, l = results.length; i < l; i++ ) {
					if ( results[i].getAttribute("name") === match[1] ) {
						ret.push( results[i] );
					}
				}

				return ret.length === 0 ? null : ret;
			}
		},
		TAG: function(match, context){
			return context.getElementsByTagName(match[1]);
		}
	},
	preFilter: {
		CLASS: function(match, curLoop, inplace, result, not, isXML){
			match = " " + match[1].replace(/\\/g, "") + " ";

			if ( isXML ) {
				return match;
			}

			for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
				if ( elem ) {
					if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) {
						if ( !inplace )
							result.push( elem );
					} else if ( inplace ) {
						curLoop[i] = false;
					}
				}
			}

			return false;
		},
		ID: function(match){
			return match[1].replace(/\\/g, "");
		},
		TAG: function(match, curLoop){
			for ( var i = 0; curLoop[i] === false; i++ ){}
			return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase();
		},
		CHILD: function(match){
			if ( match[1] == "nth" ) {
				var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
					match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" ||
					!/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);

				match[2] = (test[1] + (test[2] || 1)) - 0;
				match[3] = test[3] - 0;
			}

			match[0] = done++;

			return match;
		},
		ATTR: function(match, curLoop, inplace, result, not, isXML){
			var name = match[1].replace(/\\/g, "");

			if ( !isXML && Expr.attrMap[name] ) {
				match[1] = Expr.attrMap[name];
			}

			if ( match[2] === "~=" ) {
				match[4] = " " + match[4] + " ";
			}

			return match;
		},
		PSEUDO: function(match, curLoop, inplace, result, not){
			if ( match[1] === "not" ) {
				if ( chunker.exec(match[3]).length > 1 || /^\w/.test(match[3]) ) {
					match[3] = Sizzle(match[3], null, null, curLoop);
				} else {
					var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
					if ( !inplace ) {
						result.push.apply( result, ret );
					}
					return false;
				}
			} else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
				return true;
			}

			return match;
		},
		POS: function(match){
			match.unshift( true );
			return match;
		}
	},
	filters: {
		enabled: function(elem){
			return elem.disabled === false && elem.type !== "hidden";
		},
		disabled: function(elem){
			return elem.disabled === true;
		},
		checked: function(elem){
			return elem.checked === true;
		},
		selected: function(elem){
			elem.parentNode.selectedIndex;
			return elem.selected === true;
		},
		parent: function(elem){
			return !!elem.firstChild;
		},
		empty: function(elem){
			return !elem.firstChild;
		},
		has: function(elem, i, match){
			return !!Sizzle( match[3], elem ).length;
		},
		header: function(elem){
			return /h\d/i.test( elem.nodeName );
		},
		text: function(elem){
			return "text" === elem.type;
		},
		radio: function(elem){
			return "radio" === elem.type;
		},
		checkbox: function(elem){
			return "checkbox" === elem.type;
		},
		file: function(elem){
			return "file" === elem.type;
		},
		password: function(elem){
			return "password" === elem.type;
		},
		submit: function(elem){
			return "submit" === elem.type;
		},
		image: function(elem){
			return "image" === elem.type;
		},
		reset: function(elem){
			return "reset" === elem.type;
		},
		button: function(elem){
			return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON";
		},
		input: function(elem){
			return /input|select|textarea|button/i.test(elem.nodeName);
		}
	},
	setFilters: {
		first: function(elem, i){
			return i === 0;
		},
		last: function(elem, i, match, array){
			return i === array.length - 1;
		},
		even: function(elem, i){
			return i % 2 === 0;
		},
		odd: function(elem, i){
			return i % 2 === 1;
		},
		lt: function(elem, i, match){
			return i < match[3] - 0;
		},
		gt: function(elem, i, match){
			return i > match[3] - 0;
		},
		nth: function(elem, i, match){
			return match[3] - 0 == i;
		},
		eq: function(elem, i, match){
			return match[3] - 0 == i;
		}
	},
	filter: {
		PSEUDO: function(elem, match, i, array){
			var name = match[1], filter = Expr.filters[ name ];

			if ( filter ) {
				return filter( elem, i, match, array );
			} else if ( name === "contains" ) {
				return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0;
			} else if ( name === "not" ) {
				var not = match[3];

				for ( var i = 0, l = not.length; i < l; i++ ) {
					if ( not[i] === elem ) {
						return false;
					}
				}

				return true;
			}
		},
		CHILD: function(elem, match){
			var type = match[1], node = elem;
			switch (type) {
				case 'only':
				case 'first':
					while ( (node = node.previousSibling) )  {
						if ( node.nodeType === 1 ) return false;
					}
					if ( type == 'first') return true;
					node = elem;
				case 'last':
					while ( (node = node.nextSibling) )  {
						if ( node.nodeType === 1 ) return false;
					}
					return true;
				case 'nth':
					var first = match[2], last = match[3];

					if ( first == 1 && last == 0 ) {
						return true;
					}

					var doneName = match[0],
						parent = elem.parentNode;

					if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
						var count = 0;
						for ( node = parent.firstChild; node; node = node.nextSibling ) {
							if ( node.nodeType === 1 ) {
								node.nodeIndex = ++count;
							}
						}
						parent.sizcache = doneName;
					}

					var diff = elem.nodeIndex - last;
					if ( first == 0 ) {
						return diff == 0;
					} else {
						return ( diff % first == 0 && diff / first >= 0 );
					}
			}
		},
		ID: function(elem, match){
			return elem.nodeType === 1 && elem.getAttribute("id") === match;
		},
		TAG: function(elem, match){
			return (match === "*" && elem.nodeType === 1) || elem.nodeName === match;
		},
		CLASS: function(elem, match){
			return (" " + (elem.className || elem.getAttribute("class")) + " ")
				.indexOf( match ) > -1;
		},
		ATTR: function(elem, match){
			var name = match[1],
				result = Expr.attrHandle[ name ] ?
					Expr.attrHandle[ name ]( elem ) :
					elem[ name ] != null ?
						elem[ name ] :
						elem.getAttribute( name ),
				value = result + "",
				type = match[2],
				check = match[4];

			return result == null ?
				type === "!=" :
				type === "=" ?
				value === check :
				type === "*=" ?
				value.indexOf(check) >= 0 :
				type === "~=" ?
				(" " + value + " ").indexOf(check) >= 0 :
				!check ?
				value && result !== false :
				type === "!=" ?
				value != check :
				type === "^=" ?
				value.indexOf(check) === 0 :
				type === "$=" ?
				value.substr(value.length - check.length) === check :
				type === "|=" ?
				value === check || value.substr(0, check.length + 1) === check + "-" :
				false;
		},
		POS: function(elem, match, i, array){
			var name = match[2], filter = Expr.setFilters[ name ];

			if ( filter ) {
				return filter( elem, i, match, array );
			}
		}
	}
};

var origPOS = Expr.match.POS;

for ( var type in Expr.match ) {
	Expr.match[ type ] = new RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source );
}

var makeArray = function(array, results) {
	array = Array.prototype.slice.call( array, 0 );

	if ( results ) {
		results.push.apply( results, array );
		return results;
	}

	return array;
};

try {
	Array.prototype.slice.call( document.documentElement.childNodes, 0 );

} catch(e){
	makeArray = function(array, results) {
		var ret = results || [];

		if ( toString.call(array) === "[object Array]" ) {
			Array.prototype.push.apply( ret, array );
		} else {
			if ( typeof array.length === "number" ) {
				for ( var i = 0, l = array.length; i < l; i++ ) {
					ret.push( array[i] );
				}
			} else {
				for ( var i = 0; array[i]; i++ ) {
					ret.push( array[i] );
				}
			}
		}

		return ret;
	};
}

var sortOrder;

if ( document.documentElement.compareDocumentPosition ) {
	sortOrder = function( a, b ) {
		var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1;
		if ( ret === 0 ) {
			hasDuplicate = true;
		}
		return ret;
	};
} else if ( "sourceIndex" in document.documentElement ) {
	sortOrder = function( a, b ) {
		var ret = a.sourceIndex - b.sourceIndex;
		if ( ret === 0 ) {
			hasDuplicate = true;
		}
		return ret;
	};
} else if ( document.createRange ) {
	sortOrder = function( a, b ) {
		var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange();
		aRange.selectNode(a);
		aRange.collapse(true);
		bRange.selectNode(b);
		bRange.collapse(true);
		var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange);
		if ( ret === 0 ) {
			hasDuplicate = true;
		}
		return ret;
	};
}

(function(){
	var form = document.createElement("div"),
		id = "script" + (new Date).getTime();
	form.innerHTML = "<a name='" + id + "'/>";

	var root = document.documentElement;
	root.insertBefore( form, root.firstChild );

	if ( !!document.getElementById( id ) ) {
		Expr.find.ID = function(match, context, isXML){
			if ( typeof context.getElementById !== "undefined" && !isXML ) {
				var m = context.getElementById(match[1]);
				return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : [];
			}
		};

		Expr.filter.ID = function(elem, match){
			var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
			return elem.nodeType === 1 && node && node.nodeValue === match;
		};
	}

	root.removeChild( form );
	root = form = null; // release memory in IE
})();

(function(){

	var div = document.createElement("div");
	div.appendChild( document.createComment("") );

	if ( div.getElementsByTagName("*").length > 0 ) {
		Expr.find.TAG = function(match, context){
			var results = context.getElementsByTagName(match[1]);

			if ( match[1] === "*" ) {
				var tmp = [];

				for ( var i = 0; results[i]; i++ ) {
					if ( results[i].nodeType === 1 ) {
						tmp.push( results[i] );
					}
				}

				results = tmp;
			}

			return results;
		};
	}

	div.innerHTML = "<a href='#'></a>";
	if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
			div.firstChild.getAttribute("href") !== "#" ) {
		Expr.attrHandle.href = function(elem){
			return elem.getAttribute("href", 2);
		};
	}

	div = null; // release memory in IE
})();

if ( document.querySelectorAll ) (function(){
	var oldSizzle = Sizzle, div = document.createElement("div");
	div.innerHTML = "<p class='TEST'></p>";

	if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
		return;
	}

	Sizzle = function(query, context, extra, seed){
		context = context || document;

		if ( !seed && context.nodeType === 9 && !isXML(context) ) {
			try {
				return makeArray( context.querySelectorAll(query), extra );
			} catch(e){}
		}

		return oldSizzle(query, context, extra, seed);
	};

	for ( var prop in oldSizzle ) {
		Sizzle[ prop ] = oldSizzle[ prop ];
	}

	div = null; // release memory in IE
})();

if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){
	var div = document.createElement("div");
	div.innerHTML = "<div class='test e'></div><div class='test'></div>";

	if ( div.getElementsByClassName("e").length === 0 )
		return;

	div.lastChild.className = "e";

	if ( div.getElementsByClassName("e").length === 1 )
		return;

	Expr.order.splice(1, 0, "CLASS");
	Expr.find.CLASS = function(match, context, isXML) {
		if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
			return context.getElementsByClassName(match[1]);
		}
	};

	div = null; // release memory in IE
})();

function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
	var sibDir = dir == "previousSibling" && !isXML;
	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
		var elem = checkSet[i];
		if ( elem ) {
			if ( sibDir && elem.nodeType === 1 ){
				elem.sizcache = doneName;
				elem.sizset = i;
			}
			elem = elem[dir];
			var match = false;

			while ( elem ) {
				if ( elem.sizcache === doneName ) {
					match = checkSet[elem.sizset];
					break;
				}

				if ( elem.nodeType === 1 && !isXML ){
					elem.sizcache = doneName;
					elem.sizset = i;
				}

				if ( elem.nodeName === cur ) {
					match = elem;
					break;
				}

				elem = elem[dir];
			}

			checkSet[i] = match;
		}
	}
}

function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
	var sibDir = dir == "previousSibling" && !isXML;
	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
		var elem = checkSet[i];
		if ( elem ) {
			if ( sibDir && elem.nodeType === 1 ) {
				elem.sizcache = doneName;
				elem.sizset = i;
			}
			elem = elem[dir];
			var match = false;

			while ( elem ) {
				if ( elem.sizcache === doneName ) {
					match = checkSet[elem.sizset];
					break;
				}

				if ( elem.nodeType === 1 ) {
					if ( !isXML ) {
						elem.sizcache = doneName;
						elem.sizset = i;
					}
					if ( typeof cur !== "string" ) {
						if ( elem === cur ) {
							match = true;
							break;
						}

					} else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
						match = elem;
						break;
					}
				}

				elem = elem[dir];
			}

			checkSet[i] = match;
		}
	}
}

var contains = document.compareDocumentPosition ?  function(a, b){
	return a.compareDocumentPosition(b) & 16;
} : function(a, b){
	return a !== b && (a.contains ? a.contains(b) : true);
};

var isXML = function(elem){
	return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" ||
		!!elem.ownerDocument && elem.ownerDocument.documentElement.nodeName !== "HTML";
};

var posProcess = function(selector, context){
	var tmpSet = [], later = "", match,
		root = context.nodeType ? [context] : context;

	while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
		later += match[0];
		selector = selector.replace( Expr.match.PSEUDO, "" );
	}

	selector = Expr.relative[selector] ? selector + "*" : selector;

	for ( var i = 0, l = root.length; i < l; i++ ) {
		Sizzle( selector, root[i], tmpSet );
	}

	return Sizzle.filter( later, tmpSet );
};


window.Sizzle = Sizzle;

})();

(function() {
  function extend(elements) {
    for (var i = 0, length = elements.length; i < length; i++)
      elements[i] = Element.extend(elements[i]);
    return elements;
  }

  window.Selector = Class.create({
    initialize: function(expression) {
      this.expression = expression.strip();
    },

    findElements: function(rootElement) {
      return extend(Sizzle(this.expression, rootElement || document));
    },

    match: function(element) {
      return Sizzle.matches(this.expression, [element]).length == 1;
    },

    toString: function() {
      return this.expression;
    },

    inspect: function() {
      return "#<Selector: " + this.expression + ">";
    }
  });

  Object.extend(Selector, {
    matchElements: function(elements, expression) {
      return extend(Sizzle.matches(expression, elements));
    },

    findElement: function(elements, expression, index) {
      if (Object.isUndefined(index)) index = 0;
      var selector = new Selector(expression), length = elements.length, matchIndex = 0, i;

      for (i = 0; i < length; i++) {
        if (selector.match(elements[i]) && index == matchIndex++) {
          return Element.extend(elements[i]);
        }
      }
    },

    findChildElements: function(element, expressions) {
      var results = [], exprs = expressions.toArray();
      while (exprs.length) Sizzle(exprs.shift(), element || document, results);
      return extend(results);
    }
  });

  window.$$ = function() {
    return Selector.findChildElements(document, $A(arguments));
  }
})();

var Form = {
  reset: function(form) {
    form = $(form);
    form.reset();
    return form;
  },

  serializeElements: function(elements, options) {
    if (typeof options != 'object') options = { hash: !!options };
    else if (Object.isUndefined(options.hash)) options.hash = true;
    var key, value, submitted = false, submit = options.submit;

    var data = elements.inject({ }, function(result, element) {
      if (!element.disabled && element.name) {
        key = element.name; value = $(element).getValue();
        if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted &&
            submit !== false && (!submit || key == submit) && (submitted = true)))) {
          if (key in result) {
            if (!Object.isArray(result[key])) result[key] = [result[key]];
            result[key].push(value);
          }
          else result[key] = value;
        }
      }
      return result;
    });

    return options.hash ? data : Object.toQueryString(data);
  }
};

Form.Methods = {
  serialize: function(form, options) {
    return Form.serializeElements(Form.getElements(form), options);
  },

  getElements: function(form) {
    var elements = $(form).getElementsByTagName('*'),
        element,
        arr = [ ],
        serializers = Form.Element.Serializers;
    for (var i = 0; element = elements[i]; i++) {
      arr.push(element);
    }
    return arr.inject([], function(elements, child) {
      if (serializers[child.tagName.toLowerCase()])
        elements.push(Element.extend(child));
      return elements;
    })
  },

  getInputs: function(form, typeName, name) {
    form = $(form);
    var inputs = form.getElementsByTagName('input');

    if (!typeName && !name) return $A(inputs).map(Element.extend);

    for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) {
      var input = inputs[i];
      if ((typeName && input.type != typeName) || (name && input.name != name))
        continue;
      matchingInputs.push(Element.extend(input));
    }

    return matchingInputs;
  },

  disable: function(form) {
    form = $(form);
    Form.getElements(form).invoke('disable');
    return form;
  },

  enable: function(form) {
    form = $(form);
    Form.getElements(form).invoke('enable');
    return form;
  },

  findFirstElement: function(form) {
    var elements = $(form).getElements().findAll(function(element) {
      return 'hidden' != element.type && !element.disabled;
    });
    var firstByIndex = elements.findAll(function(element) {
      return element.hasAttribute('tabIndex') && element.tabIndex >= 0;
    }).sortBy(function(element) { return element.tabIndex }).first();

    return firstByIndex ? firstByIndex : elements.find(function(element) {
      return /^(?:input|select|textarea)$/i.test(element.tagName);
    });
  },

  focusFirstElement: function(form) {
    form = $(form);
    form.findFirstElement().activate();
    return form;
  },

  request: function(form, options) {
    form = $(form), options = Object.clone(options || { });

    var params = options.parameters, action = form.readAttribute('action') || '';
    if (action.blank()) action = window.location.href;
    options.parameters = form.serialize(true);

    if (params) {
      if (Object.isString(params)) params = params.toQueryParams();
      Object.extend(options.parameters, params);
    }

    if (form.hasAttribute('method') && !options.method)
      options.method = form.method;

    return new Ajax.Request(action, options);
  }
};

/*--------------------------------------------------------------------------*/


Form.Element = {
  focus: function(element) {
    $(element).focus();
    return element;
  },

  select: function(element) {
    $(element).select();
    return element;
  }
};

Form.Element.Methods = {

  serialize: function(element) {
    element = $(element);
    if (!element.disabled && element.name) {
      var value = element.getValue();
      if (value != undefined) {
        var pair = { };
        pair[element.name] = value;
        return Object.toQueryString(pair);
      }
    }
    return '';
  },

  getValue: function(element) {
    element = $(element);
    var method = element.tagName.toLowerCase();
    return Form.Element.Serializers[method](element);
  },

  setValue: function(element, value) {
    element = $(element);
    var method = element.tagName.toLowerCase();
    Form.Element.Serializers[method](element, value);
    return element;
  },

  clear: function(element) {
    $(element).value = '';
    return element;
  },

  present: function(element) {
    return $(element).value != '';
  },

  activate: function(element) {
    element = $(element);
    try {
      element.focus();
      if (element.select && (element.tagName.toLowerCase() != 'input' ||
          !(/^(?:button|reset|submit)$/i.test(element.type))))
        element.select();
    } catch (e) { }
    return element;
  },

  disable: function(element) {
    element = $(element);
    element.disabled = true;
    return element;
  },

  enable: function(element) {
    element = $(element);
    element.disabled = false;
    return element;
  }
};

/*--------------------------------------------------------------------------*/

var Field = Form.Element;

var $F = Form.Element.Methods.getValue;

/*--------------------------------------------------------------------------*/

Form.Element.Serializers = {
  input: function(element, value) {
    switch (element.type.toLowerCase()) {
      case 'checkbox':
      case 'radio':
        return Form.Element.Serializers.inputSelector(element, value);
      default:
        return Form.Element.Serializers.textarea(element, value);
    }
  },

  inputSelector: function(element, value) {
    if (Object.isUndefined(value)) return element.checked ? element.value : null;
    else element.checked = !!value;
  },

  textarea: function(element, value) {
    if (Object.isUndefined(value)) return element.value;
    else element.value = value;
  },

  select: function(element, value) {
    if (Object.isUndefined(value))
      return this[element.type == 'select-one' ?
        'selectOne' : 'selectMany'](element);
    else {
      var opt, currentValue, single = !Object.isArray(value);
      for (var i = 0, length = element.length; i < length; i++) {
        opt = element.options[i];
        currentValue = this.optionValue(opt);
        if (single) {
          if (currentValue == value) {
            opt.selected = true;
            return;
          }
        }
        else opt.selected = value.include(currentValue);
      }
    }
  },

  selectOne: function(element) {
    var index = element.selectedIndex;
    return index >= 0 ? this.optionValue(element.options[index]) : null;
  },

  selectMany: function(element) {
    var values, length = element.length;
    if (!length) return null;

    for (var i = 0, values = []; i < length; i++) {
      var opt = element.options[i];
      if (opt.selected) values.push(this.optionValue(opt));
    }
    return values;
  },

  optionValue: function(opt) {
    return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text;
  }
};

/*--------------------------------------------------------------------------*/


Abstract.TimedObserver = Class.create(PeriodicalExecuter, {
  initialize: function($super, element, frequency, callback) {
    $super(callback, frequency);
    this.element   = $(element);
    this.lastValue = this.getValue();
  },

  execute: function() {
    var value = this.getValue();
    if (Object.isString(this.lastValue) && Object.isString(value) ?
        this.lastValue != value : String(this.lastValue) != String(value)) {
      this.callback(this.element, value);
      this.lastValue = value;
    }
  }
});

Form.Element.Observer = Class.create(Abstract.TimedObserver, {
  getValue: function() {
    return Form.Element.getValue(this.element);
  }
});

Form.Observer = Class.create(Abstract.TimedObserver, {
  getValue: function() {
    return Form.serialize(this.element);
  }
});

/*--------------------------------------------------------------------------*/

Abstract.EventObserver = Class.create({
  initialize: function(element, callback) {
    this.element  = $(element);
    this.callback = callback;

    this.lastValue = this.getValue();
    if (this.element.tagName.toLowerCase() == 'form')
      this.registerFormCallbacks();
    else
      this.registerCallback(this.element);
  },

  onElementEvent: function() {
    var value = this.getValue();
    if (this.lastValue != value) {
      this.callback(this.element, value);
      this.lastValue = value;
    }
  },

  registerFormCallbacks: function() {
    Form.getElements(this.element).each(this.registerCallback, this);
  },

  registerCallback: function(element) {
    if (element.type) {
      switch (element.type.toLowerCase()) {
        case 'checkbox':
        case 'radio':
          Event.observe(element, 'click', this.onElementEvent.bind(this));
          break;
        default:
          Event.observe(element, 'change', this.onElementEvent.bind(this));
          break;
      }
    }
  }
});

Form.Element.EventObserver = Class.create(Abstract.EventObserver, {
  getValue: function() {
    return Form.Element.getValue(this.element);
  }
});

Form.EventObserver = Class.create(Abstract.EventObserver, {
  getValue: function() {
    return Form.serialize(this.element);
  }
});
(function() {

  var Event = {
    KEY_BACKSPACE: 8,
    KEY_TAB:       9,
    KEY_RETURN:   13,
    KEY_ESC:      27,
    KEY_LEFT:     37,
    KEY_UP:       38,
    KEY_RIGHT:    39,
    KEY_DOWN:     40,
    KEY_DELETE:   46,
    KEY_HOME:     36,
    KEY_END:      35,
    KEY_PAGEUP:   33,
    KEY_PAGEDOWN: 34,
    KEY_INSERT:   45,

    cache: {}
  };

  var docEl = document.documentElement;
  var MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED = 'onmouseenter' in docEl
    && 'onmouseleave' in docEl;

  var _isButton;
  if (Prototype.Browser.IE) {
    var buttonMap = { 0: 1, 1: 4, 2: 2 };
    _isButton = function(event, code) {
      return event.button === buttonMap[code];
    };
  } else if (Prototype.Browser.WebKit) {
    _isButton = function(event, code) {
      switch (code) {
        case 0: return event.which == 1 && !event.metaKey;
        case 1: return event.which == 1 && event.metaKey;
        default: return false;
      }
    };
  } else {
    _isButton = function(event, code) {
      return event.which ? (event.which === code + 1) : (event.button === code);
    };
  }

  function isLeftClick(event)   { return _isButton(event, 0) }

  function isMiddleClick(event) { return _isButton(event, 1) }

  function isRightClick(event)  { return _isButton(event, 2) }

  function element(event) {
    event = Event.extend(event);

    var node = event.target, type = event.type,
     currentTarget = event.currentTarget;

    if (currentTarget && currentTarget.tagName) {
      if (type === 'load' || type === 'error' ||
        (type === 'click' && currentTarget.tagName.toLowerCase() === 'input'
          && currentTarget.type === 'radio'))
            node = currentTarget;
    }

    if (node.nodeType == Node.TEXT_NODE)
      node = node.parentNode;

    return Element.extend(node);
  }

  function findElement(event, expression) {
    var element = Event.element(event);
    if (!expression) return element;
    var elements = [element].concat(element.ancestors());
    return Selector.findElement(elements, expression, 0);
  }

  function pointer(event) {
    return { x: pointerX(event), y: pointerY(event) };
  }

  function pointerX(event) {
    var docElement = document.documentElement,
     body = document.body || { scrollLeft: 0 };

    return event.pageX || (event.clientX +
      (docElement.scrollLeft || body.scrollLeft) -
      (docElement.clientLeft || 0));
  }

  function pointerY(event) {
    var docElement = document.documentElement,
     body = document.body || { scrollTop: 0 };

    return  event.pageY || (event.clientY +
       (docElement.scrollTop || body.scrollTop) -
       (docElement.clientTop || 0));
  }


  function stop(event) {
    Event.extend(event);
    event.preventDefault();
    event.stopPropagation();

    event.stopped = true;
  }

  Event.Methods = {
    isLeftClick: isLeftClick,
    isMiddleClick: isMiddleClick,
    isRightClick: isRightClick,

    element: element,
    findElement: findElement,

    pointer: pointer,
    pointerX: pointerX,
    pointerY: pointerY,

    stop: stop
  };


  var methods = Object.keys(Event.Methods).inject({ }, function(m, name) {
    m[name] = Event.Methods[name].methodize();
    return m;
  });

  if (Prototype.Browser.IE) {
    function _relatedTarget(event) {
      var element;
      switch (event.type) {
        case 'mouseover': element = event.fromElement; break;
        case 'mouseout':  element = event.toElement;   break;
        default: return null;
      }
      return Element.extend(element);
    }

    Object.extend(methods, {
      stopPropagation: function() { this.cancelBubble = true },
      preventDefault:  function() { this.returnValue = false },
      inspect: function() { return '[object Event]' }
    });

    Event.extend = function(event, element) {
      if (!event) return false;
      if (event._extendedByPrototype) return event;

      event._extendedByPrototype = Prototype.emptyFunction;
      var pointer = Event.pointer(event);

      Object.extend(event, {
        target: event.srcElement || element,
        relatedTarget: _relatedTarget(event),
        pageX:  pointer.x,
        pageY:  pointer.y
      });

      return Object.extend(event, methods);
    };
  } else {
    Event.prototype = window.Event.prototype || document.createEvent('HTMLEvents').__proto__;
    Object.extend(Event.prototype, methods);
    Event.extend = Prototype.K;
  }

  function _createResponder(element, eventName, handler) {
    var registry = Element.retrieve(element, 'prototype_event_registry');

    if (Object.isUndefined(registry)) {
      CACHE.push(element);
      registry = Element.retrieve(element, 'prototype_event_registry', $H());
    }

    var respondersForEvent = registry.get(eventName);
    if (Object.isUndefined(respondersForEvent)) {
      respondersForEvent = [];
      registry.set(eventName, respondersForEvent);
    }

    if (respondersForEvent.pluck('handler').include(handler)) return false;

    var responder;
    if (eventName.include(":")) {
      responder = function(event) {
        if (Object.isUndefined(event.eventName))
          return false;

        if (event.eventName !== eventName)
          return false;

        Event.extend(event, element);
        handler.call(element, event);
      };
    } else {
      if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED &&
       (eventName === "mouseenter" || eventName === "mouseleave")) {
        if (eventName === "mouseenter" || eventName === "mouseleave") {
          responder = function(event) {
            Event.extend(event, element);

            var parent = event.relatedTarget;
            while (parent && parent !== element) {
              try { parent = parent.parentNode; }
              catch(e) { parent = element; }
            }

            if (parent === element) return;

            handler.call(element, event);
          };
        }
      } else {
        responder = function(event) {
          Event.extend(event, element);
          handler.call(element, event);
        };
      }
    }

    responder.handler = handler;
    respondersForEvent.push(responder);
    return responder;
  }

  function _destroyCache() {
    for (var i = 0, length = CACHE.length; i < length; i++) {
      Event.stopObserving(CACHE[i]);
      CACHE[i] = null;
    }
  }

  var CACHE = [];

  if (Prototype.Browser.IE)
    window.attachEvent('onunload', _destroyCache);

  if (Prototype.Browser.WebKit)
    window.addEventListener('unload', Prototype.emptyFunction, false);


  var _getDOMEventName = Prototype.K;

  if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED) {
    _getDOMEventName = function(eventName) {
      var translations = { mouseenter: "mouseover", mouseleave: "mouseout" };
      return eventName in translations ? translations[eventName] : eventName;
    };
  }

  function observe(element, eventName, handler) {
    element = $(element);

    var responder = _createResponder(element, eventName, handler);

    if (!responder) return element;

    if (eventName.include(':')) {
      if (element.addEventListener)
        element.addEventListener("dataavailable", responder, false);
      else {
        element.attachEvent("ondataavailable", responder);
        element.attachEvent("onfilterchange", responder);
      }
    } else {
      var actualEventName = _getDOMEventName(eventName);

      if (element.addEventListener)
        element.addEventListener(actualEventName, responder, false);
      else
        element.attachEvent("on" + actualEventName, responder);
    }

    return element;
  }

  function stopObserving(element, eventName, handler) {
    element = $(element);

    var registry = Element.retrieve(element, 'prototype_event_registry');

    if (Object.isUndefined(registry)) return element;

    if (eventName && !handler) {
      var responders = registry.get(eventName);

      if (Object.isUndefined(responders)) return element;

      responders.each( function(r) {
        Element.stopObserving(element, eventName, r.handler);
      });
      return element;
    } else if (!eventName) {
      registry.each( function(pair) {
        var eventName = pair.key, responders = pair.value;

        responders.each( function(r) {
          Element.stopObserving(element, eventName, r.handler);
        });
      });
      return element;
    }

    var responders = registry.get(eventName);

    if (!responders) return;

    var responder = responders.find( function(r) { return r.handler === handler; });
    if (!responder) return element;

    var actualEventName = _getDOMEventName(eventName);

    if (eventName.include(':')) {
      if (element.removeEventListener)
        element.removeEventListener("dataavailable", responder, false);
      else {
        element.detachEvent("ondataavailable", responder);
        element.detachEvent("onfilterchange",  responder);
      }
    } else {
      if (element.removeEventListener)
        element.removeEventListener(actualEventName, responder, false);
      else
        element.detachEvent('on' + actualEventName, responder);
    }

    registry.set(eventName, responders.without(responder));

    return element;
  }

  function fire(element, eventName, memo, bubble) {
    element = $(element);

    if (Object.isUndefined(bubble))
      bubble = true;

    if (element == document && document.createEvent && !element.dispatchEvent)
      element = document.documentElement;

    var event;
    if (document.createEvent) {
      event = document.createEvent('HTMLEvents');
      event.initEvent('dataavailable', true, true);
    } else {
      event = document.createEventObject();
      event.eventType = bubble ? 'ondataavailable' : 'onfilterchange';
    }

    event.eventName = eventName;
    event.memo = memo || { };

    if (document.createEvent)
      element.dispatchEvent(event);
    else
      element.fireEvent(event.eventType, event);

    return Event.extend(event);
  }


  Object.extend(Event, Event.Methods);

  Object.extend(Event, {
    fire:          fire,
    observe:       observe,
    stopObserving: stopObserving
  });

  Element.addMethods({
    fire:          fire,

    observe:       observe,

    stopObserving: stopObserving
  });

  Object.extend(document, {
    fire:          fire.methodize(),

    observe:       observe.methodize(),

    stopObserving: stopObserving.methodize(),

    loaded:        false
  });

  if (window.Event) Object.extend(window.Event, Event);
  else window.Event = Event;
})();

(function() {
  /* Support for the DOMContentLoaded event is based on work by Dan Webb,
     Matthias Miller, Dean Edwards, John Resig, and Diego Perini. */

  var timer;

  function fireContentLoadedEvent() {
    if (document.loaded) return;
    if (timer) window.clearTimeout(timer);
    document.loaded = true;
    document.fire('dom:loaded');
  }

  function checkReadyState() {
    if (document.readyState === 'complete') {
      document.stopObserving('readystatechange', checkReadyState);
      fireContentLoadedEvent();
    }
  }

  function pollDoScroll() {
    try { document.documentElement.doScroll('left'); }
    catch(e) {
      timer = pollDoScroll.defer();
      return;
    }
    fireContentLoadedEvent();
  }

  if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', fireContentLoadedEvent, false);
  } else {
    document.observe('readystatechange', checkReadyState);
    if (window == top)
      timer = pollDoScroll.defer();
  }

  Event.observe(window, 'load', fireContentLoadedEvent);
})();

Element.addMethods();

/*------------------------------- DEPRECATED -------------------------------*/

Hash.toQueryString = Object.toQueryString;

var Toggle = { display: Element.toggle };

Element.Methods.childOf = Element.Methods.descendantOf;

var Insertion = {
  Before: function(element, content) {
    return Element.insert(element, {before:content});
  },

  Top: function(element, content) {
    return Element.insert(element, {top:content});
  },

  Bottom: function(element, content) {
    return Element.insert(element, {bottom:content});
  },

  After: function(element, content) {
    return Element.insert(element, {after:content});
  }
};

var $continue = new Error('"throw $continue" is deprecated, use "return" instead');

var Position = {
  includeScrollOffsets: false,

  prepare: function() {
    this.deltaX =  window.pageXOffset
                || document.documentElement.scrollLeft
                || document.body.scrollLeft
                || 0;
    this.deltaY =  window.pageYOffset
                || document.documentElement.scrollTop
                || document.body.scrollTop
                || 0;
  },

  within: function(element, x, y) {
    if (this.includeScrollOffsets)
      return this.withinIncludingScrolloffsets(element, x, y);
    this.xcomp = x;
    this.ycomp = y;
    this.offset = Element.cumulativeOffset(element);

    return (y >= this.offset[1] &&
            y <  this.offset[1] + element.offsetHeight &&
            x >= this.offset[0] &&
            x <  this.offset[0] + element.offsetWidth);
  },

  withinIncludingScrolloffsets: function(element, x, y) {
    var offsetcache = Element.cumulativeScrollOffset(element);

    this.xcomp = x + offsetcache[0] - this.deltaX;
    this.ycomp = y + offsetcache[1] - this.deltaY;
    this.offset = Element.cumulativeOffset(element);

    return (this.ycomp >= this.offset[1] &&
            this.ycomp <  this.offset[1] + element.offsetHeight &&
            this.xcomp >= this.offset[0] &&
            this.xcomp <  this.offset[0] + element.offsetWidth);
  },

  overlap: function(mode, element) {
    if (!mode) return 0;
    if (mode == 'vertical')
      return ((this.offset[1] + element.offsetHeight) - this.ycomp) /
        element.offsetHeight;
    if (mode == 'horizontal')
      return ((this.offset[0] + element.offsetWidth) - this.xcomp) /
        element.offsetWidth;
  },


  cumulativeOffset: Element.Methods.cumulativeOffset,

  positionedOffset: Element.Methods.positionedOffset,

  absolutize: function(element) {
    Position.prepare();
    return Element.absolutize(element);
  },

  relativize: function(element) {
    Position.prepare();
    return Element.relativize(element);
  },

  realOffset: Element.Methods.cumulativeScrollOffset,

  offsetParent: Element.Methods.getOffsetParent,

  page: Element.Methods.viewportOffset,

  clone: function(source, target, options) {
    options = options || { };
    return Element.clonePosition(target, source, options);
  }
};

/*--------------------------------------------------------------------------*/

if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){
  function iter(name) {
    return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]";
  }

  instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ?
  function(element, className) {
    className = className.toString().strip();
    var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className);
    return cond ? document._getElementsByXPath('.//*' + cond, element) : [];
  } : function(element, className) {
    className = className.toString().strip();
    var elements = [], classNames = (/\s/.test(className) ? $w(className) : null);
    if (!classNames && !className) return elements;

    var nodes = $(element).getElementsByTagName('*');
    className = ' ' + className + ' ';

    for (var i = 0, child, cn; child = nodes[i]; i++) {
      if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) ||
          (classNames && classNames.all(function(name) {
            return !name.toString().blank() && cn.include(' ' + name + ' ');
          }))))
        elements.push(Element.extend(child));
    }
    return elements;
  };

  return function(className, parentElement) {
    return $(parentElement || document.body).getElementsByClassName(className);
  };
}(Element.Methods);

/*--------------------------------------------------------------------------*/

Element.ClassNames = Class.create();
Element.ClassNames.prototype = {
  initialize: function(element) {
    this.element = $(element);
  },

  _each: function(iterator) {
    this.element.className.split(/\s+/).select(function(name) {
      return name.length > 0;
    })._each(iterator);
  },

  set: function(className) {
    this.element.className = className;
  },

  add: function(classNameToAdd) {
    if (this.include(classNameToAdd)) return;
    this.set($A(this).concat(classNameToAdd).join(' '));
  },

  remove: function(classNameToRemove) {
    if (!this.include(classNameToRemove)) return;
    this.set($A(this).without(classNameToRemove).join(' '));
  },

  toString: function() {
    return $A(this).join(' ');
  }
};

Object.extend(Element.ClassNames.prototype, Enumerable);

/*--------------------------------------------------------------------------*/

String.prototype.parseColor = function() {
  var color = '#';
  if (this.slice(0,4) == 'rgb(') {
    var cols = this.slice(4,this.length-1).split(',');
    var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
  } else {
    if (this.slice(0,1) == '#') {
      if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
      if (this.length==7) color = this.toLowerCase();
    }
  }
  return (color.length==7 ? color : (arguments[0] || this));
};

/*--------------------------------------------------------------------------*/

Element.collectTextNodes = function(element) {
  return $A($(element).childNodes).collect( function(node) {
    return (node.nodeType==3 ? node.nodeValue :
      (node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
  }).flatten().join('');
};

Element.collectTextNodesIgnoreClass = function(element, className) {
  return $A($(element).childNodes).collect( function(node) {
    return (node.nodeType==3 ? node.nodeValue :
      ((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
        Element.collectTextNodesIgnoreClass(node, className) : ''));
  }).flatten().join('');
};

Element.setContentZoom = function(element, percent) {
  element = $(element);
  element.setStyle({fontSize: (percent/100) + 'em'});
  if (Prototype.Browser.WebKit) window.scrollBy(0,0);
  return element;
};

Element.getInlineOpacity = function(element){
  return $(element).style.opacity || '';
};

Element.forceRerendering = function(element) {
  try {
    element = $(element);
    var n = document.createTextNode(' ');
    element.appendChild(n);
    element.removeChild(n);
  } catch(e) { }
};

/*--------------------------------------------------------------------------*/

var Effect = {
  _elementDoesNotExistError: {
    name: 'ElementDoesNotExistError',
    message: 'The specified DOM element does not exist, but is required for this effect to operate'
  },
  Transitions: {
    linear: Prototype.K,
    sinoidal: function(pos) {
      return (-Math.cos(pos*Math.PI)/2) + .5;
    },
    reverse: function(pos) {
      return 1-pos;
    },
    flicker: function(pos) {
      var pos = ((-Math.cos(pos*Math.PI)/4) + .75) + Math.random()/4;
      return pos > 1 ? 1 : pos;
    },
    wobble: function(pos) {
      return (-Math.cos(pos*Math.PI*(9*pos))/2) + .5;
    },
    pulse: function(pos, pulses) {
      return (-Math.cos((pos*((pulses||5)-.5)*2)*Math.PI)/2) + .5;
    },
    spring: function(pos) {
      return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6));
    },
    none: function(pos) {
      return 0;
    },
    full: function(pos) {
      return 1;
    }
  },
  DefaultOptions: {
    duration:   1.0,   // seconds
    fps:        100,   // 100= assume 66fps max.
    sync:       false, // true for combining
    from:       0.0,
    to:         1.0,
    delay:      0.0,
    queue:      'parallel'
  },
  tagifyText: function(element) {
    var tagifyStyle = 'position:relative';
    if (Prototype.Browser.IE) tagifyStyle += ';zoom:1';

    element = $(element);
    $A(element.childNodes).each( function(child) {
      if (child.nodeType==3) {
        child.nodeValue.toArray().each( function(character) {
          element.insertBefore(
            new Element('span', {style: tagifyStyle}).update(
              character == ' ' ? String.fromCharCode(160) : character),
              child);
        });
        Element.remove(child);
      }
    });
  },
  multiple: function(element, effect) {
    var elements;
    if (((typeof element == 'object') ||
        Object.isFunction(element)) &&
       (element.length))
      elements = element;
    else
      elements = $(element).childNodes;

    var options = Object.extend({
      speed: 0.1,
      delay: 0.0
    }, arguments[2] || { });
    var masterDelay = options.delay;

    $A(elements).each( function(element, index) {
      new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
    });
  },
  PAIRS: {
    'slide':  ['SlideDown','SlideUp'],
    'blind':  ['BlindDown','BlindUp'],
    'appear': ['Appear','Fade']
  },
  toggle: function(element, effect) {
    element = $(element);
    effect = (effect || 'appear').toLowerCase();
    var options = Object.extend({
      queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
    }, arguments[2] || { });
    Effect[element.visible() ?
      Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
  }
};

Effect.DefaultOptions.transition = Effect.Transitions.sinoidal;

/* ------------- core effects ------------- */

Effect.ScopedQueue = Class.create(Enumerable, {
  initialize: function() {
    this.effects  = [];
    this.interval = null;
  },
  _each: function(iterator) {
    this.effects._each(iterator);
  },
  add: function(effect) {
    var timestamp = new Date().getTime();

    var position = Object.isString(effect.options.queue) ?
      effect.options.queue : effect.options.queue.position;

    switch(position) {
      case 'front':
        this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
            e.startOn  += effect.finishOn;
            e.finishOn += effect.finishOn;
          });
        break;
      case 'with-last':
        timestamp = this.effects.pluck('startOn').max() || timestamp;
        break;
      case 'end':
        timestamp = this.effects.pluck('finishOn').max() || timestamp;
        break;
    }

    effect.startOn  += timestamp;
    effect.finishOn += timestamp;

    if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
      this.effects.push(effect);

    if (!this.interval)
      this.interval = setInterval(this.loop.bind(this), 15);
  },
  remove: function(effect) {
    this.effects = this.effects.reject(function(e) { return e==effect });
    if (this.effects.length == 0) {
      clearInterval(this.interval);
      this.interval = null;
    }
  },
  loop: function() {
    var timePos = new Date().getTime();
    for(var i=0, len=this.effects.length;i<len;i++)
      this.effects[i] && this.effects[i].loop(timePos);
  }
});

Effect.Queues = {
  instances: $H(),
  get: function(queueName) {
    if (!Object.isString(queueName)) return queueName;

    return this.instances.get(queueName) ||
      this.instances.set(queueName, new Effect.ScopedQueue());
  }
};
Effect.Queue = Effect.Queues.get('global');

Effect.Base = Class.create({
  position: null,
  start: function(options) {
    if (options && options.transition === false) options.transition = Effect.Transitions.linear;
    this.options      = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { });
    this.currentFrame = 0;
    this.state        = 'idle';
    this.startOn      = this.options.delay*1000;
    this.finishOn     = this.startOn+(this.options.duration*1000);
    this.fromToDelta  = this.options.to-this.options.from;
    this.totalTime    = this.finishOn-this.startOn;
    this.totalFrames  = this.options.fps*this.options.duration;

    this.render = (function() {
      function dispatch(effect, eventName) {
        if (effect.options[eventName + 'Internal'])
          effect.options[eventName + 'Internal'](effect);
        if (effect.options[eventName])
          effect.options[eventName](effect);
      }

      return function(pos) {
        if (this.state === "idle") {
          this.state = "running";
          dispatch(this, 'beforeSetup');
          if (this.setup) this.setup();
          dispatch(this, 'afterSetup');
        }
        if (this.state === "running") {
          pos = (this.options.transition(pos) * this.fromToDelta) + this.options.from;
          this.position = pos;
          dispatch(this, 'beforeUpdate');
          if (this.update) this.update(pos);
          dispatch(this, 'afterUpdate');
        }
      };
    })();

    this.event('beforeStart');
    if (!this.options.sync)
      Effect.Queues.get(Object.isString(this.options.queue) ?
        'global' : this.options.queue.scope).add(this);
  },
  loop: function(timePos) {
    if (timePos >= this.startOn) {
      if (timePos >= this.finishOn) {
        this.render(1.0);
        this.cancel();
        this.event('beforeFinish');
        if (this.finish) this.finish();
        this.event('afterFinish');
        return;
      }
      var pos   = (timePos - this.startOn) / this.totalTime,
          frame = (pos * this.totalFrames).round();
      if (frame > this.currentFrame) {
        this.render(pos);
        this.currentFrame = frame;
      }
    }
  },
  cancel: function() {
    if (!this.options.sync)
      Effect.Queues.get(Object.isString(this.options.queue) ?
        'global' : this.options.queue.scope).remove(this);
    this.state = 'finished';
  },
  event: function(eventName) {
    if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
    if (this.options[eventName]) this.options[eventName](this);
  },
  inspect: function() {
    var data = $H();
    for(property in this)
      if (!Object.isFunction(this[property])) data.set(property, this[property]);
    return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>';
  }
});

Effect.Parallel = Class.create(Effect.Base, {
  initialize: function(effects) {
    this.effects = effects || [];
    this.start(arguments[1]);
  },
  update: function(position) {
    this.effects.invoke('render', position);
  },
  finish: function(position) {
    this.effects.each( function(effect) {
      effect.render(1.0);
      effect.cancel();
      effect.event('beforeFinish');
      if (effect.finish) effect.finish(position);
      effect.event('afterFinish');
    });
  }
});

Effect.Tween = Class.create(Effect.Base, {
  initialize: function(object, from, to) {
    object = Object.isString(object) ? $(object) : object;
    var args = $A(arguments), method = args.last(),
      options = args.length == 5 ? args[3] : null;
    this.method = Object.isFunction(method) ? method.bind(object) :
      Object.isFunction(object[method]) ? object[method].bind(object) :
      function(value) { object[method] = value };
    this.start(Object.extend({ from: from, to: to }, options || { }));
  },
  update: function(position) {
    this.method(position);
  }
});

Effect.Event = Class.create(Effect.Base, {
  initialize: function() {
    this.start(Object.extend({ duration: 0 }, arguments[0] || { }));
  },
  update: Prototype.emptyFunction
});

Effect.Opacity = Class.create(Effect.Base, {
  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
      this.element.setStyle({zoom: 1});
    var options = Object.extend({
      from: this.element.getOpacity() || 0.0,
      to:   1.0
    }, arguments[1] || { });
    this.start(options);
  },
  update: function(position) {
    this.element.setOpacity(position);
  }
});

Effect.Move = Class.create(Effect.Base, {
  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({
      x:    0,
      y:    0,
      mode: 'relative'
    }, arguments[1] || { });
    this.start(options);
  },
  setup: function() {
    this.element.makePositioned();
    this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
    this.originalTop  = parseFloat(this.element.getStyle('top')  || '0');
    if (this.options.mode == 'absolute') {
      this.options.x = this.options.x - this.originalLeft;
      this.options.y = this.options.y - this.originalTop;
    }
  },
  update: function(position) {
    this.element.setStyle({
      left: (this.options.x  * position + this.originalLeft).round() + 'px',
      top:  (this.options.y  * position + this.originalTop).round()  + 'px'
    });
  }
});

Effect.MoveBy = function(element, toTop, toLeft) {
  return new Effect.Move(element,
    Object.extend({ x: toLeft, y: toTop }, arguments[3] || { }));
};

Effect.Scale = Class.create(Effect.Base, {
  initialize: function(element, percent) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({
      scaleX: true,
      scaleY: true,
      scaleContent: true,
      scaleFromCenter: false,
      scaleMode: 'box',        // 'box' or 'contents' or { } with provided values
      scaleFrom: 100.0,
      scaleTo:   percent
    }, arguments[2] || { });
    this.start(options);
  },
  setup: function() {
    this.restoreAfterFinish = this.options.restoreAfterFinish || false;
    this.elementPositioning = this.element.getStyle('position');

    this.originalStyle = { };
    ['top','left','width','height','fontSize'].each( function(k) {
      this.originalStyle[k] = this.element.style[k];
    }.bind(this));

    this.originalTop  = this.element.offsetTop;
    this.originalLeft = this.element.offsetLeft;

    var fontSize = this.element.getStyle('font-size') || '100%';
    ['em','px','%','pt'].each( function(fontSizeType) {
      if (fontSize.indexOf(fontSizeType)>0) {
        this.fontSize     = parseFloat(fontSize);
        this.fontSizeType = fontSizeType;
      }
    }.bind(this));

    this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;

    this.dims = null;
    if (this.options.scaleMode=='box')
      this.dims = [this.element.offsetHeight, this.element.offsetWidth];
    if (/^content/.test(this.options.scaleMode))
      this.dims = [this.element.scrollHeight, this.element.scrollWidth];
    if (!this.dims)
      this.dims = [this.options.scaleMode.originalHeight,
                   this.options.scaleMode.originalWidth];
  },
  update: function(position) {
    var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
    if (this.options.scaleContent && this.fontSize)
      this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
    this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
  },
  finish: function(position) {
    if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
  },
  setDimensions: function(height, width) {
    var d = { };
    if (this.options.scaleX) d.width = width.round() + 'px';
    if (this.options.scaleY) d.height = height.round() + 'px';
    if (this.options.scaleFromCenter) {
      var topd  = (height - this.dims[0])/2;
      var leftd = (width  - this.dims[1])/2;
      if (this.elementPositioning == 'absolute') {
        if (this.options.scaleY) d.top = this.originalTop-topd + 'px';
        if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
      } else {
        if (this.options.scaleY) d.top = -topd + 'px';
        if (this.options.scaleX) d.left = -leftd + 'px';
      }
    }
    this.element.setStyle(d);
  }
});

Effect.Highlight = Class.create(Effect.Base, {
  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { });
    this.start(options);
  },
  setup: function() {
    if (this.element.getStyle('display')=='none') { this.cancel(); return; }
    this.oldStyle = { };
    if (!this.options.keepBackgroundImage) {
      this.oldStyle.backgroundImage = this.element.getStyle('background-image');
      this.element.setStyle({backgroundImage: 'none'});
    }
    if (!this.options.endcolor)
      this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
    if (!this.options.restorecolor)
      this.options.restorecolor = this.element.getStyle('background-color');
    this._base  = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
    this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
  },
  update: function(position) {
    this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
      return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) });
  },
  finish: function() {
    this.element.setStyle(Object.extend(this.oldStyle, {
      backgroundColor: this.options.restorecolor
    }));
  }
});

Effect.ScrollTo = function(element) {
  var options = arguments[1] || { },
  scrollOffsets = document.viewport.getScrollOffsets(),
  elementOffsets = $(element).cumulativeOffset();

  if (options.offset) elementOffsets[1] += options.offset;

  return new Effect.Tween(null,
    scrollOffsets.top,
    elementOffsets[1],
    options,
    function(p){ scrollTo(scrollOffsets.left, p.round()); }
  );
};

/* ------------- combination effects ------------- */

Effect.Fade = function(element) {
  element = $(element);
  var oldOpacity = element.getInlineOpacity();
  var options = Object.extend({
    from: element.getOpacity() || 1.0,
    to:   0.0,
    afterFinishInternal: function(effect) {
      if (effect.options.to!=0) return;
      effect.element.hide().setStyle({opacity: oldOpacity});
    }
  }, arguments[1] || { });
  return new Effect.Opacity(element,options);
};

Effect.Appear = function(element) {
  element = $(element);
  var options = Object.extend({
  from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
  to:   1.0,
  afterFinishInternal: function(effect) {
    effect.element.forceRerendering();
  },
  beforeSetup: function(effect) {
    effect.element.setOpacity(effect.options.from).show();
  }}, arguments[1] || { });
  return new Effect.Opacity(element,options);
};

Effect.Puff = function(element) {
  element = $(element);
  var oldStyle = {
    opacity: element.getInlineOpacity(),
    position: element.getStyle('position'),
    top:  element.style.top,
    left: element.style.left,
    width: element.style.width,
    height: element.style.height
  };
  return new Effect.Parallel(
   [ new Effect.Scale(element, 200,
      { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
     new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
     Object.extend({ duration: 1.0,
      beforeSetupInternal: function(effect) {
        Position.absolutize(effect.effects[0].element);
      },
      afterFinishInternal: function(effect) {
         effect.effects[0].element.hide().setStyle(oldStyle); }
     }, arguments[1] || { })
   );
};

Effect.BlindUp = function(element) {
  element = $(element);
  element.makeClipping();
  return new Effect.Scale(element, 0,
    Object.extend({ scaleContent: false,
      scaleX: false,
      restoreAfterFinish: true,
      afterFinishInternal: function(effect) {
        effect.element.hide().undoClipping();
      }
    }, arguments[1] || { })
  );
};

Effect.BlindDown = function(element) {
  element = $(element);
  var elementDimensions = element.getDimensions();
  return new Effect.Scale(element, 100, Object.extend({
    scaleContent: false,
    scaleX: false,
    scaleFrom: 0,
    scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
    restoreAfterFinish: true,
    afterSetup: function(effect) {
      effect.element.makeClipping().setStyle({height: '0px'}).show();
    },
    afterFinishInternal: function(effect) {
      effect.element.undoClipping();
    }
  }, arguments[1] || { }));
};

Effect.SwitchOff = function(element) {
  element = $(element);
  var oldOpacity = element.getInlineOpacity();
  return new Effect.Appear(element, Object.extend({
    duration: 0.4,
    from: 0,
    transition: Effect.Transitions.flicker,
    afterFinishInternal: function(effect) {
      new Effect.Scale(effect.element, 1, {
        duration: 0.3, scaleFromCenter: true,
        scaleX: false, scaleContent: false, restoreAfterFinish: true,
        beforeSetup: function(effect) {
          effect.element.makePositioned().makeClipping();
        },
        afterFinishInternal: function(effect) {
          effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity});
        }
      });
    }
  }, arguments[1] || { }));
};

Effect.DropOut = function(element) {
  element = $(element);
  var oldStyle = {
    top: element.getStyle('top'),
    left: element.getStyle('left'),
    opacity: element.getInlineOpacity() };
  return new Effect.Parallel(
    [ new Effect.Move(element, {x: 0, y: 100, sync: true }),
      new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
    Object.extend(
      { duration: 0.5,
        beforeSetup: function(effect) {
          effect.effects[0].element.makePositioned();
        },
        afterFinishInternal: function(effect) {
          effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle);
        }
      }, arguments[1] || { }));
};

Effect.Shake = function(element) {
  element = $(element);
  var options = Object.extend({
    distance: 20,
    duration: 0.5
  }, arguments[1] || {});
  var distance = parseFloat(options.distance);
  var split = parseFloat(options.duration) / 10.0;
  var oldStyle = {
    top: element.getStyle('top'),
    left: element.getStyle('left') };
    return new Effect.Move(element,
      { x:  distance, y: 0, duration: split, afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x: -distance*2, y: 0, duration: split*2,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x:  distance*2, y: 0, duration: split*2,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x: -distance*2, y: 0, duration: split*2,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x:  distance*2, y: 0, duration: split*2,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) {
        effect.element.undoPositioned().setStyle(oldStyle);
  }}); }}); }}); }}); }}); }});
};

Effect.SlideDown = function(element) {
  element = $(element).cleanWhitespace();
  var oldInnerBottom = element.down().getStyle('bottom');
  var elementDimensions = element.getDimensions();
  return new Effect.Scale(element, 100, Object.extend({
    scaleContent: false,
    scaleX: false,
    scaleFrom: window.opera ? 0 : 1,
    scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
    restoreAfterFinish: true,
    afterSetup: function(effect) {
      effect.element.makePositioned();
      effect.element.down().makePositioned();
      if (window.opera) effect.element.setStyle({top: ''});
      effect.element.makeClipping().setStyle({height: '0px'}).show();
    },
    afterUpdateInternal: function(effect) {
      effect.element.down().setStyle({bottom:
        (effect.dims[0] - effect.element.clientHeight) + 'px' });
    },
    afterFinishInternal: function(effect) {
      effect.element.undoClipping().undoPositioned();
      effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); }
    }, arguments[1] || { })
  );
};

Effect.SlideUp = function(element) {
  element = $(element).cleanWhitespace();
  var oldInnerBottom = element.down().getStyle('bottom');
  var elementDimensions = element.getDimensions();
  return new Effect.Scale(element, window.opera ? 0 : 1,
   Object.extend({ scaleContent: false,
    scaleX: false,
    scaleMode: 'box',
    scaleFrom: 100,
    scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
    restoreAfterFinish: true,
    afterSetup: function(effect) {
      effect.element.makePositioned();
      effect.element.down().makePositioned();
      if (window.opera) effect.element.setStyle({top: ''});
      effect.element.makeClipping().show();
    },
    afterUpdateInternal: function(effect) {
      effect.element.down().setStyle({bottom:
        (effect.dims[0] - effect.element.clientHeight) + 'px' });
    },
    afterFinishInternal: function(effect) {
      effect.element.hide().undoClipping().undoPositioned();
      effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom});
    }
   }, arguments[1] || { })
  );
};

Effect.Squish = function(element) {
  return new Effect.Scale(element, window.opera ? 1 : 0, {
    restoreAfterFinish: true,
    beforeSetup: function(effect) {
      effect.element.makeClipping();
    },
    afterFinishInternal: function(effect) {
      effect.element.hide().undoClipping();
    }
  });
};

Effect.Grow = function(element) {
  element = $(element);
  var options = Object.extend({
    direction: 'center',
    moveTransition: Effect.Transitions.sinoidal,
    scaleTransition: Effect.Transitions.sinoidal,
    opacityTransition: Effect.Transitions.full
  }, arguments[1] || { });
  var oldStyle = {
    top: element.style.top,
    left: element.style.left,
    height: element.style.height,
    width: element.style.width,
    opacity: element.getInlineOpacity() };

  var dims = element.getDimensions();
  var initialMoveX, initialMoveY;
  var moveX, moveY;

  switch (options.direction) {
    case 'top-left':
      initialMoveX = initialMoveY = moveX = moveY = 0;
      break;
    case 'top-right':
      initialMoveX = dims.width;
      initialMoveY = moveY = 0;
      moveX = -dims.width;
      break;
    case 'bottom-left':
      initialMoveX = moveX = 0;
      initialMoveY = dims.height;
      moveY = -dims.height;
      break;
    case 'bottom-right':
      initialMoveX = dims.width;
      initialMoveY = dims.height;
      moveX = -dims.width;
      moveY = -dims.height;
      break;
    case 'center':
      initialMoveX = dims.width / 2;
      initialMoveY = dims.height / 2;
      moveX = -dims.width / 2;
      moveY = -dims.height / 2;
      break;
  }

  return new Effect.Move(element, {
    x: initialMoveX,
    y: initialMoveY,
    duration: 0.01,
    beforeSetup: function(effect) {
      effect.element.hide().makeClipping().makePositioned();
    },
    afterFinishInternal: function(effect) {
      new Effect.Parallel(
        [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
          new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
          new Effect.Scale(effect.element, 100, {
            scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
            sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
        ], Object.extend({
             beforeSetup: function(effect) {
               effect.effects[0].element.setStyle({height: '0px'}).show();
             },
             afterFinishInternal: function(effect) {
               effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle);
             }
           }, options)
      );
    }
  });
};

Effect.Shrink = function(element) {
  element = $(element);
  var options = Object.extend({
    direction: 'center',
    moveTransition: Effect.Transitions.sinoidal,
    scaleTransition: Effect.Transitions.sinoidal,
    opacityTransition: Effect.Transitions.none
  }, arguments[1] || { });
  var oldStyle = {
    top: element.style.top,
    left: element.style.left,
    height: element.style.height,
    width: element.style.width,
    opacity: element.getInlineOpacity() };

  var dims = element.getDimensions();
  var moveX, moveY;

  switch (options.direction) {
    case 'top-left':
      moveX = moveY = 0;
      break;
    case 'top-right':
      moveX = dims.width;
      moveY = 0;
      break;
    case 'bottom-left':
      moveX = 0;
      moveY = dims.height;
      break;
    case 'bottom-right':
      moveX = dims.width;
      moveY = dims.height;
      break;
    case 'center':
      moveX = dims.width / 2;
      moveY = dims.height / 2;
      break;
  }

  return new Effect.Parallel(
    [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
      new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
      new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
    ], Object.extend({
         beforeStartInternal: function(effect) {
           effect.effects[0].element.makePositioned().makeClipping();
         },
         afterFinishInternal: function(effect) {
           effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); }
       }, options)
  );
};

Effect.Pulsate = function(element) {
  element = $(element);
  var options    = arguments[1] || { },
    oldOpacity = element.getInlineOpacity(),
    transition = options.transition || Effect.Transitions.linear,
    reverser   = function(pos){
      return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5);
    };

  return new Effect.Opacity(element,
    Object.extend(Object.extend({  duration: 2.0, from: 0,
      afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
    }, options), {transition: reverser}));
};

Effect.Fold = function(element) {
  element = $(element);
  var oldStyle = {
    top: element.style.top,
    left: element.style.left,
    width: element.style.width,
    height: element.style.height };
  element.makeClipping();
  return new Effect.Scale(element, 5, Object.extend({
    scaleContent: false,
    scaleX: false,
    afterFinishInternal: function(effect) {
    new Effect.Scale(element, 1, {
      scaleContent: false,
      scaleY: false,
      afterFinishInternal: function(effect) {
        effect.element.hide().undoClipping().setStyle(oldStyle);
      } });
  }}, arguments[1] || { }));
};

Effect.Morph = Class.create(Effect.Base, {
  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({
      style: { }
    }, arguments[1] || { });

    if (!Object.isString(options.style)) this.style = $H(options.style);
    else {
      if (options.style.include(':'))
        this.style = options.style.parseStyle();
      else {
        this.element.addClassName(options.style);
        this.style = $H(this.element.getStyles());
        this.element.removeClassName(options.style);
        var css = this.element.getStyles();
        this.style = this.style.reject(function(style) {
          return style.value == css[style.key];
        });
        options.afterFinishInternal = function(effect) {
          effect.element.addClassName(effect.options.style);
          effect.transforms.each(function(transform) {
            effect.element.style[transform.style] = '';
          });
        };
      }
    }
    this.start(options);
  },

  setup: function(){
    function parseColor(color){
      if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff';
      color = color.parseColor();
      return $R(0,2).map(function(i){
        return parseInt( color.slice(i*2+1,i*2+3), 16 );
      });
    }
    this.transforms = this.style.map(function(pair){
      var property = pair[0], value = pair[1], unit = null;

      if (value.parseColor('#zzzzzz') != '#zzzzzz') {
        value = value.parseColor();
        unit  = 'color';
      } else if (property == 'opacity') {
        value = parseFloat(value);
        if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
          this.element.setStyle({zoom: 1});
      } else if (Element.CSS_LENGTH.test(value)) {
          var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/);
          value = parseFloat(components[1]);
          unit = (components.length == 3) ? components[2] : null;
      }

      var originalValue = this.element.getStyle(property);
      return {
        style: property.camelize(),
        originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0),
        targetValue: unit=='color' ? parseColor(value) : value,
        unit: unit
      };
    }.bind(this)).reject(function(transform){
      return (
        (transform.originalValue == transform.targetValue) ||
        (
          transform.unit != 'color' &&
          (isNaN(transform.originalValue) || isNaN(transform.targetValue))
        )
      );
    });
  },
  update: function(position) {
    var style = { }, transform, i = this.transforms.length;
    while(i--)
      style[(transform = this.transforms[i]).style] =
        transform.unit=='color' ? '#'+
          (Math.round(transform.originalValue[0]+
            (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() +
          (Math.round(transform.originalValue[1]+
            (transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() +
          (Math.round(transform.originalValue[2]+
            (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() :
        (transform.originalValue +
          (transform.targetValue - transform.originalValue) * position).toFixed(3) +
            (transform.unit === null ? '' : transform.unit);
    this.element.setStyle(style, true);
  }
});

Effect.Transform = Class.create({
  initialize: function(tracks){
    this.tracks  = [];
    this.options = arguments[1] || { };
    this.addTracks(tracks);
  },
  addTracks: function(tracks){
    tracks.each(function(track){
      track = $H(track);
      var data = track.values().first();
      this.tracks.push($H({
        ids:     track.keys().first(),
        effect:  Effect.Morph,
        options: { style: data }
      }));
    }.bind(this));
    return this;
  },
  play: function(){
    return new Effect.Parallel(
      this.tracks.map(function(track){
        var ids = track.get('ids'), effect = track.get('effect'), options = track.get('options');
        var elements = [$(ids) || $$(ids)].flatten();
        return elements.map(function(e){ return new effect(e, Object.extend({ sync:true }, options)) });
      }).flatten(),
      this.options
    );
  }
});

Element.CSS_PROPERTIES = $w(
  'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' +
  'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
  'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
  'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
  'fontSize fontWeight height left letterSpacing lineHeight ' +
  'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
  'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
  'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
  'right textIndent top width wordSpacing zIndex');

Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;

String.__parseStyleElement = document.createElement('div');
String.prototype.parseStyle = function(){
  var style, styleRules = $H();
  if (Prototype.Browser.WebKit)
    style = new Element('div',{style:this}).style;
  else {
    String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>';
    style = String.__parseStyleElement.childNodes[0].style;
  }

  Element.CSS_PROPERTIES.each(function(property){
    if (style[property]) styleRules.set(property, style[property]);
  });

  if (Prototype.Browser.IE && this.include('opacity'))
    styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]);

  return styleRules;
};

if (document.defaultView && document.defaultView.getComputedStyle) {
  Element.getStyles = function(element) {
    var css = document.defaultView.getComputedStyle($(element), null);
    return Element.CSS_PROPERTIES.inject({ }, function(styles, property) {
      styles[property] = css[property];
      return styles;
    });
  };
} else {
  Element.getStyles = function(element) {
    element = $(element);
    var css = element.currentStyle, styles;
    styles = Element.CSS_PROPERTIES.inject({ }, function(results, property) {
      results[property] = css[property];
      return results;
    });
    if (!styles.opacity) styles.opacity = element.getOpacity();
    return styles;
  };
}

Effect.Methods = {
  morph: function(element, style) {
    element = $(element);
    new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { }));
    return element;
  },
  visualEffect: function(element, effect, options) {
    element = $(element);
    var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1);
    new Effect[klass](element, options);
    return element;
  },
  highlight: function(element, options) {
    element = $(element);
    new Effect.Highlight(element, options);
    return element;
  }
};

$w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+
  'pulsate shake puff squish switchOff dropOut').each(
  function(effect) {
    Effect.Methods[effect] = function(element, options){
      element = $(element);
      Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options);
      return element;
    };
  }
);

$w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each(
  function(f) { Effect.Methods[f] = Element[f]; }
);

Element.addMethods(Effect.Methods);

if(Object.isUndefined(Effect))
  throw("dragdrop.js requires including script.aculo.us' effects.js library");

var Droppables = {
  drops: [],

  remove: function(element) {
    this.drops = this.drops.reject(function(d) { return d.element==$(element) });
  },

  add: function(element) {
    element = $(element);
    var options = Object.extend({
      greedy:     true,
      hoverclass: null,
      tree:       false
    }, arguments[1] || { });

    if(options.containment) {
      options._containers = [];
      var containment = options.containment;
      if(Object.isArray(containment)) {
        containment.each( function(c) { options._containers.push($(c)) });
      } else {
        options._containers.push($(containment));
      }
    }

    if(options.accept) options.accept = [options.accept].flatten();

    Element.makePositioned(element); // fix IE
    options.element = element;

    this.drops.push(options);
  },

  findDeepestChild: function(drops) {
    deepest = drops[0];

    for (i = 1; i < drops.length; ++i)
      if (Element.isParent(drops[i].element, deepest.element))
        deepest = drops[i];

    return deepest;
  },

  isContained: function(element, drop) {
    var containmentNode;
    if(drop.tree) {
      containmentNode = element.treeNode;
    } else {
      containmentNode = element.parentNode;
    }
    return drop._containers.detect(function(c) { return containmentNode == c });
  },

  isAffected: function(point, element, drop) {
    return (
      (drop.element!=element) &&
      ((!drop._containers) ||
        this.isContained(element, drop)) &&
      ((!drop.accept) ||
        (Element.classNames(element).detect(
          function(v) { return drop.accept.include(v) } ) )) &&
      Position.within(drop.element, point[0], point[1]) );
  },

  deactivate: function(drop) {
    if(drop.hoverclass)
      Element.removeClassName(drop.element, drop.hoverclass);
    this.last_active = null;
  },

  activate: function(drop) {
    if(drop.hoverclass)
      Element.addClassName(drop.element, drop.hoverclass);
    this.last_active = drop;
  },

  show: function(point, element) {
    if(!this.drops.length) return;
    var drop, affected = [];

    this.drops.each( function(drop) {
      if(Droppables.isAffected(point, element, drop))
        affected.push(drop);
    });

    if(affected.length>0)
      drop = Droppables.findDeepestChild(affected);

    if(this.last_active && this.last_active != drop) this.deactivate(this.last_active);
    if (drop) {
      Position.within(drop.element, point[0], point[1]);
      if(drop.onHover)
        drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element));

      if (drop != this.last_active) Droppables.activate(drop);
    }
  },

  fire: function(event, element) {
    if(!this.last_active) return;
    Position.prepare();

    if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active))
      if (this.last_active.onDrop) {
        this.last_active.onDrop(element, this.last_active.element, event);
        return true;
      }
  },

  reset: function() {
    if(this.last_active)
      this.deactivate(this.last_active);
  }
};

var Draggables = {
  drags: [],
  observers: [],

  register: function(draggable) {
    if(this.drags.length == 0) {
      this.eventMouseUp   = this.endDrag.bindAsEventListener(this);
      this.eventMouseMove = this.updateDrag.bindAsEventListener(this);
      this.eventKeypress  = this.keyPress.bindAsEventListener(this);

      Event.observe(document, "mouseup", this.eventMouseUp);
      Event.observe(document, "mousemove", this.eventMouseMove);
      Event.observe(document, "keypress", this.eventKeypress);
    }
    this.drags.push(draggable);
  },

  unregister: function(draggable) {
    this.drags = this.drags.reject(function(d) { return d==draggable });
    if(this.drags.length == 0) {
      Event.stopObserving(document, "mouseup", this.eventMouseUp);
      Event.stopObserving(document, "mousemove", this.eventMouseMove);
      Event.stopObserving(document, "keypress", this.eventKeypress);
    }
  },

  activate: function(draggable) {
    if(draggable.options.delay) {
      this._timeout = setTimeout(function() {
        Draggables._timeout = null;
        window.focus();
        Draggables.activeDraggable = draggable;
      }.bind(this), draggable.options.delay);
    } else {
      window.focus(); // allows keypress events if window isn't currently focused, fails for Safari
      this.activeDraggable = draggable;
    }
  },

  deactivate: function() {
    this.activeDraggable = null;
  },

  updateDrag: function(event) {
    if(!this.activeDraggable) return;
    var pointer = [Event.pointerX(event), Event.pointerY(event)];
    if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return;
    this._lastPointer = pointer;

    this.activeDraggable.updateDrag(event, pointer);
  },

  endDrag: function(event) {
    if(this._timeout) {
      clearTimeout(this._timeout);
      this._timeout = null;
    }
    if(!this.activeDraggable) return;
    this._lastPointer = null;
    this.activeDraggable.endDrag(event);
    this.activeDraggable = null;
  },

  keyPress: function(event) {
    if(this.activeDraggable)
      this.activeDraggable.keyPress(event);
  },

  addObserver: function(observer) {
    this.observers.push(observer);
    this._cacheObserverCallbacks();
  },

  removeObserver: function(element) {  // element instead of observer fixes mem leaks
    this.observers = this.observers.reject( function(o) { return o.element==element });
    this._cacheObserverCallbacks();
  },

  notify: function(eventName, draggable, event) {  // 'onStart', 'onEnd', 'onDrag'
    if(this[eventName+'Count'] > 0)
      this.observers.each( function(o) {
        if(o[eventName]) o[eventName](eventName, draggable, event);
      });
    if(draggable.options[eventName]) draggable.options[eventName](draggable, event);
  },

  _cacheObserverCallbacks: function() {
    ['onStart','onEnd','onDrag'].each( function(eventName) {
      Draggables[eventName+'Count'] = Draggables.observers.select(
        function(o) { return o[eventName]; }
      ).length;
    });
  }
};

/*--------------------------------------------------------------------------*/

var Draggable = Class.create({
  initialize: function(element) {
    var defaults = {
      handle: false,
      reverteffect: function(element, top_offset, left_offset) {
        var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
        new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur,
          queue: {scope:'_draggable', position:'end'}
        });
      },
      endeffect: function(element) {
        var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0;
        new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity,
          queue: {scope:'_draggable', position:'end'},
          afterFinish: function(){
            Draggable._dragging[element] = false
          }
        });
      },
      zindex: 1000,
      revert: false,
      quiet: false,
      scroll: false,
      scrollSensitivity: 20,
      scrollSpeed: 15,
      snap: false,  // false, or xy or [x,y] or function(x,y){ return [x,y] }
      delay: 0
    };

    if(!arguments[1] || Object.isUndefined(arguments[1].endeffect))
      Object.extend(defaults, {
        starteffect: function(element) {
          element._opacity = Element.getOpacity(element);
          Draggable._dragging[element] = true;
          new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
        }
      });

    var options = Object.extend(defaults, arguments[1] || { });

    this.element = $(element);

    if(options.handle && Object.isString(options.handle))
      this.handle = this.element.down('.'+options.handle, 0);

    if(!this.handle) this.handle = $(options.handle);
    if(!this.handle) this.handle = this.element;

    if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) {
      options.scroll = $(options.scroll);
      this._isScrollChild = Element.childOf(this.element, options.scroll);
    }

    Element.makePositioned(this.element); // fix IE

    this.options  = options;
    this.dragging = false;

    this.eventMouseDown = this.initDrag.bindAsEventListener(this);
    Event.observe(this.handle, "mousedown", this.eventMouseDown);

    Draggables.register(this);
  },

  destroy: function() {
    Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
    Draggables.unregister(this);
  },

  currentDelta: function() {
    return([
      parseInt(Element.getStyle(this.element,'left') || '0'),
      parseInt(Element.getStyle(this.element,'top') || '0')]);
  },

  initDrag: function(event) {
    if(!Object.isUndefined(Draggable._dragging[this.element]) &&
      Draggable._dragging[this.element]) return;
    if(Event.isLeftClick(event)) {
      var src = Event.element(event);
      if((tag_name = src.tagName.toUpperCase()) && (
        tag_name=='INPUT' ||
        tag_name=='SELECT' ||
        tag_name=='OPTION' ||
        tag_name=='BUTTON' ||
        tag_name=='TEXTAREA')) return;

      var pointer = [Event.pointerX(event), Event.pointerY(event)];
      var pos     = Position.cumulativeOffset(this.element);
      this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) });

      Draggables.activate(this);
      Event.stop(event);
    }
  },

  startDrag: function(event) {
    this.dragging = true;
    if(!this.delta)
      this.delta = this.currentDelta();

    if(this.options.zindex) {
      this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
      this.element.style.zIndex = this.options.zindex;
    }

    if(this.options.ghosting) {
      this._clone = this.element.cloneNode(true);
      this._originallyAbsolute = (this.element.getStyle('position') == 'absolute');
      if (!this._originallyAbsolute)
        Position.absolutize(this.element);
      this.element.parentNode.insertBefore(this._clone, this.element);
    }

    if(this.options.scroll) {
      if (this.options.scroll == window) {
        var where = this._getWindowScroll(this.options.scroll);
        this.originalScrollLeft = where.left;
        this.originalScrollTop = where.top;
      } else {
        this.originalScrollLeft = this.options.scroll.scrollLeft;
        this.originalScrollTop = this.options.scroll.scrollTop;
      }
    }

    Draggables.notify('onStart', this, event);

    if(this.options.starteffect) this.options.starteffect(this.element);
  },

  updateDrag: function(event, pointer) {
    if(!this.dragging) this.startDrag(event);

    if(!this.options.quiet){
      Position.prepare();
      Droppables.show(pointer, this.element);
    }

    Draggables.notify('onDrag', this, event);

    this.draw(pointer);
    if(this.options.change) this.options.change(this);

    if(this.options.scroll) {
      this.stopScrolling();

      var p;
      if (this.options.scroll == window) {
        with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
      } else {
        p = Position.page(this.options.scroll);
        p[0] += this.options.scroll.scrollLeft + Position.deltaX;
        p[1] += this.options.scroll.scrollTop + Position.deltaY;
        p.push(p[0]+this.options.scroll.offsetWidth);
        p.push(p[1]+this.options.scroll.offsetHeight);
      }
      var speed = [0,0];
      if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);
      if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);
      if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);
      if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);
      this.startScrolling(speed);
    }

    if(Prototype.Browser.WebKit) window.scrollBy(0,0);

    Event.stop(event);
  },

  finishDrag: function(event, success) {
    this.dragging = false;

    if(this.options.quiet){
      Position.prepare();
      var pointer = [Event.pointerX(event), Event.pointerY(event)];
      Droppables.show(pointer, this.element);
    }

    if(this.options.ghosting) {
      if (!this._originallyAbsolute)
        Position.relativize(this.element);
      delete this._originallyAbsolute;
      Element.remove(this._clone);
      this._clone = null;
    }

    var dropped = false;
    if(success) {
      dropped = Droppables.fire(event, this.element);
      if (!dropped) dropped = false;
    }
    if(dropped && this.options.onDropped) this.options.onDropped(this.element);
    Draggables.notify('onEnd', this, event);

    var revert = this.options.revert;
    if(revert && Object.isFunction(revert)) revert = revert(this.element);

    var d = this.currentDelta();
    if(revert && this.options.reverteffect) {
      if (dropped == 0 || revert != 'failure')
        this.options.reverteffect(this.element,
          d[1]-this.delta[1], d[0]-this.delta[0]);
    } else {
      this.delta = d;
    }

    if(this.options.zindex)
      this.element.style.zIndex = this.originalZ;

    if(this.options.endeffect)
      this.options.endeffect(this.element);

    Draggables.deactivate(this);
    Droppables.reset();
  },

  keyPress: function(event) {
    if(event.keyCode!=Event.KEY_ESC) return;
    this.finishDrag(event, false);
    Event.stop(event);
  },

  endDrag: function(event) {
    if(!this.dragging) return;
    this.stopScrolling();
    this.finishDrag(event, true);
    Event.stop(event);
  },

  draw: function(point) {
    var pos = Position.cumulativeOffset(this.element);
    if(this.options.ghosting) {
      var r   = Position.realOffset(this.element);
      pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY;
    }

    var d = this.currentDelta();
    pos[0] -= d[0]; pos[1] -= d[1];

    if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) {
      pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;
      pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;
    }

    var p = [0,1].map(function(i){
      return (point[i]-pos[i]-this.offset[i])
    }.bind(this));

    if(this.options.snap) {
      if(Object.isFunction(this.options.snap)) {
        p = this.options.snap(p[0],p[1],this);
      } else {
      if(Object.isArray(this.options.snap)) {
        p = p.map( function(v, i) {
          return (v/this.options.snap[i]).round()*this.options.snap[i] }.bind(this));
      } else {
        p = p.map( function(v) {
          return (v/this.options.snap).round()*this.options.snap }.bind(this));
      }
    }}

    var style = this.element.style;
    if((!this.options.constraint) || (this.options.constraint=='horizontal'))
      style.left = p[0] + "px";
    if((!this.options.constraint) || (this.options.constraint=='vertical'))
      style.top  = p[1] + "px";

    if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering
  },

  stopScrolling: function() {
    if(this.scrollInterval) {
      clearInterval(this.scrollInterval);
      this.scrollInterval = null;
      Draggables._lastScrollPointer = null;
    }
  },

  startScrolling: function(speed) {
    if(!(speed[0] || speed[1])) return;
    this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
    this.lastScrolled = new Date();
    this.scrollInterval = setInterval(this.scroll.bind(this), 10);
  },

  scroll: function() {
    var current = new Date();
    var delta = current - this.lastScrolled;
    this.lastScrolled = current;
    if(this.options.scroll == window) {
      with (this._getWindowScroll(this.options.scroll)) {
        if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
          var d = delta / 1000;
          this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
        }
      }
    } else {
      this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
      this.options.scroll.scrollTop  += this.scrollSpeed[1] * delta / 1000;
    }

    Position.prepare();
    Droppables.show(Draggables._lastPointer, this.element);
    Draggables.notify('onDrag', this);
    if (this._isScrollChild) {
      Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer);
      Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;
      Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;
      if (Draggables._lastScrollPointer[0] < 0)
        Draggables._lastScrollPointer[0] = 0;
      if (Draggables._lastScrollPointer[1] < 0)
        Draggables._lastScrollPointer[1] = 0;
      this.draw(Draggables._lastScrollPointer);
    }

    if(this.options.change) this.options.change(this);
  },

  _getWindowScroll: function(w) {
    var T, L, W, H;
    with (w.document) {
      if (w.document.documentElement && documentElement.scrollTop) {
        T = documentElement.scrollTop;
        L = documentElement.scrollLeft;
      } else if (w.document.body) {
        T = body.scrollTop;
        L = body.scrollLeft;
      }
      if (w.innerWidth) {
        W = w.innerWidth;
        H = w.innerHeight;
      } else if (w.document.documentElement && documentElement.clientWidth) {
        W = documentElement.clientWidth;
        H = documentElement.clientHeight;
      } else {
        W = body.offsetWidth;
        H = body.offsetHeight;
      }
    }
    return { top: T, left: L, width: W, height: H };
  }
});

Draggable._dragging = { };

/*--------------------------------------------------------------------------*/

var SortableObserver = Class.create({
  initialize: function(element, observer) {
    this.element   = $(element);
    this.observer  = observer;
    this.lastValue = Sortable.serialize(this.element);
  },

  onStart: function() {
    this.lastValue = Sortable.serialize(this.element);
  },

  onEnd: function() {
    Sortable.unmark();
    if(this.lastValue != Sortable.serialize(this.element))
      this.observer(this.element)
  }
});

var Sortable = {
  SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/,

  sortables: { },

  _findRootElement: function(element) {
    while (element.tagName.toUpperCase() != "BODY") {
      if(element.id && Sortable.sortables[element.id]) return element;
      element = element.parentNode;
    }
  },

  options: function(element) {
    element = Sortable._findRootElement($(element));
    if(!element) return;
    return Sortable.sortables[element.id];
  },

  destroy: function(element){
    element = $(element);
    var s = Sortable.sortables[element.id];

    if(s) {
      Draggables.removeObserver(s.element);
      s.droppables.each(function(d){ Droppables.remove(d) });
      s.draggables.invoke('destroy');

      delete Sortable.sortables[s.element.id];
    }
  },

  create: function(element) {
    element = $(element);
    var options = Object.extend({
      element:     element,
      tag:         'li',       // assumes li children, override with tag: 'tagname'
      dropOnEmpty: false,
      tree:        false,
      treeTag:     'ul',
      overlap:     'vertical', // one of 'vertical', 'horizontal'
      constraint:  'vertical', // one of 'vertical', 'horizontal', false
      containment: element,    // also takes array of elements (or id's); or false
      handle:      false,      // or a CSS class
      only:        false,
      delay:       0,
      hoverclass:  null,
      ghosting:    false,
      quiet:       false,
      scroll:      false,
      scrollSensitivity: 20,
      scrollSpeed: 15,
      format:      this.SERIALIZE_RULE,

      elements:    false,
      handles:     false,

      onChange:    Prototype.emptyFunction,
      onUpdate:    Prototype.emptyFunction
    }, arguments[1] || { });

    this.destroy(element);

    var options_for_draggable = {
      revert:      true,
      quiet:       options.quiet,
      scroll:      options.scroll,
      scrollSpeed: options.scrollSpeed,
      scrollSensitivity: options.scrollSensitivity,
      delay:       options.delay,
      ghosting:    options.ghosting,
      constraint:  options.constraint,
      handle:      options.handle };

    if(options.starteffect)
      options_for_draggable.starteffect = options.starteffect;

    if(options.reverteffect)
      options_for_draggable.reverteffect = options.reverteffect;
    else
      if(options.ghosting) options_for_draggable.reverteffect = function(element) {
        element.style.top  = 0;
        element.style.left = 0;
      };

    if(options.endeffect)
      options_for_draggable.endeffect = options.endeffect;

    if(options.zindex)
      options_for_draggable.zindex = options.zindex;

    var options_for_droppable = {
      overlap:     options.overlap,
      containment: options.containment,
      tree:        options.tree,
      hoverclass:  options.hoverclass,
      onHover:     Sortable.onHover
    };

    var options_for_tree = {
      onHover:      Sortable.onEmptyHover,
      overlap:      options.overlap,
      containment:  options.containment,
      hoverclass:   options.hoverclass
    };

    Element.cleanWhitespace(element);

    options.draggables = [];
    options.droppables = [];

    if(options.dropOnEmpty || options.tree) {
      Droppables.add(element, options_for_tree);
      options.droppables.push(element);
    }

    (options.elements || this.findElements(element, options) || []).each( function(e,i) {
      var handle = options.handles ? $(options.handles[i]) :
        (options.handle ? $(e).select('.' + options.handle)[0] : e);
      options.draggables.push(
        new Draggable(e, Object.extend(options_for_draggable, { handle: handle })));
      Droppables.add(e, options_for_droppable);
      if(options.tree) e.treeNode = element;
      options.droppables.push(e);
    });

    if(options.tree) {
      (Sortable.findTreeElements(element, options) || []).each( function(e) {
        Droppables.add(e, options_for_tree);
        e.treeNode = element;
        options.droppables.push(e);
      });
    }

    this.sortables[element.id] = options;

    Draggables.addObserver(new SortableObserver(element, options.onUpdate));

  },

  findElements: function(element, options) {
    return Element.findChildren(
      element, options.only, options.tree ? true : false, options.tag);
  },

  findTreeElements: function(element, options) {
    return Element.findChildren(
      element, options.only, options.tree ? true : false, options.treeTag);
  },

  onHover: function(element, dropon, overlap) {
    if(Element.isParent(dropon, element)) return;

    if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) {
      return;
    } else if(overlap>0.5) {
      Sortable.mark(dropon, 'before');
      if(dropon.previousSibling != element) {
        var oldParentNode = element.parentNode;
        element.style.visibility = "hidden"; // fix gecko rendering
        dropon.parentNode.insertBefore(element, dropon);
        if(dropon.parentNode!=oldParentNode)
          Sortable.options(oldParentNode).onChange(element);
        Sortable.options(dropon.parentNode).onChange(element);
      }
    } else {
      Sortable.mark(dropon, 'after');
      var nextElement = dropon.nextSibling || null;
      if(nextElement != element) {
        var oldParentNode = element.parentNode;
        element.style.visibility = "hidden"; // fix gecko rendering
        dropon.parentNode.insertBefore(element, nextElement);
        if(dropon.parentNode!=oldParentNode)
          Sortable.options(oldParentNode).onChange(element);
        Sortable.options(dropon.parentNode).onChange(element);
      }
    }
  },

  onEmptyHover: function(element, dropon, overlap) {
    var oldParentNode = element.parentNode;
    var droponOptions = Sortable.options(dropon);

    if(!Element.isParent(dropon, element)) {
      var index;

      var children = Sortable.findElements(dropon, {tag: droponOptions.tag, only: droponOptions.only});
      var child = null;

      if(children) {
        var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap);

        for (index = 0; index < children.length; index += 1) {
          if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) {
            offset -= Element.offsetSize (children[index], droponOptions.overlap);
          } else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) {
            child = index + 1 < children.length ? children[index + 1] : null;
            break;
          } else {
            child = children[index];
            break;
          }
        }
      }

      dropon.insertBefore(element, child);

      Sortable.options(oldParentNode).onChange(element);
      droponOptions.onChange(element);
    }
  },

  unmark: function() {
    if(Sortable._marker) Sortable._marker.hide();
  },

  mark: function(dropon, position) {
    var sortable = Sortable.options(dropon.parentNode);
    if(sortable && !sortable.ghosting) return;

    if(!Sortable._marker) {
      Sortable._marker =
        ($('dropmarker') || Element.extend(document.createElement('DIV'))).
          hide().addClassName('dropmarker').setStyle({position:'absolute'});
      document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);
    }
    var offsets = Position.cumulativeOffset(dropon);
    Sortable._marker.setStyle({left: offsets[0]+'px', top: offsets[1] + 'px'});

    if(position=='after')
      if(sortable.overlap == 'horizontal')
        Sortable._marker.setStyle({left: (offsets[0]+dropon.clientWidth) + 'px'});
      else
        Sortable._marker.setStyle({top: (offsets[1]+dropon.clientHeight) + 'px'});

    Sortable._marker.show();
  },

  _tree: function(element, options, parent) {
    var children = Sortable.findElements(element, options) || [];

    for (var i = 0; i < children.length; ++i) {
      var match = children[i].id.match(options.format);

      if (!match) continue;

      var child = {
        id: encodeURIComponent(match ? match[1] : null),
        element: element,
        parent: parent,
        children: [],
        position: parent.children.length,
        container: $(children[i]).down(options.treeTag)
      };

      /* Get the element containing the children and recurse over it */
      if (child.container)
        this._tree(child.container, options, child);

      parent.children.push (child);
    }

    return parent;
  },

  tree: function(element) {
    element = $(element);
    var sortableOptions = this.options(element);
    var options = Object.extend({
      tag: sortableOptions.tag,
      treeTag: sortableOptions.treeTag,
      only: sortableOptions.only,
      name: element.id,
      format: sortableOptions.format
    }, arguments[1] || { });

    var root = {
      id: null,
      parent: null,
      children: [],
      container: element,
      position: 0
    };

    return Sortable._tree(element, options, root);
  },

  /* Construct a [i] index for a particular node */
  _constructIndex: function(node) {
    var index = '';
    do {
      if (node.id) index = '[' + node.position + ']' + index;
    } while ((node = node.parent) != null);
    return index;
  },

  sequence: function(element) {
    element = $(element);
    var options = Object.extend(this.options(element), arguments[1] || { });

    return $(this.findElements(element, options) || []).map( function(item) {
      return item.id.match(options.format) ? item.id.match(options.format)[1] : '';
    });
  },

  setSequence: function(element, new_sequence) {
    element = $(element);
    var options = Object.extend(this.options(element), arguments[2] || { });

    var nodeMap = { };
    this.findElements(element, options).each( function(n) {
        if (n.id.match(options.format))
            nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode];
        n.parentNode.removeChild(n);
    });

    new_sequence.each(function(ident) {
      var n = nodeMap[ident];
      if (n) {
        n[1].appendChild(n[0]);
        delete nodeMap[ident];
      }
    });
  },

  serialize: function(element) {
    element = $(element);
    var options = Object.extend(Sortable.options(element), arguments[1] || { });
    var name = encodeURIComponent(
      (arguments[1] && arguments[1].name) ? arguments[1].name : element.id);

    if (options.tree) {
      return Sortable.tree(element, arguments[1]).children.map( function (item) {
        return [name + Sortable._constructIndex(item) + "[id]=" +
                encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));
      }).flatten().join('&');
    } else {
      return Sortable.sequence(element, arguments[1]).map( function(item) {
        return name + "[]=" + encodeURIComponent(item);
      }).join('&');
    }
  }
};

Element.isParent = function(child, element) {
  if (!child.parentNode || child == element) return false;
  if (child.parentNode == element) return true;
  return Element.isParent(child.parentNode, element);
};

Element.findChildren = function(element, only, recursive, tagName) {
  if(!element.hasChildNodes()) return null;
  tagName = tagName.toUpperCase();
  if(only) only = [only].flatten();
  var elements = [];
  $A(element.childNodes).each( function(e) {
    if(e.tagName && e.tagName.toUpperCase()==tagName &&
      (!only || (Element.classNames(e).detect(function(v) { return only.include(v) }))))
        elements.push(e);
    if(recursive) {
      var grandchildren = Element.findChildren(e, only, recursive, tagName);
      if(grandchildren) elements.push(grandchildren);
    }
  });

  return (elements.length>0 ? elements.flatten() : []);
};

Element.offsetSize = function (element, type) {
  return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')];
};

Element.addMethods({
  trace: function(element, expression) {
    element = $(element);
    if (element.match(expression)) return element;
    return element.up(expression);
  }
});
Element.addMethods({
  upwards: function(element, iterator) {
    while (element = $(element)) {
      if (element.URL !== undefined) return;
      if (iterator(element)) return element;
      element = element.parentNode;
    }
  }
});

var HoverObserver = Class.create({
  initialize: function(element, options) {
    this.element = $(element);
    this.options = Object.extend(Object.clone(HoverObserver.Options), options || {});
    this.start();
  },

  start: function() {
    if (!this.observers) {
      var events = $w(this.options.clickToHover ? "click" : "mouseover mouseout");
      this.observers = events.map(function(name) {
        var handler = this["on" + name.capitalize()].bind(this);
        this.element.observe(name, handler);
        return { name: name, handler: handler };
      }.bind(this));
    }
  },

  stop: function() {
    if (this.observers) {
      this.observers.each(function(info) {
        this.element.stopObserving(info.name, info.handler);
      }.bind(this));
      delete this.observers;
    }
  },

  onClick: function(event) {
    var element   = this.activeHoverElement = event.findElement();
    var container = this.getContainerForElement(element);

    if (container) {
      if (this.activeContainer && container == this.activeContainer)
        return this.deactivateContainer();
      this.activateContainer(container);
    }
  },

  onMouseover: function(event) {
    var element   = this.activeHoverElement = event.findElement();
    var container = this.getContainerForElement(element);

    if (container) {
      if (this.activeContainer) {
        this.activateContainer(container);
      } else {
        this.startDelayedActivation(container);
      }
    } else {
      this.startDelayedDeactivation();
    }
  },

  onMouseout: function(event) {
    delete this.activeHoverElement;
    this.startDelayedDeactivation();
  },

  activateContainer: function(container) {
    var memo = { toElement: container };
    this.stopDelayedDeactivation();

    if (this.activeContainer) {
      if (this.activeContainer == container) return;
      memo.fromElement = this.activeContainer;
      this.deactivateContainer(memo);
    }

    this.activeContainer = container;
    this.activeContainer.fire(this.options.activationEvent, memo);
    this.activeContainer.addClassName(this.options.activeClassName);
  },

  deactivateContainer: function(memo) {
    if (this.activeContainer) {
      try {
        this.activeContainer.removeClassName(this.options.activeClassName);
        this.activeContainer.fire(this.options.deactivationEvent, memo);
      } catch (e) {
      }

      delete this.activeContainer;
    }
  },

  startDelayedActivation: function(container) {
    if (this.options.activationDelay) {
      (function() {
        if (container == this.getContainerForElement(this.activeHoverElement))
          this.activateContainer(container);

      }).bind(this).delay(this.options.activationDelay);
    } else {
      this.activateContainer(container);
    }
  },

  startDelayedDeactivation: function() {
    if (this.options.deactivationDelay) {
      this.deactivationTimeout = this.deactivationTimeout || function() {
        var container = this.getContainerForElement(this.activeHoverElement);
        if (!container || container != this.activeContainer)
          this.deactivateContainer();

      }.bind(this).delay(this.options.deactivationDelay);
    } else {
      this.deactivateContainer();
    }
  },

  stopDelayedDeactivation: function() {
    if (this.deactivationTimeout) {
      window.clearTimeout(this.deactivationTimeout);
      delete this.deactivationTimeout;
    }
  },

  getContainerForElement: function(element) {
    if (!element) return;
    if (element.hasAttribute && !element.hasAttribute(this.options.containerAttribute)) {
      var target    = this.getTargetForElement(element);
      var container = this.getContainerForTarget(target);
      this.cacheContainerFromElementToTarget(container, element, target);
    }

    return $(element.readAttribute(this.options.containerAttribute));
  },

  getTargetForElement: function(element) {
    if (!element) return;
    return element.trace("." + this.options.targetClassName);
  },

  getContainerForTarget: function(element) {
    if (!element) return;
    var containerClassName = this.options.containerClassName,
        containerAttribute = this.options.containerAttribute,
        expression = "[" + containerAttribute + "], ." + containerClassName;

    var container = element.trace(expression);

    if (container && container.hasAttribute(containerAttribute)) {
      return $(container.readAttribute(containerAttribute));
    } else {
      return container;
    }
  },

  cacheContainerFromElementToTarget: function(container, element, target) {
    if (container && target) {
      element.upwards(function(e) {
        e.writeAttribute(this.options.containerAttribute, container.identify());
        if (e == target) return true;
      }.bind(this));
    }
  }
});

Object.extend(HoverObserver, {
  Options: {
    activationDelay:    0,
    deactivationDelay:  0.5,
    targetClassName:    "hover_target",
    containerClassName: "hover_container",
    containerAttribute: "hover_container",
    activeClassName:    "hover",
    activationEvent:    "hover:activated",
    deactivationEvent:  "hover:deactivated",
    clickToHover:       false
  }
});


var MenuObserver = Class.create({
  initialize: function(region, options) {
    this.region  = $(region);
    this.options = options;
    this.registerObservers();
    this.start();
  },

  registerObservers: function() {
    document.observe("mousedown", this.onDocumentMouseDown.bind(this));
    this.region.observe("mousedown", this.onRegionMouseDown.bind(this));
    this.region.observe("mouseup", this.onRegionMouseUp.bind(this));
    this.region.observe("click", this.onRegionClick.bind(this));
    this.region.observe("menu:deactivate", this.deactivate.bind(this));
  },

  start: function() {
    this.started = true;
  },

  stop: function() {
    this.started = false;
  },

  onDocumentMouseDown: function(event) {
    if (!this.started || !this.activeContainer) return;

    var element = event.findElement();
    if (!this.elementBelongsToActiveContainer(element)) {
      this.deactivate();
    }
  },

  onRegionMouseDown: function(event) {
    if (!this.started) return;

    var element = event.findElement();
    if (!this.elementBelongsToActiveContainer(element)) {
      this.deactivate();
    }

    var target = this.findTargetForElement(element);
    if (target) {
      var container = this.findContainerForProvision(target);
      if (container == this.activeContainer) {
        this.deactivate();
      } else {
        this.activate(container);
      }
      event.stop();
    }
  },

  onRegionMouseUp: function(event) {
    if (!this.started || !this.activeContainer) return;

    var element = event.findElement();
    if (this.elementBelongsToActiveContainer(element)) {
      var action = this.findActionForElement(element);
      if (action) {
        this.select(action);
        this.deactivate();
        event.stop();
      } else if (this.findProvisionForElement(element)) {
        event.stop();
      }
    }
  },

  onRegionClick: function(event) {
    if (!this.started) return;

    var element = event.findElement();
    if (this.findContainerForElement(element)) {
      event.stop();
    }
  },

  activate: function(container) {
    if (container) {
      var event = container.fire("menu:prepared", {
        container: this.activeContainer
      });

      if (!event.stopped) {
        this.finishDeactivation();
        this.activeContainer = container;
        this.activeContainer.addClassName("active_menu");
        this.activeContainer.fire("menu:activated");
      }
    }
  },

  deactivate: function() {
    if (this.activeContainer) {
      var container = this.activeContainer;
      var content = container.down('.menu_content');
      this.activeContainer = false;

      this.deactivation = {
        container: container,
        content:   content,
        effect:    new Effect.Fade(content, {
          duration: 0.2,
          afterFinish: this.finishDeactivation.bind(this)
        })
      };
    }
  },

  finishDeactivation: function() {
    if (this.deactivation) {
      this.deactivation.effect.cancel();
      this.deactivation.container.removeClassName("active_menu");
      this.deactivation.content.show();
      this.deactivation.container.fire("menu:deactivated");
      this.deactivation = false;
    }
  },

  select: function(action) {
    if (this.activeContainer) {
      var actionName  = action.readAttribute("data-menuaction");
      var actionValue = action.readAttribute("data-menuvalue");

      action.fire("menu:selected", {
        container: this.activeContainer,
        action:    actionName,
        value:     actionValue
      });
    }
  },

  elementBelongsToActiveContainer: function(element) {
    if (this.activeContainer) {
      return this.findContainerForElement(element) == this.activeContainer;
    }
  },

  findTargetForElement: function(element) {
    return element.trace(".menu_target");
  },

  findActionForElement: function(element) {
    return element.trace("[data-menuaction]");
  },

  findProvisionForElement: function(element) {
    return element.trace(".menu_target, .menu_content, [data-menuaction]");
  },

  findContainerForProvision: function(provision) {
    return provision.trace(".menu_container");
  },

  findContainerForElement: function(element) {
    var provision = this.findProvisionForElement(element);
    if (provision) return this.findContainerForProvision(provision);
  }
});
document.observe("keypress", function(event) {
  var textarea = event.findElement("textarea.submits_on_return");
  if (textarea && event.keyCode == Event.KEY_RETURN && !event.shiftKey) {
    var form = textarea.up("form");
    form.onsubmit ? form.onsubmit() : form.submit();
    event.stop();
  }
});
var SelectAllCheckbox = Class.create({
  initialize: function(aggregator, container) {
    this.aggregator = $(aggregator);
    this.container  = container ? $(container) : this.aggregator.up("form");
    this.updateAggregator();

    this.container.observe("click", function(event) {
      var element = event.findElement("input[type=checkbox]");
      if (element) this.onCheckboxClicked(event, element);
    }.bind(this));
  },

  onCheckboxClicked: function(event, element) {
    if (element == this.aggregator) {
      this.setAllCheckboxes(element.checked);
    } else {
      this.updateAggregator();
    }
  },

  getCheckboxes: function() {
    return this.checkboxes = this.checkboxes ||
      this.container.select("input[type=checkbox]").without(this.aggregator);
  },

  updateAggregator: function() {
    this.aggregator.checked = this.getAggregateValue();
  },

  getAggregateValue: function() {
    return this.getCheckboxes().all(function(element) { return element.checked });
  },

  setAllCheckboxes: function(value) {
    this.getCheckboxes().each(function(element) { element.checked = value });
  }
});
Element.addMethods({
  autofocus: function(element) {
    element = $(element);
    var field;
    if (field = element.down(".autofocus")) {
      (function() { try { field.focus() } catch (e) { } }).defer();
    }
    return element;
  }
});
Element.addMethods({
  preservingScrollPosition: function(element, callback) {
    element = $(element);
    var offset = element.cumulativeOffset().top - document.viewport.getScrollOffsets().top;
    callback();
    window.scrollTo(0, element.cumulativeOffset().top - offset);
    return element;
  }
});
Element.addMethods({
  slideIntoView: function(element, options) {
    element = $(element), options = options || {};

    var effect;
    var top = element.cumulativeOffset()[1], height = element.getHeight(), bottom = top + height;
    var viewTop = document.viewport.getScrollOffsets().top, viewHeight = document.viewport.getHeight(),
        viewBottom = viewTop + viewHeight;

    if (top < viewTop) {
      effect = new Effect.ScrollTo(element, Object.extend({ duration: 0.15 }, options));
    } else if (bottom > viewBottom) {
      effect = new Effect.ScrollTo(element, Object.extend({ duration: 0.15, offset: height - viewHeight }, options));
    }

    if (options.sync) return effect;
    return element;
  }
});
Effect.Height = Class.create();
Object.extend(Effect.Height.prototype, Effect.Base.prototype);
Object.extend(Effect.Height.prototype, {
  initialize: function(element, options) {
    this.element = $(element);
    options = Object.extend({
      from: this.element.getHeight(),
      to: 0
    }, options || {});
    this.start(options);
  },

  setup: function() {
    this.setHeight(this.options.from);
  },

  update: function(position) {
    this.setHeight(position);
  },

  finish: function() {
    this.setHeight(this.options.to);
  },

  setHeight: function(height) {
    this.element.style.height = parseInt(height) + "px";
  }
});

Effect.Blend = Class.create();
Object.extend(Effect.Blend.prototype, Effect.Base.prototype);
Object.extend(Effect.Blend.prototype, {
  initialize: function(element, options) {
    this.element = $(element);
    options = Object.extend({
      invert: false,
      from: 0.0,
      to: 1.0
    }, options || {});
    this.start(options);
  },

  setup: function() {
    this.setOpacityByPosition(this.options.from);
  },

  update: function(position) {
    this.setOpacityByPosition(position);
  },

  finish: function() {
    this.setOpacityByPosition(this.options.to);
  },

  setOpacityByPosition: function(position) {
    var opacity = this.options.invert ? 1.0 - position : position;
    this.element.setOpacity(opacity);
  }
});

var Transitions = {
  animationEnabled: true
};

Element.addMethods({
  transition: function(element, change, options) {
    if (typeof change == "object" && typeof options == "function")
      change = [change, options], options = change.shift(), change = change.shift();

    element = $(element);
    options = options || {};
    options.animate = options.animate !== false && Transitions.animationEnabled;
    options.fade = options.fade !== false;

    function finish() {
      (options.after || Prototype.K)();
    }

    function highlightAndFinish(destinationElement) {
      if (options.highlight) {
        var highlightElement = options.highlight === true ? destinationElement : ($(options.highlight) || destinationElement);
        new Effect.Highlight(highlightElement, { duration: 2, afterFinish: finish });
      } else {
        finish.defer();
      }
    }

    function cloneWithoutIDs(element) {
      element = $(element);
      var clone = element.cloneNode(true);
      clone.id = "";
      clone.getElementsBySelector("*[id]").each(function(e) { e.id = "" });
      return clone;
    }

    if (options.animate) {
      var transitionElement = new Element("div").setStyle({ position: "relative", overflow: "hidden" });
      element.insert({ before: transitionElement });

      var sourceElement = cloneWithoutIDs(element);
      var sourceElementWrapper = sourceElement.wrap("div");
      var destinationElementWrapper = element.wrap("div");
      transitionElement.appendChild(sourceElementWrapper);
      transitionElement.appendChild(destinationElementWrapper);
    }

    change(element);

    if (options.animate) {
      var sourceHeight = sourceElementWrapper.getHeight(), destinationHeight = destinationElementWrapper.getHeight();
      var sourceWidth  = sourceElementWrapper.getWidth(),  destinationWidth  = destinationElementWrapper.getWidth();

      var outerWrapper = new Element("div");
      transitionElement.insert({ before: outerWrapper });
      outerWrapper.setStyle({ overflow: "hidden", height: sourceHeight + "px"});
      outerWrapper.appendChild(transitionElement);

      var maxHeight = destinationHeight > sourceHeight ? destinationHeight : sourceHeight;
      transitionElement.setStyle({ height: maxHeight + "px" });
      sourceElementWrapper.setStyle({ position: "absolute", height: maxHeight + "px", width: sourceWidth + "px", top: 0, left: 0 });
      destinationElementWrapper.setStyle({ position: "absolute", height: maxHeight + "px", width: sourceWidth + "px", top: 0, left: 0, opacity: 0, zIndex: 2000 });

      var effects = [
        new Effect.Height(transitionElement, { sync: true, from: sourceHeight, to: destinationHeight }),
        new Effect.Blend(destinationElementWrapper, { sync: true })
      ];

      if (options.fade) {
        effects.push(new Effect.Blend(sourceElementWrapper, { invert: true, sync: true }));
        destinationElementWrapper.setStyle({ zIndex: 0 });
        sourceElementWrapper.setStyle({ zIndex: 2000 });
      }

      new Effect.Parallel(effects, {
        duration: options.duration || 0.3,

        afterUpdate: function() {
          if (outerWrapper) {
            outerWrapper.insert({ before: transitionElement });
            outerWrapper.remove();
            outerWrapper = false;
          }
        },

        afterFinish: function() {
          var destinationElement = destinationElementWrapper.down();
          if (destinationElement)
            transitionElement.insert({ before: destinationElement });
          transitionElement.remove();

          highlightAndFinish(destinationElement);
        }
      });

    } else {
      highlightAndFinish(element);
    }

    return {
      after: function(after) {
        options.after = (options.after || Prototype.K).wrap(function(proceed) {
          proceed();
          after();
        });
        return this;
      }
    };
  }
});


function SHA1 (msg) {

  function rotate_left(n,s) {
    var t4 = ( n<<s ) | (n>>>(32-s));
    return t4;
  };

  function lsb_hex(val) {
    var str="";
    var i;
    var vh;
    var vl;

    for( i=0; i<=6; i+=2 ) {
      vh = (val>>>(i*4+4))&0x0f;
      vl = (val>>>(i*4))&0x0f;
      str += vh.toString(16) + vl.toString(16);
    }
    return str;
  };

  function cvt_hex(val) {
    var str="";
    var i;
    var v;

    for( i=7; i>=0; i-- ) {
      v = (val>>>(i*4))&0x0f;
      str += v.toString(16);
    }
    return str;
  };


  function Utf8Encode(string) {
    string = string.replace(/\r\n/g,"\n");
    var utftext = "";

    for (var n = 0; n < string.length; n++) {

      var c = string.charCodeAt(n);

      if (c < 128) {
        utftext += String.fromCharCode(c);
      }
      else if((c > 127) && (c < 2048)) {
        utftext += String.fromCharCode((c >> 6) | 192);
        utftext += String.fromCharCode((c & 63) | 128);
      }
      else {
        utftext += String.fromCharCode((c >> 12) | 224);
        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
        utftext += String.fromCharCode((c & 63) | 128);
      }

    }

    return utftext;
  };

  var blockstart;
  var i, j;
  var W = new Array(80);
  var H0 = 0x67452301;
  var H1 = 0xEFCDAB89;
  var H2 = 0x98BADCFE;
  var H3 = 0x10325476;
  var H4 = 0xC3D2E1F0;
  var A, B, C, D, E;
  var temp;

  msg = Utf8Encode(msg);

  var msg_len = msg.length;

  var word_array = new Array();
  for( i=0; i<msg_len-3; i+=4 ) {
    j = msg.charCodeAt(i)<<24 | msg.charCodeAt(i+1)<<16 |
    msg.charCodeAt(i+2)<<8 | msg.charCodeAt(i+3);
    word_array.push( j );
  }

  switch( msg_len % 4 ) {
    case 0:
      i = 0x080000000;
    break;
    case 1:
      i = msg.charCodeAt(msg_len-1)<<24 | 0x0800000;
    break;

    case 2:
      i = msg.charCodeAt(msg_len-2)<<24 | msg.charCodeAt(msg_len-1)<<16 | 0x08000;
    break;

    case 3:
      i = msg.charCodeAt(msg_len-3)<<24 | msg.charCodeAt(msg_len-2)<<16 | msg.charCodeAt(msg_len-1)<<8  | 0x80;
    break;
  }

  word_array.push( i );

  while( (word_array.length % 16) != 14 ) word_array.push( 0 );

  word_array.push( msg_len>>>29 );
  word_array.push( (msg_len<<3)&0x0ffffffff );


  for ( blockstart=0; blockstart<word_array.length; blockstart+=16 ) {

    for( i=0; i<16; i++ ) W[i] = word_array[blockstart+i];
    for( i=16; i<=79; i++ ) W[i] = rotate_left(W[i-3] ^ W[i-8] ^ W[i-14] ^ W[i-16], 1);

    A = H0;
    B = H1;
    C = H2;
    D = H3;
    E = H4;

    for( i= 0; i<=19; i++ ) {
      temp = (rotate_left(A,5) + ((B&C) | (~B&D)) + E + W[i] + 0x5A827999) & 0x0ffffffff;
      E = D;
      D = C;
      C = rotate_left(B,30);
      B = A;
      A = temp;
    }

    for( i=20; i<=39; i++ ) {
      temp = (rotate_left(A,5) + (B ^ C ^ D) + E + W[i] + 0x6ED9EBA1) & 0x0ffffffff;
      E = D;
      D = C;
      C = rotate_left(B,30);
      B = A;
      A = temp;
    }

    for( i=40; i<=59; i++ ) {
      temp = (rotate_left(A,5) + ((B&C) | (B&D) | (C&D)) + E + W[i] + 0x8F1BBCDC) & 0x0ffffffff;
      E = D;
      D = C;
      C = rotate_left(B,30);
      B = A;
      A = temp;
    }

    for( i=60; i<=79; i++ ) {
      temp = (rotate_left(A,5) + (B ^ C ^ D) + E + W[i] + 0xCA62C1D6) & 0x0ffffffff;
      E = D;
      D = C;
      C = rotate_left(B,30);
      B = A;
      A = temp;
    }

    H0 = (H0 + A) & 0x0ffffffff;
    H1 = (H1 + B) & 0x0ffffffff;
    H2 = (H2 + C) & 0x0ffffffff;
    H3 = (H3 + D) & 0x0ffffffff;
    H4 = (H4 + E) & 0x0ffffffff;

  }

  var temp = cvt_hex(H0) + cvt_hex(H1) + cvt_hex(H2) + cvt_hex(H3) + cvt_hex(H4);

  return temp.toLowerCase();

}

if (Prototype.Browser.IE) {
  window._prompt = window.prompt;
  window.prompt = function(text, value) {
    var self = arguments.callee;

    if (self.useModalDialog) {
      text = (text || "").toString(), value = (value || "").toString();
      return window.showModalDialog("/ie7_prompt_fix.html",
        { title: document.title, text: text.escapeHTML(), value: value.escapeHTML() },
        "dialogHeight:150px;dialogWidth:400px;scroll:no;status:no"
      );

    } else {
      var time = new Date().getTime(), result = window._prompt(text, value);
      if (new Date().getTime() - time < 10) {
        self.useModalDialog = true;
        result = self(text, value);
      }
      return result;
    }
  };
}

var AnchorObserver = {
  enabled:  true,
  interval: 0.1
};

document.observe("dom:loaded", function() {
  var lastAnchor = "";

  function poll() {
    var anchor = (window.location.hash || "").slice(1);
    if (anchor != lastAnchor) {
      document.fire("anchor:changed", { to: anchor, from: lastAnchor });
      lastAnchor = anchor;
    }
  }

  if (AnchorObserver.enabled) {
    setInterval(poll, AnchorObserver.interval * 1000);
  }
});
(function() {
  var emptyAnchorHandler;
  function getEmptyAnchorHandler() {
    return emptyAnchorHandler = emptyAnchorHandler ||
      new Element("a").writeAttribute({
        name:       "/"
      }).setStyle({
        position:   "absolute",
        visibility: "hidden"
      });
  }

  document.observe("click", function(event) {
    var element = event.findElement("a[href=#/]");
    if (element) {
      var offsets = document.viewport.getScrollOffsets();
      $(document.body).insert(getEmptyAnchorHandler().setStyle({
        left: offsets.left + "px",
        top:  offsets.top + "px"
      }));
    }
  });
})();
Event.observe(window, "resize", function(event) {
  document.fire("viewport:resized");
});

var DimZum = {
  Version: "0.1"
};

DimZum.Controller = Class.create({
  initialize: function(options) {
    this.options = options || { };
    this.prefix  = options.prefix || "z";
    this.active  = false;

    document.observe("anchor:changed", this.onAnchorChanged.bind(this));
    document.observe("shade:clicked", this.onShadeClicked.bind(this));
    document.observe("viewport:resized", this.onViewportResized.bind(this));
    document.observe("keypress", this.onKeyPressed.bind(this));
  },

  getShade: function() {
    return this.shade = this.shade || new DimZum.Shade(this.options.shade);
  },

  getWindow: function() {
    return this.window = this.window || new DimZum.Window(this.options.window);
  },

  onAnchorChanged: function(event) {
    if (this.isActableAnchor(event.memo.to)) {
      var elements = this.getElementsFromAnchor(event.memo.to);
      this.showElement(elements.first());

    } else {
      this.hideActiveElement();
    }
  },

  onShadeClicked: function(event) {
    this.close();
  },

  onViewportResized: function(event) {
    if (this.active) {
      this.getShade().resizeElement();
      this.getWindow().repositionWindow();
    }
  },

  onKeyPressed: function(event) {
    if (this.active && event.keyCode == Event.KEY_ESC) {
      this.close();
      event.stop();
    }
  },

  isActableAnchor: function(anchor) {
    var components = (anchor || "").split("/");
    if (components[0] != this.prefix) return false;
    if (!$(components[1])) return false;
    return true;
  },

  getElementsFromAnchor: function(anchor) {
    return anchor.split("/").slice(1).map(function(id) { return $(id) });
  },

  showElement: function(element) {
    if (!this.active) this.getShade().show();
    this.getWindow().showWithContents(element);
    this.active = true;
  },

  hideActiveElement: function() {
    if (this.active) {
      this.getWindow().hide();
      this.getShade().hide();
      this.active = false;
    }
  },

  close: function() {
    window.location.hash = "#/";
    this.hideActiveElement();
  },

  clearPurgatory: function() {
    this.getWindow().clearPurgatory();
  }
});
DimZum.Shade = Class.create({
  initialize: function(options) {
    this.options = options || { };
    this.createElement();
    $(document.body).insert(this.element);
    this.element.observe("click", this.onClick.bind(this));
  },

  show: function() {
    this.resizeElement();
    this.element.show();
  },

  hide: function() {
    this.element.hide();
  },

  createElement: function() {
    this.element = new Element("div").hide();
    this.element.setStyle({
      position:   "absolute",
      top:        0,
      left:       0,
      background: this.options.background || "#000",
      opacity:    this.options.opacity || 0.50,
      zIndex:     this.options.zIndex || 1000
    });
  },

  resizeElement: function() {
    var dimensions = $(document.body).getDimensions();
    this.element.setStyle({
      width:  dimensions.width + "px",
      height: dimensions.height + "px"
    });
  },

  onClick: function(event) {
    this.element.fire("shade:clicked", { shade: this });
  }
});
DimZum.Window = Class.create({
  initialize: function(options) {
    this.options = options || { };
    this.createElements();
  },

  createElements: function() {
    if (this.options.element) {
      this.element  = this.options.element;
      this.viewport = this.element.down("div.viewport");

    } else {
      this.element  = new Element("div").hide();
      this.viewport = new Element("div").addClassName("viewport");
      this.controls = this.options.controls ||
        new Element("div").update('<a href="#/">Close</a>');

      this.element.insert(this.viewport);
      this.controls.show().addClassName("controls");
      this.element.insert(this.controls);
    }

    this.element.addClassName(this.options.className || "dim_zum_window");
    this.element.setStyle({
      position: "absolute",
      top:      0,
      left:     0,
      zIndex:   this.options.zIndex || 2000
    });

    this.purgatory = new Element("div").hide();

    $(document.body).insert(this.element);
    $(document.body).insert(this.purgatory);
  },

  showWithContents: function(contentElement) {
    this.adoptContents(contentElement);
    this.repositionWindow();
    this.element.show();
  },

  adoptContents: function(contentElement) {
    this.releaseContents();
    this.viewport.insert(contentElement);
    this.hasContents = true;
    contentElement.show();
  },

  getContents: function() {
    if (this.hasContents)
      return this.viewport.down();
  },

  releaseContents: function() {
    var contents = this.getContents();
    if (contents) {
      contents.hide();
      this.purgatory.insert(contents);
    }

    this.hasContents = false;
  },

  repositionWindow: function() {
    var windowDimensions   = this.element.getDimensions();
    var viewportDimensions = document.viewport.getDimensions();
    var viewportOffsets    = document.viewport.getScrollOffsets();

    var xOffsetFactor = this.options.xOffset || 0.5;
    var yOffsetFactor = this.options.yOffset || 0.5;

    var left = viewportDimensions.width * xOffsetFactor - windowDimensions.width * xOffsetFactor;
    var top  = viewportDimensions.height * yOffsetFactor - windowDimensions.height * yOffsetFactor;

    this.element.setStyle({
      left: viewportOffsets.left + left + "px",
      top:  viewportOffsets.top + top + "px"
    });
  },

  hide: function() {
    this.releaseContents();
    this.element.hide();
  },

  clearPurgatory: function() {
    this.purgatory.update("");
  }
});
Element.addMethods({
  forceVisibility: function(element, callback) {
    var hiddenParents = [];
    while (element = $(element)) {
      if (element.visible && !element.visible())
        hiddenParents.push(element.show());
      element = element.parentNode;
    }

    try {
      callback();
    } catch (e) {
      throw e;
    } finally {
      hiddenParents.invoke("hide");
    }
  }
});
/*
Copyright (c) Copyright (c) 2007, Carl S. Yestrau All rights reserved.
Code licensed under the BSD License: http://www.featureblend.com/license.txt
Version: 1.0.4
*/
var FlashDetect = new function(){
    var self = this;
    self.installed = false;
    self.raw = "";
    self.major = -1;
    self.minor = -1;
    self.revision = -1;
    self.revisionStr = "";
    var activeXDetectRules = [
        {
            "name":"ShockwaveFlash.ShockwaveFlash.7",
            "version":function(obj){
                return getActiveXVersion(obj);
            }
        },
        {
            "name":"ShockwaveFlash.ShockwaveFlash.6",
            "version":function(obj){
                var version = "6,0,21";
                try{
                    obj.AllowScriptAccess = "always";
                    version = getActiveXVersion(obj);
                }catch(err){}
                return version;
            }
        },
        {
            "name":"ShockwaveFlash.ShockwaveFlash",
            "version":function(obj){
                return getActiveXVersion(obj);
            }
        }
    ];
    /**
     * Extract the ActiveX version of the plugin.
     *
     * @param {Object} The flash ActiveX object.
     * @type String
     */
    var getActiveXVersion = function(activeXObj){
        var version = -1;
        try{
            version = activeXObj.GetVariable("$version");
        }catch(err){}
        return version;
    };
    /**
     * Try and retrieve an ActiveX object having a specified name.
     *
     * @param {String} name The ActiveX object name lookup.
     * @return One of ActiveX object or a simple object having an attribute of activeXError with a value of true.
     * @type Object
     */
    var getActiveXObject = function(name){
        var obj = -1;
        try{
            obj = new ActiveXObject(name);
        }catch(err){
            obj = {activeXError:true};
        }
        return obj;
    };
    /**
     * Parse an ActiveX $version string into an object.
     *
     * @param {String} str The ActiveX Object GetVariable($version) return value.
     * @return An object having raw, major, minor, revision and revisionStr attributes.
     * @type Object
     */
    var parseActiveXVersion = function(str){
        var versionArray = str.split(",");//replace with regex
        return {
            "raw":str,
            "major":parseInt(versionArray[0].split(" ")[1], 10),
            "minor":parseInt(versionArray[1], 10),
            "revision":parseInt(versionArray[2], 10),
            "revisionStr":versionArray[2]
        };
    };
    /**
     * Parse a standard enabledPlugin.description into an object.
     *
     * @param {String} str The enabledPlugin.description value.
     * @return An object having raw, major, minor, revision and revisionStr attributes.
     * @type Object
     */
    var parseStandardVersion = function(str){
        var descParts = str.split(/ +/);
        var majorMinor = descParts[2].split(/\./);
        var revisionStr = descParts[3];
        return {
            "raw":str,
            "major":parseInt(majorMinor[0], 10),
            "minor":parseInt(majorMinor[1], 10),
            "revisionStr":revisionStr,
            "revision":parseRevisionStrToInt(revisionStr)
        };
    };
    /**
     * Parse the plugin revision string into an integer.
     *
     * @param {String} The revision in string format.
     * @type Number
     */
    var parseRevisionStrToInt = function(str){
        return parseInt(str.replace(/[a-zA-Z]/g, ""), 10) || self.revision;
    };
    /**
     * Is the major version greater than or equal to a specified version.
     *
     * @param {Number} version The minimum required major version.
     * @type Boolean
     */
    self.majorAtLeast = function(version){
        return self.major >= version;
    };
    /**
     * Is the minor version greater than or equal to a specified version.
     *
     * @param {Number} version The minimum required minor version.
     * @type Boolean
     */
    self.minorAtLeast = function(version){
        return self.minor >= version;
    };
    /**
     * Is the revision version greater than or equal to a specified version.
     *
     * @param {Number} version The minimum required revision version.
     * @type Boolean
     */
    self.revisionAtLeast = function(version){
        return self.revision >= version;
    };
    /**
     * Is the version greater than or equal to a specified major, minor and revision.
     *
     * @param {Number} major The minimum required major version.
     * @param {Number} (Optional) minor The minimum required minor version.
     * @param {Number} (Optional) revision The minimum required revision version.
     * @type Boolean
     */
    self.versionAtLeast = function(major){
        var properties = [self.major, self.minor, self.revision];
        var len = Math.min(properties.length, arguments.length);
        for(i=0; i<len; i++){
            if(properties[i]>=arguments[i]){
                if(i+1<len && properties[i]==arguments[i]){
                    continue;
                }else{
                    return true;
                }
            }else{
                return false;
            }
        }
    };
    /**
     * Constructor, sets raw, major, minor, revisionStr, revision and installed public properties.
     */
    self.FlashDetect = function(){
        try {
            if(navigator.plugins && navigator.plugins.length>0){
                var type = 'application/x-shockwave-flash';
                var mimeTypes = navigator.mimeTypes;
                if(mimeTypes && mimeTypes[type] && mimeTypes[type].enabledPlugin && mimeTypes[type].enabledPlugin.description){
                    var version = mimeTypes[type].enabledPlugin.description;
                    var versionObj = parseStandardVersion(version);
                    self.raw = versionObj.raw;
                    self.major = versionObj.major;
                    self.minor = versionObj.minor;
                    self.revisionStr = versionObj.revisionStr;
                    self.revision = versionObj.revision;
                    self.installed = true;
                }
            }else if(navigator.appVersion.indexOf("Mac")==-1 && window.execScript){
                var version = -1;
                for(var i=0; i<activeXDetectRules.length && version==-1; i++){
                    var obj = getActiveXObject(activeXDetectRules[i].name);
                    if(!obj.activeXError){
                        self.installed = true;
                        version = activeXDetectRules[i].version(obj);
                        if(version!=-1){
                            var versionObj = parseActiveXVersion(version);
                            self.raw = versionObj.raw;
                            self.major = versionObj.major;
                            self.minor = versionObj.minor;
                            self.revision = versionObj.revision;
                            self.revisionStr = versionObj.revisionStr;
                        }
                    }
                }
            }
        } catch(e) {
            self.installed = false;
            self.raw = "";
            self.major = 0;
            self.minor = 0;
            self.revisionStr = "";
            self.revision = 0;
        }
    }();
};
FlashDetect.JS_RELEASE = "1.0.4";
(function() {
  function getElementInfo(element) {
    element = $(element);
    if (!element.getValue) return {};
    return { name: element.tagName, type: element.readAttribute("type"), value: element.getValue() };
  }

  function restoreElementInfo(oldElements, element) {
    var elementInfo = getElementInfo(element);
    if (!elementInfo) return;

    for (var i = 0; i < oldElements.length; i++) {
      var oldElementInfo = oldElements[i];
      if (elementInfo.name == oldElementInfo.name && elementInfo.type == oldElementInfo.type) {
        $(element).setValue(oldElementInfo.value);
        oldElements[i] = {};
        break;
      }
    }
  }

  Element.addMethods("form", {
    preservingValues: function(element, callback) {
      element = $(element);
      var oldElements = $A(element.elements).map(getElementInfo);
      callback();
      $A(element.elements).each(restoreElementInfo.curry(oldElements));
      return element;
    }
  });
})();

var Icon = {
  MAPPINGS: {
    "AI"   : "AI",
    "ASP"  : "WEB",
    "CFM"  : "WEB",
    "CGI"  : "WEB",
    "DMG"  : "DMG",
    "DOC"  : "DOC",
    "DOCX" : "DOC",
    "EPS"  : "EPS",
    "FLA"  : "FLA",
    "GIF"  : "GIF",
    "GZ"   : "TGZ",
    "HTML" : "WEB",
    "HTM"  : "WEB",
    "INDD" : "INDD",
    "JPG"  : "JPG",
    "JPEG" : "JPG",
    "JSP"  : "WEB",
    "LINK" : "WEB",
    "MOV"  : "MOV",
    "MP3"  : "MP3",
    "MPEG" : "MPEG",
    "PDF"  : "PDF",
    "PHP"  : "WEB",
    "PL"   : "WEB",
    "PNG"  : "PNG",
    "POT"  : "POT",
    "PPT"  : "PPT",
    "PPTX" : "PPT",
    "PS"   : "EPS",
    "PSD"  : "PSD",
    "RM"   : "RM",
    "SIT"  : "SIT",
    "TAR"  : "TAR",
    "TGZ"  : "TGZ",
    "TIF"  : "TIFF",
    "TIFF" : "TIFF",
    "TXT"  : "TXT",
    "VSD"  : "VSD",
    "WEB"  : "WEB",
    "WMV"  : "WMV",
    "XLS"  : "XLS",
    "XLSX" : "XLS",
    "ZIP"  : "ZIP"
  },

  SIZES: {
    "big"  : "32x32",
    "small": "16x16"
  },

  imageFor: function(extension, size) {
    return "/images/icons/icon_" + (Icon.exists(extension) || "Generic") + "_" + (size || "small") + ".gif";
  },

  exists: function(extension) {
    return Icon.MAPPINGS[(extension || "").toUpperCase()];
  }
};

/**
 * SWFUpload: http://www.swfupload.org, http://swfupload.googlecode.com
 *
 * mmSWFUpload 1.0: Flash upload dialog - http://profandesign.se/swfupload/,  http://www.vinterwebb.se/
 *
 * SWFUpload is (c) 2006-2007 Lars Huring, Olov Nilzén and Mammon Media and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * SWFUpload 2 is (c) 2007-2008 Jake Roberts and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 */


/* ******************* */
/* Constructor & Init  */
/* ******************* */
var SWFUpload;

if (SWFUpload == undefined) {
	SWFUpload = function (settings) {
		this.initSWFUpload(settings);
	};
}

SWFUpload.prototype.initSWFUpload = function (settings) {
	try {
		this.customSettings = {};	// A container where developers can place their own settings associated with this instance.
		this.settings = settings;
		this.eventQueue = [];
		this.movieName = "SWFUpload_" + SWFUpload.movieCount++;
		this.movieElement = null;


		SWFUpload.instances[this.movieName] = this;

		this.initSettings();
		this.loadFlash();
		this.displayDebugInfo();
	} catch (ex) {
		delete SWFUpload.instances[this.movieName];
		throw ex;
	}
};

/* *************** */
/* Static Members  */
/* *************** */
SWFUpload.instances = {};
SWFUpload.movieCount = 0;
SWFUpload.version = "2.2.0 2009-03-25";
SWFUpload.QUEUE_ERROR = {
	QUEUE_LIMIT_EXCEEDED	  		: -100,
	FILE_EXCEEDS_SIZE_LIMIT  		: -110,
	ZERO_BYTE_FILE			  		: -120,
	INVALID_FILETYPE		  		: -130
};
SWFUpload.UPLOAD_ERROR = {
	HTTP_ERROR				  		: -200,
	MISSING_UPLOAD_URL	      		: -210,
	IO_ERROR				  		: -220,
	SECURITY_ERROR			  		: -230,
	UPLOAD_LIMIT_EXCEEDED	  		: -240,
	UPLOAD_FAILED			  		: -250,
	SPECIFIED_FILE_ID_NOT_FOUND		: -260,
	FILE_VALIDATION_FAILED	  		: -270,
	FILE_CANCELLED			  		: -280,
	UPLOAD_STOPPED					: -290
};
SWFUpload.FILE_STATUS = {
	QUEUED		 : -1,
	IN_PROGRESS	 : -2,
	ERROR		 : -3,
	COMPLETE	 : -4,
	CANCELLED	 : -5
};
SWFUpload.BUTTON_ACTION = {
	SELECT_FILE  : -100,
	SELECT_FILES : -110,
	START_UPLOAD : -120
};
SWFUpload.CURSOR = {
	ARROW : -1,
	HAND : -2
};
SWFUpload.WINDOW_MODE = {
	WINDOW : "window",
	TRANSPARENT : "transparent",
	OPAQUE : "opaque"
};

SWFUpload.completeURL = function(url) {
	if (typeof(url) !== "string" || url.match(/^https?:\/\//i) || url.match(/^\//)) {
		return url;
	}

	var currentURL = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "");

	var indexSlash = window.location.pathname.lastIndexOf("/");
	if (indexSlash <= 0) {
		path = "/";
	} else {
		path = window.location.pathname.substr(0, indexSlash) + "/";
	}

	return /*currentURL +*/ path + url;

};


/* ******************** */
/* Instance Members  */
/* ******************** */

SWFUpload.prototype.initSettings = function () {
	this.ensureDefault = function (settingName, defaultValue) {
		this.settings[settingName] = (this.settings[settingName] == undefined) ? defaultValue : this.settings[settingName];
	};

	this.ensureDefault("upload_url", "");
	this.ensureDefault("preserve_relative_urls", false);
	this.ensureDefault("file_post_name", "Filedata");
	this.ensureDefault("post_params", {});
	this.ensureDefault("use_query_string", false);
	this.ensureDefault("requeue_on_error", false);
	this.ensureDefault("http_success", []);
	this.ensureDefault("assume_success_timeout", 0);

	this.ensureDefault("file_types", "*.*");
	this.ensureDefault("file_types_description", "All Files");
	this.ensureDefault("file_size_limit", 0);	// Default zero means "unlimited"
	this.ensureDefault("file_upload_limit", 0);
	this.ensureDefault("file_queue_limit", 0);

	this.ensureDefault("flash_url", "swfupload.swf");
	this.ensureDefault("prevent_swf_caching", true);

	this.ensureDefault("button_image_url", "");
	this.ensureDefault("button_width", 1);
	this.ensureDefault("button_height", 1);
	this.ensureDefault("button_text", "");
	this.ensureDefault("button_text_style", "color: #000000; font-size: 16pt;");
	this.ensureDefault("button_text_top_padding", 0);
	this.ensureDefault("button_text_left_padding", 0);
	this.ensureDefault("button_action", SWFUpload.BUTTON_ACTION.SELECT_FILES);
	this.ensureDefault("button_disabled", false);
	this.ensureDefault("button_placeholder_id", "");
	this.ensureDefault("button_placeholder", null);
	this.ensureDefault("button_cursor", SWFUpload.CURSOR.ARROW);
	this.ensureDefault("button_window_mode", SWFUpload.WINDOW_MODE.WINDOW);

	this.ensureDefault("debug", false);
	this.settings.debug_enabled = this.settings.debug;	// Here to maintain v2 API

	this.settings.return_upload_start_handler = this.returnUploadStart;
	this.ensureDefault("swfupload_loaded_handler", null);
	this.ensureDefault("file_dialog_start_handler", null);
	this.ensureDefault("file_queued_handler", null);
	this.ensureDefault("file_queue_error_handler", null);
	this.ensureDefault("file_dialog_complete_handler", null);

	this.ensureDefault("upload_start_handler", null);
	this.ensureDefault("upload_progress_handler", null);
	this.ensureDefault("upload_error_handler", null);
	this.ensureDefault("upload_success_handler", null);
	this.ensureDefault("upload_complete_handler", null);

	this.ensureDefault("debug_handler", this.debugMessage);

	this.ensureDefault("custom_settings", {});

	this.customSettings = this.settings.custom_settings;

	if (!!this.settings.prevent_swf_caching) {
		this.settings.flash_url = this.settings.flash_url + (this.settings.flash_url.indexOf("?") < 0 ? "?" : "&") + "preventswfcaching=" + new Date().getTime();
	}

	if (!this.settings.preserve_relative_urls) {
		this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);
		this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_image_url);
	}

	delete this.ensureDefault;
};

SWFUpload.prototype.loadFlash = function () {
	var targetElement, tempParent;

	if (document.getElementById(this.movieName) !== null) {
		throw "ID " + this.movieName + " is already in use. The Flash Object could not be added";
	}

	targetElement = document.getElementById(this.settings.button_placeholder_id) || this.settings.button_placeholder;

	if (targetElement == undefined) {
		throw "Could not find the placeholder element: " + this.settings.button_placeholder_id;
	}

	tempParent = document.createElement("div");
	tempParent.innerHTML = this.getFlashHTML();	// Using innerHTML is non-standard but the only sensible way to dynamically add Flash in IE (and maybe other browsers)
	targetElement.parentNode.replaceChild(tempParent.firstChild, targetElement);

	if (window[this.movieName] == undefined) {
		window[this.movieName] = this.getMovieElement();
	}

};

SWFUpload.prototype.getFlashHTML = function () {
	return ['<object id="', this.movieName, '" type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">',
				'<param name="wmode" value="', this.settings.button_window_mode, '" />',
				'<param name="movie" value="', this.settings.flash_url, '" />',
				'<param name="quality" value="high" />',
				'<param name="menu" value="false" />',
				'<param name="allowScriptAccess" value="always" />',
				'<param name="flashvars" value="' + this.getFlashVars() + '" />',
				'</object>'].join("");
};

SWFUpload.prototype.getFlashVars = function () {
	var paramString = this.buildParamString();
	var httpSuccessString = this.settings.http_success.join(",");

	return ["movieName=", encodeURIComponent(this.movieName),
			"&amp;uploadURL=", encodeURIComponent(this.settings.upload_url),
			"&amp;useQueryString=", encodeURIComponent(this.settings.use_query_string),
			"&amp;requeueOnError=", encodeURIComponent(this.settings.requeue_on_error),
			"&amp;httpSuccess=", encodeURIComponent(httpSuccessString),
			"&amp;assumeSuccessTimeout=", encodeURIComponent(this.settings.assume_success_timeout),
			"&amp;params=", encodeURIComponent(paramString),
			"&amp;filePostName=", encodeURIComponent(this.settings.file_post_name),
			"&amp;fileTypes=", encodeURIComponent(this.settings.file_types),
			"&amp;fileTypesDescription=", encodeURIComponent(this.settings.file_types_description),
			"&amp;fileSizeLimit=", encodeURIComponent(this.settings.file_size_limit),
			"&amp;fileUploadLimit=", encodeURIComponent(this.settings.file_upload_limit),
			"&amp;fileQueueLimit=", encodeURIComponent(this.settings.file_queue_limit),
			"&amp;debugEnabled=", encodeURIComponent(this.settings.debug_enabled),
			"&amp;buttonImageURL=", encodeURIComponent(this.settings.button_image_url),
			"&amp;buttonWidth=", encodeURIComponent(this.settings.button_width),
			"&amp;buttonHeight=", encodeURIComponent(this.settings.button_height),
			"&amp;buttonText=", encodeURIComponent(this.settings.button_text),
			"&amp;buttonTextTopPadding=", encodeURIComponent(this.settings.button_text_top_padding),
			"&amp;buttonTextLeftPadding=", encodeURIComponent(this.settings.button_text_left_padding),
			"&amp;buttonTextStyle=", encodeURIComponent(this.settings.button_text_style),
			"&amp;buttonAction=", encodeURIComponent(this.settings.button_action),
			"&amp;buttonDisabled=", encodeURIComponent(this.settings.button_disabled),
			"&amp;buttonCursor=", encodeURIComponent(this.settings.button_cursor)
		].join("");
};

SWFUpload.prototype.getMovieElement = function () {
	if (this.movieElement == undefined) {
		this.movieElement = document.getElementById(this.movieName);
	}

	if (this.movieElement === null) {
		throw "Could not find Flash element";
	}

	return this.movieElement;
};

SWFUpload.prototype.buildParamString = function () {
	var postParams = this.settings.post_params;
	var paramStringPairs = [];

	if (typeof(postParams) === "object") {
		for (var name in postParams) {
			if (postParams.hasOwnProperty(name)) {
				paramStringPairs.push(encodeURIComponent(name.toString()) + "=" + encodeURIComponent(postParams[name].toString()));
			}
		}
	}

	return paramStringPairs.join("&amp;");
};

SWFUpload.prototype.destroy = function () {
	try {
		this.cancelUpload(null, false);


		var movieElement = null;
		movieElement = this.getMovieElement();

		if (movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
			for (var i in movieElement) {
				try {
					if (typeof(movieElement[i]) === "function") {
						movieElement[i] = null;
					}
				} catch (ex1) {}
			}

			try {
				movieElement.parentNode.removeChild(movieElement);
			} catch (ex) {}
		}

		window[this.movieName] = null;

		SWFUpload.instances[this.movieName] = null;
		delete SWFUpload.instances[this.movieName];

		this.movieElement = null;
		this.settings = null;
		this.customSettings = null;
		this.eventQueue = null;
		this.movieName = null;


		return true;
	} catch (ex2) {
		return false;
	}
};


SWFUpload.prototype.displayDebugInfo = function () {
	this.debug(
		[
			"---SWFUpload Instance Info---\n",
			"Version: ", SWFUpload.version, "\n",
			"Movie Name: ", this.movieName, "\n",
			"Settings:\n",
			"\t", "upload_url:               ", this.settings.upload_url, "\n",
			"\t", "flash_url:                ", this.settings.flash_url, "\n",
			"\t", "use_query_string:         ", this.settings.use_query_string.toString(), "\n",
			"\t", "requeue_on_error:         ", this.settings.requeue_on_error.toString(), "\n",
			"\t", "http_success:             ", this.settings.http_success.join(", "), "\n",
			"\t", "assume_success_timeout:   ", this.settings.assume_success_timeout, "\n",
			"\t", "file_post_name:           ", this.settings.file_post_name, "\n",
			"\t", "post_params:              ", this.settings.post_params.toString(), "\n",
			"\t", "file_types:               ", this.settings.file_types, "\n",
			"\t", "file_types_description:   ", this.settings.file_types_description, "\n",
			"\t", "file_size_limit:          ", this.settings.file_size_limit, "\n",
			"\t", "file_upload_limit:        ", this.settings.file_upload_limit, "\n",
			"\t", "file_queue_limit:         ", this.settings.file_queue_limit, "\n",
			"\t", "debug:                    ", this.settings.debug.toString(), "\n",

			"\t", "prevent_swf_caching:      ", this.settings.prevent_swf_caching.toString(), "\n",

			"\t", "button_placeholder_id:    ", this.settings.button_placeholder_id.toString(), "\n",
			"\t", "button_placeholder:       ", (this.settings.button_placeholder ? "Set" : "Not Set"), "\n",
			"\t", "button_image_url:         ", this.settings.button_image_url.toString(), "\n",
			"\t", "button_width:             ", this.settings.button_width.toString(), "\n",
			"\t", "button_height:            ", this.settings.button_height.toString(), "\n",
			"\t", "button_text:              ", this.settings.button_text.toString(), "\n",
			"\t", "button_text_style:        ", this.settings.button_text_style.toString(), "\n",
			"\t", "button_text_top_padding:  ", this.settings.button_text_top_padding.toString(), "\n",
			"\t", "button_text_left_padding: ", this.settings.button_text_left_padding.toString(), "\n",
			"\t", "button_action:            ", this.settings.button_action.toString(), "\n",
			"\t", "button_disabled:          ", this.settings.button_disabled.toString(), "\n",

			"\t", "custom_settings:          ", this.settings.custom_settings.toString(), "\n",
			"Event Handlers:\n",
			"\t", "swfupload_loaded_handler assigned:  ", (typeof this.settings.swfupload_loaded_handler === "function").toString(), "\n",
			"\t", "file_dialog_start_handler assigned: ", (typeof this.settings.file_dialog_start_handler === "function").toString(), "\n",
			"\t", "file_queued_handler assigned:       ", (typeof this.settings.file_queued_handler === "function").toString(), "\n",
			"\t", "file_queue_error_handler assigned:  ", (typeof this.settings.file_queue_error_handler === "function").toString(), "\n",
			"\t", "upload_start_handler assigned:      ", (typeof this.settings.upload_start_handler === "function").toString(), "\n",
			"\t", "upload_progress_handler assigned:   ", (typeof this.settings.upload_progress_handler === "function").toString(), "\n",
			"\t", "upload_error_handler assigned:      ", (typeof this.settings.upload_error_handler === "function").toString(), "\n",
			"\t", "upload_success_handler assigned:    ", (typeof this.settings.upload_success_handler === "function").toString(), "\n",
			"\t", "upload_complete_handler assigned:   ", (typeof this.settings.upload_complete_handler === "function").toString(), "\n",
			"\t", "debug_handler assigned:             ", (typeof this.settings.debug_handler === "function").toString(), "\n"
		].join("")
	);
};

/* Note: addSetting and getSetting are no longer used by SWFUpload but are included
	the maintain v2 API compatibility
*/
SWFUpload.prototype.addSetting = function (name, value, default_value) {
    if (value == undefined) {
        return (this.settings[name] = default_value);
    } else {
        return (this.settings[name] = value);
	}
};

SWFUpload.prototype.getSetting = function (name) {
    if (this.settings[name] != undefined) {
        return this.settings[name];
	}

    return "";
};



SWFUpload.prototype.callFlash = function (functionName, argumentArray) {
	argumentArray = argumentArray || [];

	var movieElement = this.getMovieElement();
	var returnValue, returnString;

	try {
		returnString = movieElement.CallFunction('<invoke name="' + functionName + '" returntype="javascript">' + __flash__argumentsToXML(argumentArray, 0) + '</invoke>');
		returnValue = eval(returnString);
	} catch (ex) {
		throw "Call to " + functionName + " failed";
	}

	if (returnValue != undefined && typeof returnValue.post === "object") {
		returnValue = this.unescapeFilePostParams(returnValue);
	}

	return returnValue;
};

/* *****************************
	-- Flash control methods --
	Your UI should use these
	to operate SWFUpload
   ***************************** */

SWFUpload.prototype.selectFile = function () {
	this.callFlash("SelectFile");
};

SWFUpload.prototype.selectFiles = function () {
	this.callFlash("SelectFiles");
};


SWFUpload.prototype.startUpload = function (fileID) {
	this.callFlash("StartUpload", [fileID]);
};

SWFUpload.prototype.cancelUpload = function (fileID, triggerErrorEvent) {
	if (triggerErrorEvent !== false) {
		triggerErrorEvent = true;
	}
	this.callFlash("CancelUpload", [fileID, triggerErrorEvent]);
};

SWFUpload.prototype.stopUpload = function () {
	this.callFlash("StopUpload");
};

/* ************************
 * Settings methods
 *   These methods change the SWFUpload settings.
 *   SWFUpload settings should not be changed directly on the settings object
 *   since many of the settings need to be passed to Flash in order to take
 *   effect.
 * *********************** */

SWFUpload.prototype.getStats = function () {
	return this.callFlash("GetStats");
};

SWFUpload.prototype.setStats = function (statsObject) {
	this.callFlash("SetStats", [statsObject]);
};

SWFUpload.prototype.getFile = function (fileID) {
	if (typeof(fileID) === "number") {
		return this.callFlash("GetFileByIndex", [fileID]);
	} else {
		return this.callFlash("GetFile", [fileID]);
	}
};

SWFUpload.prototype.addFileParam = function (fileID, name, value) {
	return this.callFlash("AddFileParam", [fileID, name, value]);
};

SWFUpload.prototype.removeFileParam = function (fileID, name) {
	this.callFlash("RemoveFileParam", [fileID, name]);
};

SWFUpload.prototype.setUploadURL = function (url) {
	this.settings.upload_url = url.toString();
	this.callFlash("SetUploadURL", [url]);
};

SWFUpload.prototype.setPostParams = function (paramsObject) {
	this.settings.post_params = paramsObject;
	this.callFlash("SetPostParams", [paramsObject]);
};

SWFUpload.prototype.addPostParam = function (name, value) {
	this.settings.post_params[name] = value;
	this.callFlash("SetPostParams", [this.settings.post_params]);
};

SWFUpload.prototype.removePostParam = function (name) {
	delete this.settings.post_params[name];
	this.callFlash("SetPostParams", [this.settings.post_params]);
};

SWFUpload.prototype.setFileTypes = function (types, description) {
	this.settings.file_types = types;
	this.settings.file_types_description = description;
	this.callFlash("SetFileTypes", [types, description]);
};

SWFUpload.prototype.setFileSizeLimit = function (fileSizeLimit) {
	this.settings.file_size_limit = fileSizeLimit;
	this.callFlash("SetFileSizeLimit", [fileSizeLimit]);
};

SWFUpload.prototype.setFileUploadLimit = function (fileUploadLimit) {
	this.settings.file_upload_limit = fileUploadLimit;
	this.callFlash("SetFileUploadLimit", [fileUploadLimit]);
};

SWFUpload.prototype.setFileQueueLimit = function (fileQueueLimit) {
	this.settings.file_queue_limit = fileQueueLimit;
	this.callFlash("SetFileQueueLimit", [fileQueueLimit]);
};

SWFUpload.prototype.setFilePostName = function (filePostName) {
	this.settings.file_post_name = filePostName;
	this.callFlash("SetFilePostName", [filePostName]);
};

SWFUpload.prototype.setUseQueryString = function (useQueryString) {
	this.settings.use_query_string = useQueryString;
	this.callFlash("SetUseQueryString", [useQueryString]);
};

SWFUpload.prototype.setRequeueOnError = function (requeueOnError) {
	this.settings.requeue_on_error = requeueOnError;
	this.callFlash("SetRequeueOnError", [requeueOnError]);
};

SWFUpload.prototype.setHTTPSuccess = function (http_status_codes) {
	if (typeof http_status_codes === "string") {
		http_status_codes = http_status_codes.replace(" ", "").split(",");
	}

	this.settings.http_success = http_status_codes;
	this.callFlash("SetHTTPSuccess", [http_status_codes]);
};

SWFUpload.prototype.setAssumeSuccessTimeout = function (timeout_seconds) {
	this.settings.assume_success_timeout = timeout_seconds;
	this.callFlash("SetAssumeSuccessTimeout", [timeout_seconds]);
};

SWFUpload.prototype.setDebugEnabled = function (debugEnabled) {
	this.settings.debug_enabled = debugEnabled;
	this.callFlash("SetDebugEnabled", [debugEnabled]);
};

SWFUpload.prototype.setButtonImageURL = function (buttonImageURL) {
	if (buttonImageURL == undefined) {
		buttonImageURL = "";
	}

	this.settings.button_image_url = buttonImageURL;
	this.callFlash("SetButtonImageURL", [buttonImageURL]);
};

SWFUpload.prototype.setButtonDimensions = function (width, height) {
	this.settings.button_width = width;
	this.settings.button_height = height;

	var movie = this.getMovieElement();
	if (movie != undefined) {
		movie.style.width = width + "px";
		movie.style.height = height + "px";
	}

	this.callFlash("SetButtonDimensions", [width, height]);
};
SWFUpload.prototype.setButtonText = function (html) {
	this.settings.button_text = html;
	this.callFlash("SetButtonText", [html]);
};
SWFUpload.prototype.setButtonTextPadding = function (left, top) {
	this.settings.button_text_top_padding = top;
	this.settings.button_text_left_padding = left;
	this.callFlash("SetButtonTextPadding", [left, top]);
};

SWFUpload.prototype.setButtonTextStyle = function (css) {
	this.settings.button_text_style = css;
	this.callFlash("SetButtonTextStyle", [css]);
};
SWFUpload.prototype.setButtonDisabled = function (isDisabled) {
	this.settings.button_disabled = isDisabled;
	this.callFlash("SetButtonDisabled", [isDisabled]);
};
SWFUpload.prototype.setButtonAction = function (buttonAction) {
	this.settings.button_action = buttonAction;
	this.callFlash("SetButtonAction", [buttonAction]);
};

SWFUpload.prototype.setButtonCursor = function (cursor) {
	this.settings.button_cursor = cursor;
	this.callFlash("SetButtonCursor", [cursor]);
};

/* *******************************
	Flash Event Interfaces
	These functions are used by Flash to trigger the various
	events.

	All these functions a Private.

	Because the ExternalInterface library is buggy the event calls
	are added to a queue and the queue then executed by a setTimeout.
	This ensures that events are executed in a determinate order and that
	the ExternalInterface bugs are avoided.
******************************* */

SWFUpload.prototype.queueEvent = function (handlerName, argumentArray) {

	if (argumentArray == undefined) {
		argumentArray = [];
	} else if (!(argumentArray instanceof Array)) {
		argumentArray = [argumentArray];
	}

	var self = this;
	if (typeof this.settings[handlerName] === "function") {
		this.eventQueue.push(function () {
			this.settings[handlerName].apply(this, argumentArray);
		});

		setTimeout(function () {
			self.executeNextEvent();
		}, 0);

	} else if (this.settings[handlerName] !== null) {
		throw "Event handler " + handlerName + " is unknown or is not a function";
	}
};

SWFUpload.prototype.executeNextEvent = function () {

	var  f = this.eventQueue ? this.eventQueue.shift() : null;
	if (typeof(f) === "function") {
		f.apply(this);
	}
};

SWFUpload.prototype.unescapeFilePostParams = function (file) {
	var reg = /[$]([0-9a-f]{4})/i;
	var unescapedPost = {};
	var uk;

	if (file != undefined) {
		for (var k in file.post) {
			if (file.post.hasOwnProperty(k)) {
				uk = k;
				var match;
				while ((match = reg.exec(uk)) !== null) {
					uk = uk.replace(match[0], String.fromCharCode(parseInt("0x" + match[1], 16)));
				}
				unescapedPost[uk] = file.post[k];
			}
		}

		file.post = unescapedPost;
	}

	return file;
};

SWFUpload.prototype.testExternalInterface = function () {
	try {
		return this.callFlash("TestExternalInterface");
	} catch (ex) {
		return false;
	}
};

SWFUpload.prototype.flashReady = function () {
	var movieElement = this.getMovieElement();

	if (!movieElement) {
		this.debug("Flash called back ready but the flash movie can't be found.");
		return;
	}

	this.cleanUp(movieElement);

	this.queueEvent("swfupload_loaded_handler");
};

SWFUpload.prototype.cleanUp = function (movieElement) {
	try {
		if (this.movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
			this.debug("Removing Flash functions hooks (this should only run in IE and should prevent memory leaks)");
			for (var key in movieElement) {
				try {
					if (typeof(movieElement[key]) === "function") {
						movieElement[key] = null;
					}
				} catch (ex) {
				}
			}
		}
	} catch (ex1) {

	}

	window["__flash__removeCallback"] = function (instance, name) {
		try {
			if (instance) {
				instance[name] = null;
			}
		} catch (flashEx) {

		}
	};

};


/* This is a chance to do something before the browse window opens */
SWFUpload.prototype.fileDialogStart = function () {
	this.queueEvent("file_dialog_start_handler");
};


/* Called when a file is successfully added to the queue. */
SWFUpload.prototype.fileQueued = function (file) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("file_queued_handler", file);
};


/* Handle errors that occur when an attempt to queue a file fails. */
SWFUpload.prototype.fileQueueError = function (file, errorCode, message) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("file_queue_error_handler", [file, errorCode, message]);
};

/* Called after the file dialog has closed and the selected files have been queued.
	You could call startUpload here if you want the queued files to begin uploading immediately. */
SWFUpload.prototype.fileDialogComplete = function (numFilesSelected, numFilesQueued, numFilesInQueue) {
	this.queueEvent("file_dialog_complete_handler", [numFilesSelected, numFilesQueued, numFilesInQueue]);
};

SWFUpload.prototype.uploadStart = function (file) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("return_upload_start_handler", file);
};

SWFUpload.prototype.returnUploadStart = function (file) {
	var returnValue;
	if (typeof this.settings.upload_start_handler === "function") {
		file = this.unescapeFilePostParams(file);
		returnValue = this.settings.upload_start_handler.call(this, file);
	} else if (this.settings.upload_start_handler != undefined) {
		throw "upload_start_handler must be a function";
	}

	if (returnValue === undefined) {
		returnValue = true;
	}

	returnValue = !!returnValue;

	this.callFlash("ReturnUploadStart", [returnValue]);
};



SWFUpload.prototype.uploadProgress = function (file, bytesComplete, bytesTotal) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("upload_progress_handler", [file, bytesComplete, bytesTotal]);
};

SWFUpload.prototype.uploadError = function (file, errorCode, message) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("upload_error_handler", [file, errorCode, message]);
};

SWFUpload.prototype.uploadSuccess = function (file, serverData, responseReceived) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("upload_success_handler", [file, serverData, responseReceived]);
};

SWFUpload.prototype.uploadComplete = function (file) {
	file = this.unescapeFilePostParams(file);
	this.queueEvent("upload_complete_handler", file);
};

/* Called by SWFUpload JavaScript and Flash functions when debug is enabled. By default it writes messages to the
   internal debug console.  You can override this event and have messages written where you want. */
SWFUpload.prototype.debug = function (message) {
	this.queueEvent("debug_handler", message);
};


/* **********************************
	Debug Console
	The debug console is a self contained, in page location
	for debug message to be sent.  The Debug Console adds
	itself to the body if necessary.

	The console is automatically scrolled as messages appear.

	If you are using your own debug handler or when you deploy to production and
	have debug disabled you can remove these functions to reduce the file size
	and complexity.
********************************** */

SWFUpload.prototype.debugMessage = function (message) {
	if (this.settings.debug) {
		var exceptionMessage, exceptionValues = [];

		if (typeof message === "object" && typeof message.name === "string" && typeof message.message === "string") {
			for (var key in message) {
				if (message.hasOwnProperty(key)) {
					exceptionValues.push(key + ": " + message[key]);
				}
			}
			exceptionMessage = exceptionValues.join("\n") || "";
			exceptionValues = exceptionMessage.split("\n");
			exceptionMessage = "EXCEPTION: " + exceptionValues.join("\nEXCEPTION: ");
			SWFUpload.Console.writeLine(exceptionMessage);
		} else {
			SWFUpload.Console.writeLine(message);
		}
	}
};

SWFUpload.Console = {};
SWFUpload.Console.writeLine = function (message) {
	var console, documentForm;

	try {
		console = document.getElementById("SWFUpload_Console");

		if (!console) {
			documentForm = document.createElement("form");
			document.getElementsByTagName("body")[0].appendChild(documentForm);

			console = document.createElement("textarea");
			console.id = "SWFUpload_Console";
			console.style.fontFamily = "monospace";
			console.setAttribute("wrap", "off");
			console.wrap = "off";
			console.style.overflow = "auto";
			console.style.width = "700px";
			console.style.height = "350px";
			console.style.margin = "5px";
			documentForm.appendChild(console);
		}

		console.value += message + "\n";

		console.scrollTop = console.scrollHeight - console.clientHeight;
	} catch (ex) {
		alert("Exception: " + ex.name + " Message: " + ex.message);
	}
};
/*
	Queue Plug-in

	Features:
		*Adds a cancelQueue() method for cancelling the entire queue.
		*All queued files are uploaded when startUpload() is called.
		*If false is returned from uploadComplete then the queue upload is stopped.
		 If false is not returned (strict comparison) then the queue upload is continued.
		*Adds a QueueComplete event that is fired when all the queued files have finished uploading.
		 Set the event handler with the queue_complete_handler setting.

	*/

var SWFUpload;
if (typeof(SWFUpload) === "function") {
	SWFUpload.queue = {};

	SWFUpload.prototype.initSettings = (function (oldInitSettings) {
		return function () {
			if (typeof(oldInitSettings) === "function") {
				oldInitSettings.call(this);
			}

			this.queueSettings = {};

			this.queueSettings.queue_cancelled_flag = false;
			this.queueSettings.queue_upload_count = 0;

			this.queueSettings.user_upload_complete_handler = this.settings.upload_complete_handler;
			this.queueSettings.user_upload_start_handler = this.settings.upload_start_handler;
			this.settings.upload_complete_handler = SWFUpload.queue.uploadCompleteHandler;
			this.settings.upload_start_handler = SWFUpload.queue.uploadStartHandler;

			this.settings.queue_complete_handler = this.settings.queue_complete_handler || null;
		};
	})(SWFUpload.prototype.initSettings);

	SWFUpload.prototype.startUpload = function (fileID) {
		this.queueSettings.queue_cancelled_flag = false;
		this.callFlash("StartUpload", [fileID]);
	};

	SWFUpload.prototype.cancelQueue = function () {
		this.queueSettings.queue_cancelled_flag = true;
		this.stopUpload();

		var stats = this.getStats();
		while (stats.files_queued > 0) {
			this.cancelUpload();
			stats = this.getStats();
		}
	};

	SWFUpload.queue.uploadStartHandler = function (file) {
		var returnValue;
		if (typeof(this.queueSettings.user_upload_start_handler) === "function") {
			returnValue = this.queueSettings.user_upload_start_handler.call(this, file);
		}

		returnValue = (returnValue === false) ? false : true;

		this.queueSettings.queue_cancelled_flag = !returnValue;

		return returnValue;
	};

	SWFUpload.queue.uploadCompleteHandler = function (file) {
		var user_upload_complete_handler = this.queueSettings.user_upload_complete_handler;
		var continueUpload;

		if (file.filestatus === SWFUpload.FILE_STATUS.COMPLETE) {
			this.queueSettings.queue_upload_count++;
		}

		if (typeof(user_upload_complete_handler) === "function") {
			continueUpload = (user_upload_complete_handler.call(this, file) === false) ? false : true;
		} else if (file.filestatus === SWFUpload.FILE_STATUS.QUEUED) {
			continueUpload = false;
		} else {
			continueUpload = true;
		}

		if (continueUpload) {
			var stats = this.getStats();
			if (stats.files_queued > 0 && this.queueSettings.queue_cancelled_flag === false) {
				this.startUpload();
			} else if (this.queueSettings.queue_cancelled_flag === false) {
				this.queueEvent("queue_complete_handler", [this.queueSettings.queue_upload_count]);
				this.queueSettings.queue_upload_count = 0;
			} else {
				this.queueSettings.queue_cancelled_flag = false;
				this.queueSettings.queue_upload_count = 0;
			}
		}
	};
}
/*
	Speed Plug-in

	Features:
		*Adds several properties to the 'file' object indicated upload speed, time left, upload time, etc.
			- currentSpeed -- String indicating the upload speed, bytes per second
			- averageSpeed -- Overall average upload speed, bytes per second
			- movingAverageSpeed -- Speed over averaged over the last several measurements, bytes per second
			- timeRemaining -- Estimated remaining upload time in seconds
			- timeElapsed -- Number of seconds passed for this upload
			- percentUploaded -- Percentage of the file uploaded (0 to 100)
			- sizeUploaded -- Formatted size uploaded so far, bytes

		*Adds setting 'moving_average_history_size' for defining the window size used to calculate the moving average speed.

		*Adds several Formatting functions for formatting that values provided on the file object.
			- SWFUpload.speed.formatBPS(bps) -- outputs string formatted in the best units (Gbps, Mbps, Kbps, bps)
			- SWFUpload.speed.formatTime(seconds) -- outputs string formatted in the best units (x Hr y M z S)
			- SWFUpload.speed.formatSize(bytes) -- outputs string formatted in the best units (w GB x MB y KB z B )
			- SWFUpload.speed.formatPercent(percent) -- outputs string formatted with a percent sign (x.xx %)
			- SWFUpload.speed.formatUnits(baseNumber, divisionArray, unitLabelArray, fractionalBoolean)
				- Formats a number using the division array to determine how to apply the labels in the Label Array
				- factionalBoolean indicates whether the number should be returned as a single fractional number with a unit (speed)
				    or as several numbers labeled with units (time)
	*/

var SWFUpload;
if (typeof(SWFUpload) === "function") {
	SWFUpload.speed = {};

	SWFUpload.prototype.initSettings = (function (oldInitSettings) {
		return function () {
			if (typeof(oldInitSettings) === "function") {
				oldInitSettings.call(this);
			}

			this.ensureDefault = function (settingName, defaultValue) {
				this.settings[settingName] = (this.settings[settingName] == undefined) ? defaultValue : this.settings[settingName];
			};

			this.fileSpeedStats = {};
			this.speedSettings = {};

			this.ensureDefault("moving_average_history_size", "10");

			this.speedSettings.user_file_queued_handler = this.settings.file_queued_handler;
			this.speedSettings.user_file_queue_error_handler = this.settings.file_queue_error_handler;
			this.speedSettings.user_upload_start_handler = this.settings.upload_start_handler;
			this.speedSettings.user_upload_error_handler = this.settings.upload_error_handler;
			this.speedSettings.user_upload_progress_handler = this.settings.upload_progress_handler;
			this.speedSettings.user_upload_success_handler = this.settings.upload_success_handler;
			this.speedSettings.user_upload_complete_handler = this.settings.upload_complete_handler;

			this.settings.file_queued_handler = SWFUpload.speed.fileQueuedHandler;
			this.settings.file_queue_error_handler = SWFUpload.speed.fileQueueErrorHandler;
			this.settings.upload_start_handler = SWFUpload.speed.uploadStartHandler;
			this.settings.upload_error_handler = SWFUpload.speed.uploadErrorHandler;
			this.settings.upload_progress_handler = SWFUpload.speed.uploadProgressHandler;
			this.settings.upload_success_handler = SWFUpload.speed.uploadSuccessHandler;
			this.settings.upload_complete_handler = SWFUpload.speed.uploadCompleteHandler;

			delete this.ensureDefault;
		};
	})(SWFUpload.prototype.initSettings);


	SWFUpload.speed.fileQueuedHandler = function (file) {
		if (typeof this.speedSettings.user_file_queued_handler === "function") {
			file = SWFUpload.speed.extendFile(file);

			return this.speedSettings.user_file_queued_handler.call(this, file);
		}
	};

	SWFUpload.speed.fileQueueErrorHandler = function (file, errorCode, message) {
		if (typeof this.speedSettings.user_file_queue_error_handler === "function") {
			file = SWFUpload.speed.extendFile(file);

			return this.speedSettings.user_file_queue_error_handler.call(this, file, errorCode, message);
		}
	};

	SWFUpload.speed.uploadStartHandler = function (file) {
		if (typeof this.speedSettings.user_upload_start_handler === "function") {
			file = SWFUpload.speed.extendFile(file, this.fileSpeedStats);
			return this.speedSettings.user_upload_start_handler.call(this, file);
		}
	};

	SWFUpload.speed.uploadErrorHandler = function (file, errorCode, message) {
		file = SWFUpload.speed.extendFile(file, this.fileSpeedStats);
		SWFUpload.speed.removeTracking(file, this.fileSpeedStats);

		if (typeof this.speedSettings.user_upload_error_handler === "function") {
			return this.speedSettings.user_upload_error_handler.call(this, file, errorCode, message);
		}
	};
	SWFUpload.speed.uploadProgressHandler = function (file, bytesComplete, bytesTotal) {
		this.updateTracking(file, bytesComplete);
		file = SWFUpload.speed.extendFile(file, this.fileSpeedStats);

		if (typeof this.speedSettings.user_upload_progress_handler === "function") {
			return this.speedSettings.user_upload_progress_handler.call(this, file, bytesComplete, bytesTotal);
		}
	};

	SWFUpload.speed.uploadSuccessHandler = function (file, serverData) {
		if (typeof this.speedSettings.user_upload_success_handler === "function") {
			file = SWFUpload.speed.extendFile(file, this.fileSpeedStats);
			return this.speedSettings.user_upload_success_handler.call(this, file, serverData);
		}
	};
	SWFUpload.speed.uploadCompleteHandler = function (file) {
		file = SWFUpload.speed.extendFile(file, this.fileSpeedStats);
		SWFUpload.speed.removeTracking(file, this.fileSpeedStats);

		if (typeof this.speedSettings.user_upload_complete_handler === "function") {
			return this.speedSettings.user_upload_complete_handler.call(this, file);
		}
	};

	SWFUpload.speed.extendFile = function (file, trackingList) {
		var tracking;

		if (trackingList) {
			tracking = trackingList[file.id];
		}

		if (tracking) {
			file.currentSpeed = tracking.currentSpeed;
			file.averageSpeed = tracking.averageSpeed;
			file.movingAverageSpeed = tracking.movingAverageSpeed;
			file.timeRemaining = tracking.timeRemaining;
			file.timeElapsed = tracking.timeElapsed;
			file.percentUploaded = tracking.percentUploaded;
			file.sizeUploaded = tracking.bytesUploaded;

		} else {
			file.currentSpeed = 0;
			file.averageSpeed = 0;
			file.movingAverageSpeed = 0;
			file.timeRemaining = 0;
			file.timeElapsed = 0;
			file.percentUploaded = 0;
			file.sizeUploaded = 0;
		}

		return file;
	};

	SWFUpload.prototype.updateTracking = function (file, bytesUploaded) {
		var tracking = this.fileSpeedStats[file.id];
		if (!tracking) {
			this.fileSpeedStats[file.id] = tracking = {};
		}

		bytesUploaded = bytesUploaded || tracking.bytesUploaded || 0;
		if (bytesUploaded < 0) {
			bytesUploaded = 0;
		}
		if (bytesUploaded > file.size) {
			bytesUploaded = file.size;
		}

		var tickTime = (new Date()).getTime();
		if (!tracking.startTime) {
			tracking.startTime = (new Date()).getTime();
			tracking.lastTime = tracking.startTime;
			tracking.currentSpeed = 0;
			tracking.averageSpeed = 0;
			tracking.movingAverageSpeed = 0;
			tracking.movingAverageHistory = [];
			tracking.timeRemaining = 0;
			tracking.timeElapsed = 0;
			tracking.percentUploaded = bytesUploaded / file.size;
			tracking.bytesUploaded = bytesUploaded;
		} else if (tracking.startTime > tickTime) {
			this.debug("When backwards in time");
		} else {
			var now = (new Date()).getTime();
			var lastTime = tracking.lastTime;
			var deltaTime = now - lastTime;
			var deltaBytes = bytesUploaded - tracking.bytesUploaded;

			if (deltaBytes === 0 || deltaTime === 0) {
				return tracking;
			}

			tracking.lastTime = now;
			tracking.bytesUploaded = bytesUploaded;

			tracking.currentSpeed = (deltaBytes * 8 ) / (deltaTime / 1000);
			tracking.averageSpeed = (tracking.bytesUploaded * 8) / ((now - tracking.startTime) / 1000);

			tracking.movingAverageHistory.push(tracking.currentSpeed);
			if (tracking.movingAverageHistory.length > this.settings.moving_average_history_size) {
				tracking.movingAverageHistory.shift();
			}

			tracking.movingAverageSpeed = SWFUpload.speed.calculateMovingAverage(tracking.movingAverageHistory);

			tracking.timeRemaining = (file.size - tracking.bytesUploaded) * 8 / tracking.movingAverageSpeed;
			tracking.timeElapsed = (now - tracking.startTime) / 1000;

			tracking.percentUploaded = (tracking.bytesUploaded / file.size * 100);
		}

		return tracking;
	};
	SWFUpload.speed.removeTracking = function (file, trackingList) {
		try {
			trackingList[file.id] = null;
			delete trackingList[file.id];
		} catch (ex) {
		}
	};

	SWFUpload.speed.formatUnits = function (baseNumber, unitDivisors, unitLabels, singleFractional) {
		var i, unit, unitDivisor, unitLabel;

		if (baseNumber === 0) {
			return "0 " + unitLabels[unitLabels.length - 1];
		}

		if (singleFractional) {
			unit = baseNumber;
			unitLabel = unitLabels.length >= unitDivisors.length ? unitLabels[unitDivisors.length - 1] : "";
			for (i = 0; i < unitDivisors.length; i++) {
				if (baseNumber >= unitDivisors[i]) {
					unit = (baseNumber / unitDivisors[i]).toFixed(2);
					unitLabel = unitLabels.length >= i ? " " + unitLabels[i] : "";
					break;
				}
			}

			return unit + unitLabel;
		} else {
			var formattedStrings = [];
			var remainder = baseNumber;

			for (i = 0; i < unitDivisors.length; i++) {
				unitDivisor = unitDivisors[i];
				unitLabel = unitLabels.length > i ? " " + unitLabels[i] : "";

				unit = remainder / unitDivisor;
				if (i < unitDivisors.length -1) {
					unit = Math.floor(unit);
				} else {
					unit = unit.toFixed(2);
				}
				if (unit > 0) {
					remainder = remainder % unitDivisor;

					formattedStrings.push(unit + unitLabel);
				}
			}

			return formattedStrings.join(" ");
		}
	};

	SWFUpload.speed.formatBPS = function (baseNumber) {
		var bpsUnits = [1073741824, 1048576, 1024, 1], bpsUnitLabels = ["Gbps", "Mbps", "Kbps", "bps"];
		return SWFUpload.speed.formatUnits(baseNumber, bpsUnits, bpsUnitLabels, true);

	};
	SWFUpload.speed.formatTime = function (baseNumber) {
		var timeUnits = [86400, 3600, 60, 1], timeUnitLabels = ["d", "h", "m", "s"];
		return SWFUpload.speed.formatUnits(baseNumber, timeUnits, timeUnitLabels, false);

	};
	SWFUpload.speed.formatBytes = function (baseNumber) {
		var sizeUnits = [1073741824, 1048576, 1024, 1], sizeUnitLabels = ["GB", "MB", "KB", "bytes"];
		return SWFUpload.speed.formatUnits(baseNumber, sizeUnits, sizeUnitLabels, true);

	};
	SWFUpload.speed.formatPercent = function (baseNumber) {
		return baseNumber.toFixed(2) + " %";
	};

	SWFUpload.speed.calculateMovingAverage = function (history) {
		var vals = [], size, sum = 0.0, mean = 0.0, varianceTemp = 0.0, variance = 0.0, standardDev = 0.0;
		var i;
		var mSum = 0, mCount = 0;

		size = history.length;

		if (size >= 8) {
			for (i = 0; i < size; i++) {
				vals[i] = history[i];
				sum += vals[i];
			}

			mean = sum / size;

			for (i = 0; i < size; i++) {
				varianceTemp += Math.pow((vals[i] - mean), 2);
			}

			variance = varianceTemp / size;
			standardDev = Math.sqrt(variance);

			for (i = 0; i < size; i++) {
				vals[i] = (vals[i] - mean) / standardDev;
			}

			var deviationRange = 2.0;
			for (i = 0; i < size; i++) {

				if (vals[i] <= deviationRange && vals[i] >= -deviationRange) {
					mCount++;
					mSum += history[i];
				}
			}

		} else {
			mCount = size;
			for (i = 0; i < size; i++) {
				mSum += history[i];
			}
		}

		return mSum / mCount;
	};

}

var UppityUpload = {
  forms: [],

  hasFlashSupport: function() {
    return FlashDetect.versionAtLeast(9) && location.hash != "#noflash";
  },

  install: function(formElement) {
    var form = new UppityUpload.Form(formElement);
    UppityUpload.forms.push(form);
    return form;
  },

  find: function(formElement) {
    return this.forms.find(function(form) {
      return form.element == formElement;
    });
  },

  uninstall: function(formElement) {
    var form = UppityUpload.find(formElement);
    if (form) {
      UppityUpload.forms = UppityUpload.forms.without(form);
      form.revert();
    }
  }
};

UppityUpload.AttachmentManager = Class.create({
  initialize: function(options) {
    this.options = options || { };
    this.selectorControl = this.options.selectorControl;
    this.connectToSelectorControl();
    this.attachments = [];
  },

  addAttachment: function(attributes) {
    var id = this.attachments.length;
    this.attachments[id] = Object.extend(Object.clone(attributes), { id: id });
    this.options.onAttachmentAdded(id, this.attachments[id]);
    return id;
  },

  getAttachment: function(id) {
    return this.attachments[id];
  },

  getAttachments: function() {
    return this.attachments.compact();
  },

  removeAttachment: function(id) {
    var attributes = this.attachments[id];
    this.attachments[id] = null;
    this.options.onAttachmentRemoved(id, attributes);
  },

  prepareAttachments: function(onAttachmentsPrepared) {
    if (!this.onAttachmentsPrepared) {
      this.onAttachmentsPrepared = onAttachmentsPrepared;
      this.startAttachmentPreparation();
    }
  },

  finishAttachmentPreparation: function(attachmentsPrepared) {
    if (this.onAttachmentsPrepared) {
      this.onAttachmentsPrepared(attachmentsPrepared);
      this.onAttachmentsPrepared = null;
    }
  },

  getButtonControl: function() {
    return this.selectorControl.getButtonControl();
  }
});

UppityUpload.AttachmentManager.createAttachmentManager = function(options, attachmentManagerPreference) {
  if (UppityUpload.hasFlashSupport()) {
    if (attachmentManagerPreference && attachmentManagerPreference != "flash") {
      return new UppityUpload.HtmlAttachmentManager(options);
    } else {
      return new UppityUpload.FlashAttachmentManager(options);
    }
  } else {
    return new UppityUpload.HtmlAttachmentManager(options);
  }
};
UppityUpload.FlashAttachmentManager = Class.create(UppityUpload.AttachmentManager, {
  initialize: function($super, options) {
    $super(options);
    this.ids = { };
    this.totalBytesQueued = 0;
    this.retry = 0;
  },

  connectToSelectorControl: function() {
    this.getButtonControl().withPlaceholderForFlashMovie(this.createSWFUpload.bind(this));
  },

  createSWFUpload: function(placeholder, width, height) {
    this.swfUpload = new SWFUpload(this.optionsForSWFUpload(placeholder, width, height));
  },

  startAttachmentPreparation: function() {
    if (this.totalBytesQueued > 0) {
      this.totalBytesUploaded = 0;
      this.swfUpload.startUpload();
    } else {
      this.finishAttachmentPreparation(true);
    }
  },

  removeAttachment: function($super, id) {
    for (var flashID in this.ids) {
      if (this.ids[flashID] == id) {
        this.totalBytesQueued -= this.getAttachment(id).size;
        this.swfUpload.cancelUpload(flashID, false);
        delete this.ids[flashID];
        break;
      }
    }

    return $super(id);
  },

  optionsForSWFUpload: function(placeholder, width, height) {
    return {
      flash_url:                    this.absoluteURLFor("/movies/swfupload.swf"),
      button_image_url:             this.absoluteURLFor("/images/blank.gif"),
      upload_url:                   this.absoluteURLFor(this.options.uploadURL),
      requeue_on_error:             true,
      file_size_limit:              this.options.fileSizeLimit,
      file_dialog_start_handler:    this.onChooseFileDialogOpened.bind(this),
      file_queued_handler:          this.onAttachmentQueued.bind(this),
      file_queue_error_handler:     this.onAttachmentQueueFailed.bind(this),
      file_dialog_complete_handler: this.onChooseFileDialogClosed.bind(this),
      upload_start_handler:         this.onUploadStarted.bind(this),
      upload_progress_handler:      this.onUploadProgressChanged.bind(this),
      upload_success_handler:       this.onUploadSucceeded.bind(this),
      upload_error_handler:         this.onUploadFailed.bind(this),
      upload_complete_handler:      this.onUploadCompleted.bind(this),
      button_placeholder_id:        placeholder.identify(),
      button_window_mode:           SWFUpload.WINDOW_MODE.TRANSPARENT,
      button_cursor:                SWFUpload.CURSOR.HAND,
      button_width:                 width,
      button_height:                height
    };
  },

  absoluteURLFor: function(path) {
    var url = document.location.protocol + "//" + document.location.host;
    if (document.location.port) url += ":" + document.location.port;
    return url + path;
  },

  buildErrorMessageFor: function(files, selectedFileCount, reason) {
    if (files.length == 1 && selectedFileCount == 1) {
      return "The file you selected can't be attached because it is " + reason + ".";

    } else if (files.length == 1) {
      return "The file \"" + files.first().name + "\" can't be attached because it is " + reason + ".";

    } else if (files.length == selectedFileCount) {
      return "None of the files you selected can be attached because they are all " + reason + ".";

    } else {
      return "" + files.length + " of the files you selected (\"" +
        files.pluck("name").join("\", \"") + "\") can't be attached because they are " + reason + ".";
    }
  },

  showUploadProgress: function(fileName, completedBytes) {
    var progress = (this.totalBytesUploaded + (completedBytes || 0)) / this.totalBytesQueued;
    this.options.onProgressChanged("Uploading " + fileName.escapeHTML() + "…", progress);
  },

  onChooseFileDialogOpened: function() {
    this.errors = { };
  },

  onAttachmentQueued: function(attachmentInfo) {
    this.ids[attachmentInfo.id] = this.addAttachment(attachmentInfo);
    this.totalBytesQueued += attachmentInfo.size;
  },

  onAttachmentQueueFailed: function(attachmentInfo, errorCode, errorMessage) {
    this.errors[errorCode] = this.errors[errorCode] || [];
    this.errors[errorCode].push(attachmentInfo);
  },

  onChooseFileDialogClosed: function(selectedFileCount, queuedFileCount) {
    var files, messages = [];

    if (files = this.errors[SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT]) {
      messages.push(this.buildErrorMessageFor(
        files, selectedFileCount,
        "larger than " + this.options.fileSizeLimit + " in size"
      ));
    }

    if (files = this.errors[SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE]) {
      messages.push(this.buildErrorMessageFor(
        files, selectedFileCount,
        "empty or inaccessible"
      ));
    }

    if (messages.length) alert(messages.join("\n\n"));
  },

  onUploadStarted: function(attachmentInfo) {
    this.showUploadProgress(attachmentInfo.name);
  },

  onUploadProgressChanged: function(attachmentInfo, completedBytes, totalBytes) {
    this.showUploadProgress(attachmentInfo.name, completedBytes);
  },

  onUploadSucceeded: function(attachmentInfo, responseBody, serverDidRespond) {
    var id = this.ids[attachmentInfo.id], filename = responseBody.match(/<id>(.*?)<\/id>/)[1];
    this.options.onAttachmentProcessed(id, this.createInputFieldsForAttachment(attachmentInfo, filename));
    this.retry = 0;
  },

  onUploadFailed: function(attachmentInfo, errorCode, message) {
    this.totalBytesQueued += attachmentInfo.size;
    this.retry++;
  },

  onUploadCompleted: function(attachmentInfo) {
    if (this.retry >= 3) {
      this.swfUpload.cancelUpload();
      this.uploaded = true;
      this.finishAttachmentPreparation(false);

    } else {
      this.totalBytesUploaded += attachmentInfo.size;
      this.showUploadProgress(attachmentInfo.name);

      if (this.totalBytesUploaded == this.totalBytesQueued) {
        this.uploaded = true;
        this.finishAttachmentPreparation(true);
      }
    };
  },

  createInputFieldsForAttachment: function(attachmentInfo, filename) {
    return [
      new Element("input").writeAttribute({
        type:  "hidden",
        name:  "[file][original_filename]",
        value: attachmentInfo.name
      }),

      new Element("input").writeAttribute({
        type:  "hidden",
        name:  "[file][file]",
        value: filename
      })
    ];
  }
});
UppityUpload.HtmlAttachmentManager = Class.create(UppityUpload.AttachmentManager, {
  initialize: function($super, options) {
    $super(options);
    this.inputFields = { };
  },

  connectToSelectorControl: function() {
    this.getButtonControl().whenInputFieldIsPopulated(this.storeInputField.bind(this));
  },

  storeInputField: function(inputField) {
    var id = this.addAttachment({ name: inputField.getValue() });
    inputField.writeAttribute({ name: "[file]" });
    this.inputFields[id] = inputField;
  },

  startAttachmentPreparation: function() {
    this.getAttachments().each(function(attachmentInfo) {
      var id = attachmentInfo.id;
      this.options.onAttachmentProcessed(id, [this.inputFields[id]]);
    }.bind(this));

    this.finishAttachmentPreparation(true);
  }
});
UppityUpload.Control = Class.create({
  initialize: function(form, options) {
    this.form = form;
    this.options = options || { };
    if (this.options.element) this.element = $(this.options.element);
    this.setup();
  },

  setup: Prototype.emptyFunction,

  remove: function() {
    this.element.remove();
  },

  toElement: function() {
    return this.element;
  }
});
UppityUpload.AttachmentControl = Class.create(UppityUpload.Control, {
  setup: function() {
    this.selectorControl = this.options.selectorControl;

    this.iconElement = this.createIconElement();
    this.nameElement = this.createNameElement();
    this.removeLink = this.createRemoveLink();

    this.element = new Element("div").addClassName("attachment");
    this.innerElement = new Element("div").addClassName("inner");
    this.privateElement = new Element("div").addClassName("private");
    this.publicElement = new Element("div").addClassName("public");

    this.privateElement.insert(this.iconElement);
    this.privateElement.insert(this.nameElement);
    this.privateElement.insert(this.removeLink);
    this.innerElement.insert(this.privateElement);
    this.innerElement.insert(this.publicElement);
    this.element.insert(this.innerElement);
  },

  createIconElement: function() {
    return new Element("img").addClassName("icon").writeAttribute("src", this.getIconURL());
  },

  createNameElement: function() {
    return new Element("span").addClassName("filename").update(this.getFileName().escapeHTML());
  },

  createRemoveLink: function() {
    var element = new Element("a").addClassName("remove").writeAttribute("href", "#");
    element.update("<span>Remove</span>");
    element.observe("click", this.onRemoveLinkClicked.bind(this));
    return element;
  },

  getAttachmentInfo: function() {
    return this.form.attachmentManager.getAttachment(this.options.id);
  },

  getFileName: function() {
    return this.getAttachmentInfo().name;
  },

  getIconURL: function() {
    var extension = (this.getFileName().match(/\.([^.]+)$/) || []).last();
    return Icon.imageFor(extension, this.selectorControl.getIconSize());
  },

  formatParameterName: function(name) {
    return this.selectorControl.formatParameterName(this.options.id, name);
  },

  onRemoveLinkClicked: function(event) {
    this.form.attachmentManager.removeAttachment(this.options.id);
    event.stop();
  },

  insertInputField: function(inputField) {
    var parameterName = inputField.readAttribute("name");
    inputField.hide().writeAttribute({ name: this.formatParameterName(parameterName) });
    this.privateElement.insert(inputField);
  },

  update: function() {
    this.publicElement.update.apply(this.publicElement, arguments);
  }
});
UppityUpload.ButtonControl = Class.create(UppityUpload.Control, {
  setup: function() {
    this.createInputField();
  },

  withPlaceholderForFlashMovie: function(callback) {
    var dimensions, placeholder;

    this.element.forceVisibility(function() {
      dimensions = this.inputField.getDimensions();
      var offset = this.inputField.positionedOffset();

      this.overlay = new Element("div").setStyle({
        position: "absolute",
        top:      offset.top + "px",
        left:     offset.left + "px",
        width:    dimensions.width + "px",
        height:   dimensions.height + "px"
      });
    }.bind(this));

    placeholder = new Element("div");
    this.overlay.insert(placeholder);
    this.element.insert(this.overlay);

    callback(placeholder, dimensions.width, dimensions.height);
  },

  whenInputFieldIsPopulated: function(callback) {
    this.onInputFieldPopulated = callback;
  },

  createInputField: function() {
    this.inputField = new Element("input").writeAttribute({ type: "file" });
    this.inputField.observe("change", this.onChange.bind(this));
    this.element.insert(this.inputField);
  },

  replaceInputField: function() {
    var oldInputField = this.inputField.remove();
    this.createInputField();
    return oldInputField;
  },

  onChange: function(event) {
    this.onInputFieldPopulated(this.replaceInputField());
    event.stop();
  },

  disable: function() {
    this.inputField.disable();
    this.setOverlayVisibilityTo("hidden");
  },

  enable: function() {
    this.inputField.enable();
    this.setOverlayVisibilityTo("visible");
  },

  hide: function() {
    this.element.addClassName("hidden");
  },

  show: function() {
    this.element.removeClassName("hidden");
  },

  setOverlayVisibilityTo: function(visibility) {
    if (this.overlay) {
      this.overlay.setStyle({ visibility: visibility });
    }
  },

  slideIntoView: function() {
    this.element.slideIntoView();
  }
});
UppityUpload.FileSelectorControl = Class.create(UppityUpload.Control, {
  setup: function() {
    this.buttonControl = this.createButtonControl();
    this.prefix = this.element.readAttribute("prefix") || "attachments";
  },

  createButtonControl: function() {
    var element = this.element.down("div.attachment_button");
    return new UppityUpload.ButtonControl(this.form, { element: element });
  },

  getButtonControl: function() {
    return this.buttonControl;
  },

  getAttachmentContainer: function() {
    return this.attachmentContainer = this.attachmentContainer ||
      this.element.down("div.attachment_container");
  },

  getIconSize: function() {
    return this.iconSize = this.iconSize ||
      (this.getAttachmentContainer().hasClassName("big_icons") ? "big" : "small");
  },

  createAttachmentControl: function(id) {
    return new UppityUpload.AttachmentControl(this.form, { id: id, selectorControl: this });
  },

  enable: function() {
    this.getAttachmentContainer().removeClassName("disabled");
    this.getButtonControl().enable();
  },

  disable: function() {
    this.getButtonControl().disable();
    this.getAttachmentContainer().addClassName("disabled");
  }
});

UppityUpload.FileSelectorControl.createFileSelectorControl = function(form) {
  var element = form.element.down("div.single_file_selector, div.multiple_file_selector");
  if (!element) return false;

  if (element.hasClassName("single_file_selector")) {
    return new UppityUpload.SingleFileSelectorControl(form, { element: element });
  } else {
    return new UppityUpload.MultipleFileSelectorControl(form, { element: element });
  }
};
UppityUpload.MultipleFileSelectorControl = Class.create(UppityUpload.FileSelectorControl, {
  setup: function($super) {
    $super();
    this.attachmentControls = { };
  },

  addAttachment: function(id) {
    this.attachmentControls[id] = this.createAttachmentControl(id);
    this.getAttachmentContainer().insert(this.attachmentControls[id]);
  },

  removeAttachment: function(id) {
    this.attachmentControls[id].remove();
    this.attachmentControls[id] = null;
  },

  getAttachmentControl: function(id) {
    return this.attachmentControls[id];
  },

  formatParameterName: function(id, name) {
    return this.prefix + "[" + id + "]" + name;
  }
});
UppityUpload.SingleFileSelectorControl = Class.create(UppityUpload.FileSelectorControl, {
  setup: function($super) {
    $super();

    this.changeLink = this.createChangeLink();
    this.changeLink.hide();
    this.element.insert(this.changeLink);
  },

  createChangeLink: function() {
    var element = new Element("a").addClassName("change").writeAttribute("href", "#");
    element.update("<span>Choose a different file</span>");
    element.observe("click", this.onChangeLinkClicked.bind(this));
    return element;
  },

  addAttachment: function(id) {
    this.clearExistingAttachment();
    this.attachmentControl = this.createAttachmentControl(id);
    this.getAttachmentContainer().insert(this.attachmentControl);

    this.buttonControl.hide();
    this.changeLink.show();
  },

  removeAttachment: function() {
    if (this.attachmentControl) {
      this.attachmentControl.remove();
      this.attachmentControl = null;
    }

    this.buttonControl.show();
    this.changeLink.hide();
  },

  clearExistingAttachment: function() {
    if (this.attachmentControl) {
      var oldAttachmentId = this.attachmentControl.getAttachmentInfo().id;
      this.form.attachmentManager.removeAttachment(oldAttachmentId);
    }
  },

  onChangeLinkClicked: function(event) {
    this.clearExistingAttachment();
    event.stop();
  },

  getAttachmentControl: function() {
    return this.attachmentControl;
  },

  formatParameterName: function(id, name) {
    return this.prefix + name;
  }
});
UppityUpload.ProgressBarControl = Class.create(UppityUpload.Control, {
  setup: function() {
    this.element = new Element("div").addClassName("progress_bar");
    this.progressElement = new Element("div").addClassName("progress");
    this.element.insert(this.progressElement);
    this.setValue(0);
  },

  setValue: function(value, animate) {
    var outerWidth = this.element.getDimensions().width;
    var innerWidth = parseInt(outerWidth * value);
    animate = innerWidth > 0 && animate !== false;

    if (animate) {
      this.animateToWidth(innerWidth);
    } else {
      this.progressElement.setStyle({ width: innerWidth + "px" });
    }
  },

  animateToWidth: function(width) {
    if (this.effect) this.effect.cancel();
    this.effect = new Effect.Morph(this.progressElement, {
      duration:    0.25,
      transition:  Effect.Transitions.easeInSine,
      style:       "width: " + width + "px",
      afterFinish: function() { delete this.effect }.bind(this)
    });
  }
});
UppityUpload.SubmitBarControl = Class.create(UppityUpload.Control, {
  setup: function() {
    this.submitContainer = $(this.options.submitContainer);

    this.progressContainer = new Element("div").addClassName("progress_container");
    this.statusMessageElement = new Element("div").addClassName("status_message");
    this.progressBarControl = new UppityUpload.ProgressBarControl(this.form);
    this.progressContainer.insert(this.statusMessageElement);
    this.progressContainer.insert(this.progressBarControl);

    this.element = this.submitContainer.wrap("div").addClassName("uppity_upload_submit_bar");
    this.element.insert(this.progressContainer);
    this.element.observe("click", this.onClick.bind(this));

    this.hideProgress();
  },

  showProgress: function(statusMessage, value, animate) {
    if (!this.submitting) {
      this.progressContainer.show();
      this.submitContainer.hide();
      this.submitting = true;
    }

    this.statusMessageElement.update((statusMessage || "") + "&nbsp;");
    this.progressBarControl.setValue(value || 0, animate);
    return this;
  },

  hideProgress: function() {
    this.progressContainer.hide();
    this.submitContainer.show();
    this.submitting = false;
    return this;
  },

  onClick: function(event) {
    var element = event.findElement("input[type=submit]");
    if (element) {
      this.form.submit();
      event.stop();
    }
  },

  slideIntoView: function() {
    this.element.slideIntoView();
    return this;
  },

  revert: function() {
    this.element.insert({ after: this.submitContainer });
    this.element.remove();
  }
});
UppityUpload.Form = Class.create({
  initialize: function(element) {
    this.element = $(element);
    this.innerHTML = this.element.innerHTML;

    if (this.selectorControl = this.createSelectorControl()) {
      this.attachmentManager = this.createAttachmentManager();
    }

    this.submitBarControl = this.createSubmitBarControl();

    this.element.observe("submit", this.submit.bind(this));
  },

  createSelectorControl: function() {
    return UppityUpload.FileSelectorControl.createFileSelectorControl(this);
  },

  createSubmitBarControl: function() {
    var submitContainer = this.getOption("submit_container");
    return new UppityUpload.SubmitBarControl(this, { submitContainer: submitContainer });
  },

  createAttachmentManager: function() {
    return UppityUpload.AttachmentManager.createAttachmentManager({
      selectorControl:       this.selectorControl,
      uploadURL:             this.getOption("upload_url"),
      fileSizeLimit:         this.getOption("file_size_limit") || 0,
      onAttachmentAdded:     this.onAttachmentAdded.bind(this),
      onAttachmentProcessed: this.onAttachmentProcessed.bind(this),
      onAttachmentRemoved:   this.onAttachmentRemoved.bind(this),
      onProgressChanged:     this.onProgressChanged.bind(this)
    }, this.getOption("attachment_manager"));
  },

  submit: function(event) {
    if (event) event.stop();
    if (!this.validateForm()) return false;
    if (!this.prepareAttachments()) return false;

    this.showProgress(this.getOption("finish_text") || "Finishing…", 1);

    this.enable();
    this.element.submit();
    this.disable();
  },

  validateForm: function() {
    return !this.element.fire("form:beforesubmit").stopped;
  },

  prepareAttachments: function() {
    if (!this.attachmentManager || this.attachmentsPrepared) {
      return true;

    } else {
      this.disable();
      this.attachmentManager.prepareAttachments(function(attachmentsPrepared) {
        this.attachmentsPrepared = attachmentsPrepared;
        this.onAttachmentsPrepared(attachmentsPrepared);
      }.bind(this));
    }
  },

  enable: function() {
    if (this.selectorControl) {
      this.selectorControl.enable();
    }
    this.element.enable();
  },

  disable: function() {
    this.element.disable();
    if (this.selectorControl) {
      this.selectorControl.disable();
    }
  },

  reset: function() {
    if (this.attachmentManager) {
      this.attachmentManager.getAttachments().each(function(attachmentInfo) {
        this.attachmentManager.removeAttachment(attachmentInfo.id);
      }.bind(this));
    }
    this.element.reset();
  },

  showProgress: function(message, progress) {
    if (!this.hasShownProgress) {
      this.hasShownProgress = true;
      this.submitBarControl.showProgress(message, progress, false);
      this.submitBarControl.slideIntoView();

    } else {
      this.submitBarControl.showProgress(message, progress);
    }
  },

  onAttachmentAdded: function(id, attributes) {
    this.selectorControl.addAttachment(id);
    this.element.fire("attachment:added", { form: this, id: id });
  },

  onAttachmentProcessed: function(id, inputFields) {
    var attachmentControl = this.getAttachmentControl(id);
    inputFields.each(function(inputFields) {
      attachmentControl.insertInputField(inputFields);
    });
  },

  onAttachmentRemoved: function(id, attributes) {
    this.selectorControl.removeAttachment(id);
    this.element.fire("attachment:removed", { form: this, id: id });
  },

  onProgressChanged: function(message, progress) {
    this.showProgress(message, progress);
  },

  onAttachmentsPrepared: function(attachmentsPrepared) {
    this.submit.bind(this).defer();
  },

  getAttachments: function() {
    return this.attachmentManager.getAttachments();
  },

  getAttachmentControl: function(id) {
    return this.selectorControl.getAttachmentControl(id);
  },

  getButtonControl: function() {
    return this.selectorControl.getButtonControl();
  },

  getOption: function(name) {
    var value = this.element.readAttribute(name);
    if (name.match(/_(container|element)$/)) return $(value);
    return value;
  },

  revert: function() {
    this.element.preservingValues(function() {
      this.submitBarControl.revert();
      this.element.update(this.innerHTML);
    }.bind(this));
    this.element.stopObserving("submit");
  }
});

document.observe("dom:loaded", function() {
  $(document.body).select("form.uppity_upload").each(UppityUpload.install);
});
var Champagne = {
  celebrate: function(entries) {
    document.observe("dom:loaded", function() {
      var element = $('champagne');
      var entries_list = element.select('.entries').first();

      var show_entries_since = Champagne.lastAccess();
      if (!show_entries_since)
        return;

      entries.each(function(entry) {
        var published_at = new Date(entry.published_at);
        if (published_at >= show_entries_since)
          entries_list.insert(entry.html);
      });

      if (entries_list.childElementCount > 0) {
        var control = new Element('div');
        var controller = new DimZum.Controller({
          window: { controls: control, yOffset: 0.25 },
          shade: { opacity: 0.30 }
        });
        controller.showElement(element);
      }
    });
  },

  lastAccess: function() {
    var value = Champagne.readCookie('champagne_show_since');
    if (value) {
      return new Date(value.gsub(/\+/, ' '));
    }
    return null;
  },

  readCookie: function(name) {
    var cookie = document.cookie.match(new RegExp('(^|;)\\s*' + escape(name) + '=([^;\\s]*)'));
    return (cookie ? unescape(cookie[2]) : null);
  }
};

/* Add support for specifying a Selector for containment */

Object.extend(Droppables, {
  add: Droppables.add.wrap(function(proceed, element) {
    var options = arguments[2] || {}, containment = options.containment;

    if (containment && containment.expression && containment.match) {
      Droppables._containers_by_expression = Droppables._containers_by_expression || {};
      options._container_selector = containment;
      options._containers = 'selector';
      options.containment = null;
    }

    return proceed(element, options);
  }),

  isContained: Droppables.isContained.wrap(function(proceed, element, drop) {
    if (drop._container_selector && drop._containers == 'selector') {
      var selector = drop._container_selector, containers = Droppables._containers_by_expression;
      if (!containers[selector.expression])
        containers[selector.expression] = selector.findElements();
      drop._containers = containers[selector.expression];
    }

    return proceed(element, drop);
  }),

  reset: Droppables.reset.wrap(function(proceed) {
    Droppables._containers_by_expression = {};

    this.drops.each(function(drop) {
      if (drop._container_selector)
        drop._containers = 'selector';
    });

    return proceed();
  })
});

/*--------------------------------------------------------------------------*/

Widget = {
  beforeDragRequestHandlers: [],

  serialize: function(widget) {
    widget = $(widget || 'widgets');
    var elements = Selector.matchElements(widget.immediateDescendants(), 'div.widget');
    return elements.invoke('readAttribute', 'record').map(function(record) {
      return 'records[]=' + encodeURIComponent(record);
    }).join('&');
  },

  makeDragRequest: function(url, container) {
    container = $(container);
    var widget = Draggables.activeDraggable.element;
    var widgetParent = widget.up('div.widget_parent');
    if (widgetParent != container) return;

    for (var i = 0, length = Widget.beforeDragRequestHandlers.length; i < length; i++)
      if (!Widget.beforeDragRequestHandlers[i](widget, widgetParent)) return false;

    new Ajax.Request(url, {
      parameters: $H({
        container: (container.up('div.widget') || container.up('div.page.content')).id,
        record: widget.getAttribute('record')
      }).toQueryString() + '&' + Widget.serialize(container)
    });
  },

  onItemEditKeyPress: function(event) {
    element = Event.element(event);
    if (event.keyCode == 13) {
      element.up('form').onsubmit();
      Event.stop(event);
    }
  },

  ifWidgetHasNoChildren: function(widget, callback) {
    widget = $(widget);
    if (!widget.down('div.widget', 1)) callback();
  }
};

Draggables.addObserver({
  onStart: function(eventName, draggable, event) {
    if (window.Nubbins) Nubbins.stop();
  },

  onEnd: function(eventName, draggable, event) {
    if (window.Nubbins) Nubbins.start();
  }
});

var Sortables = Sortable;

/*--------------------------------------------------------------------------*/

var Enumerator = Class.create();
Object.extend(Enumerator.prototype, Enumerable);
Object.extend(Enumerator.prototype, (function() {
  var values = [], value, options;

  function isFirst() {
    return values.length == 0;
  }

  function next(index) {
    value = isFirst() ? options.first() : options.next(value, index);
    values.push(value);
    return value;
  }

  return {
    initialize: function(_options) {
      options = _options;
    },

    _each: function(iterator) {
      if (isFirst()) {
        var index = 0;
        while (true) iterator(next(index++));
      } else {
        values.each(iterator);
      }
    },

    backgroundEach: function(iterator, options) {
      options = options || {};
      var index = 0, performIteration = function() {
        try {
          iterator(next(index), index);
          performIteration.defer();
          index++;
        } catch (e) {
          if (e != $break) throw e;
          if (options.afterFinish) options.afterFinish.defer();
        }
      };
      performIteration.defer();
    },

    reset: function() {
      values.clear();
    }
  };
})());

/* Wraps an Enumerable in an Enumerator */

function $E(enumerable) {
  var values = enumerable.toArray();

  return new Enumerator({
    first: function() {
      if (!values.length) throw $break;
      return values.first();
    },

    next:  function(value, index) {
      if (index >= values.length) throw $break;
      return values[index];
    }
  });
}

/*--------------------------------------------------------------------------*/

/* Preload these images */

function preload() {
  var all = $$('link[href*="/all.css"]'), protocol = '', domain = '';

  if (all.length > 0) {
    url = all.first().readAttribute('href').match(/^(.*?:)(\/\/.*?)\//);
    if (url) protocol = url[1], domain = url[2];
  }

  $A(arguments).each(function(path) {
    var src = protocol + domain + path;
    new Image().src = src;
  });
}

document.observe("dom:loaded", function() {
  preload(
    "/images/post_a_new_message-pressed.gif",
    "/images/add_a_new_milestone-pressed.gif",
    "/images/new_project-pressed.gif",
    "/images/create_a_writeboard-pressed.gif",
    "/images/new_to-do_list-pressed.gif",
    "/images/upload_a_file-pressed.gif",
    "/images/upload_a_new_version-pressed.gif",
    "/images/upload_progress.gif",
    "/images/project_switcher-shadow-bottom.gif",
    "/images/project_switcher-shadow-bottom.png",
    "/images/project_switcher-shadow-top.gif",
    "/images/project_switcher-shadow-top.png",
    "/images/nubbin.gif",
    "/images/drag_handle.gif",
    "/images/quick_window/left_right-shadow.png",
    "/images/quick_window/nubbin.png",
    "/images/quick_window/optimized-shadow.png"
  );
});

/* Enable nubbins */

document.observe("dom:loaded", function() {
  if (Prototype.Browser.MobileSafari)
    $(document.body).addClassName("iphone");

  if ($(document.body).hasClassName("nubbins")) {
    window.Nubbins = new HoverObserver("screen_body");
  }
});

/* Unfold anchored sheets automatically */

document.observe("dom:loaded", function() {
  if (window.location.hash) {
    var element = $(window.location.hash.substr(1));
    if (element && element.hasClassName('sheet')) {
      Layout.swapWithScreenBody(element);
    }
  }
});

/* Process after-load callbacks */

window.afterLoad = [];

document.observe("dom:loaded", function() {
  if (window.afterLoad.length) {
    (function() {
      $E(window.afterLoad).backgroundEach(function(callback) {
        callback();
      });
    }).delay(0.25);
  }
});

document.observe("mousedown", function(event) {
  var label = event.findElement("label");
  if (label && !label.hasAttribute("for")) {
    var element = label.down("input[type=radio], input[type=checkbox], input[type=submit]," +
                             "input[type=text],  input[type=password], select, textarea");
    if (element) {
      label.writeAttribute("for", element.identify());
    }
  }
});
var CalendarDate = Class.create({
  initialize: function(year, month, day) {
    this.date  = new Date(Date.UTC(year, month - 1));
    this.date.setUTCDate(day);

    this.year  = this.date.getUTCFullYear();
    this.month = this.date.getUTCMonth() + 1;
    this.day   = this.date.getUTCDate();
    this.value = this.date.getTime();
  },

  beginningOfMonth: function() {
    return new CalendarDate(this.year, this.month, 1);
  },

  beginningOfWeek: function() {
    return this.previous(this.date.getUTCDay());
  },

  next: function(value) {
    if (value === 0) return this;
    return new CalendarDate(this.year, this.month, this.day + (value || 1));
  },

  previous: function(value) {
    if (value === 0) return this;
    return this.next(-(value || 1));
  },

  succ: function() {
    return this.next();
  },

  equals: function(calendarDate) {
    return calendarDate && this.value == calendarDate.value;
  },

  isWeekend: function() {
    var day = this.date.getUTCDay();
    return day == 0 || day == 6;
  },

  getMonthName: function() {
    return CalendarDate.MONTHS[this.month - 1];
  },

  getAbbreviatedMonthName: function() {
    return CalendarDate.ABBREVIATED_MONTHS[this.month - 1];
  },

  toString: function() {
    return this.stringValue = this.stringValue ||
      [this.year, this.month, this.day].invoke("toPaddedString", 2).join("-");
  }
});

Object.extend(CalendarDate, {
  MONTHS: $w("January February March April May June July August September October November December"),
  ABBREVIATED_MONTHS: $w("Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec"),
  WEEKDAYS: $w("Sunday Monday Tuesday Wednesday Thursday Friday Saturday"),

  parse: function(date) {
    if (!(date || "").toString().strip()) {
      return CalendarDate.parse(new Date());

    } else if (date.constructor == Date) {
      return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());

    } else if (Object.isArray(date)) {
      var year = date[0], month = date[1], day = date[2];
      return new CalendarDate(year, month, day);

    } else {
      return CalendarDate.parse(date.toString().split("-"));
    }
  }
});
var CalendarDateSelect = Class.create({
  initialize: function(field, options) {
    this.field   = $(field);
    this.options = options || {};

    if (this.field.calendar) {
      this.field.calendar.element.fire("calendar:fieldChanged");
      return false;
    }

    this.onFieldChanged();
    this.createElement();
    this.field.insert({ after: this });

    this.field.calendar = this;
  },

  createElement: function() {
    this.element = new Element("div", { className: "calendar_date_select" });

    this.header = new Element("div", { className: "header" });
    this.pager = new CalendarDateSelect.Pager(this.cursor);
    this.header.insert(this.pager);
    this.element.insert(this.header);

    this.body = new Element("div", { className: "body" });
    this.updateBody();
    this.element.insert(this.body);

    this.footer = new Element("div", { className: "footer" });
    this.title = new Element("span").update((this.options.title || "Due:") + " ");
    this.description = new Element("span");
    this.updateDescription();
    this.footer.insert(this.title);
    this.footer.insert(this.description);
    this.element.insert(this.footer);

    this.element.observe("calendar:cursorChanged", this.onCursorChanged.bind(this));
    this.element.observe("calendar:dateSelected", this.onDateSelected.bind(this));
    this.element.observe("calendar:fieldChanged", this.onFieldChanged.bind(this));
  },

  onCursorChanged: function(event) {
    this.setCursor(event.memo.cursor);
  },

  onDateSelected: function(event) {
    this.setDate(event.memo.date);
  },

  onFieldChanged: function(event) {
    var value = $F(this.field);
    var date  = CalendarDate.parse(value);

    if (!value.blank())
      this.setDate(date);
    this.setCursor(date);

    if (this.pager) this.pager.setCursor(this.cursor);
  },

  setCursor: function(date) {
    this.cursor = date.beginningOfMonth();
    this.updateBody();
  },

  setDate: function(date) {
    this.date = date;

    if (this.date)
      this.field.setValue(this.date);
    else
      this.field.setValue('');

    this.updateDescription();
  },

  updateBody: function() {
    if (this.body) {
      this.grid = new CalendarDateSelect.Grid(this.date, this.cursor);
      this.body.update(this.grid);
    }
  },

  updateDescription: function() {
    if (this.description) {
      if (this.date)
        var description = (this.options.description || "#{month} #{day}, #{year}").interpolate({
          month: this.date.getMonthName(), day: this.date.day, year: this.date.year
        });
      else
        var description = "No date selected";

      if (this.description.parentNode) {
        var element = new Element("span").update(description);
        this.description.replace(element);
        this.description = element;
      } else {
        this.description.update(description);
      }
    }
  },

  toElement: function() {
    return this.element;
  }
});


CalendarDateSelect.Pager = Class.create({
  initialize: function(cursor) {
    this.cursor = cursor;
    this.createElement();
  },

  createElement: function() {
    this.element = new Element("div", { className: "pager" });

    this.left = new Element("a", { href: "#", method: "previous" });
    this.left.update('<img src="/images/calendar_date_select-previous_month.gif" />');
    this.left.observe("click", this.onButtonClicked.bind(this));
    this.element.insert(this.left);

    this.select = new Element("select", { className: "months" });
    this.updateSelect();
    this.select.observe("change", this.onSelectChanged.bind(this));
    this.element.insert(this.select);

    this.right = new Element("a", { href: "#", method: "next" });
    this.right.update('<img src="/images/calendar_date_select-next_month.gif" />');
    this.right.observe("click", this.onButtonClicked.bind(this));
    this.element.insert(this.right);
  },

  onButtonClicked: function(event) {
    var element = event.findElement("a[method]");
    if (element) {
      this[element.readAttribute("method")]();
      event.stop();
    }
  },

  onSelectChanged: function(event) {
    this.setCursor(CalendarDate.parse($F(this.select)));
  },

  previous: function() {
    this.setCursor(this.cursor.beginningOfMonth().previous());
  },

  next: function() {
    this.setCursor(new CalendarDate(this.cursor.year, this.cursor.month + 1, 1));
  },

  setCursor: function(cursor) {
    cursor = cursor.beginningOfMonth();
    var event = this.element.fire("calendar:cursorChanged", { cursor: cursor });

    if (!event.stopped) {
      var oldCursor = this.cursor;
      this.cursor = cursor;
      this.updateSelect(oldCursor);
    }
  },

  updateSelect: function(oldCursor) {
    if (!oldCursor || this.cursor.year != oldCursor.year) {
      this.months = this.getDatesForSurroundingMonths();
      this.select.options.length = 0;
      this.getDatesForSurroundingMonths().each(function(date, index) {
        var title = [date.getMonthName().slice(0, 3), date.year].join(" ");
        this.select.options[index] = new Option(title, date.toString());
        if (this.cursor.equals(date)) this.select.selectedIndex = index;
      }, this);

    } else {
      this.select.selectedIndex = this.months.pluck("value").indexOf(this.cursor.value);
    }
  },

  getDatesForSurroundingMonths: function() {
    return $R(this.cursor.year - 1, this.cursor.year + 2).map(function(year) {
      return $R(1, 12).map(function(month) {
        return new CalendarDate(year, month, 1);
      });
    }).flatten();
  },

  toElement: function() {
    return this.element;
  }
});


CalendarDateSelect.Grid = Class.create({
  initialize: function(date, cursor) {
    this.date    = date ? CalendarDate.parse(date) : null;
    this.cursor  = CalendarDate.parse(cursor).beginningOfMonth();
    this.today   = CalendarDate.parse();

    this.createElement();
  },

  createElement: function() {
    var table = new Element("table");
    var tbody = new Element("tbody");
    var html  = [];

    html.push('<tr class="weekdays">');
    CalendarDate.WEEKDAYS.each(function(weekday) {
      html.push("<th>", weekday.substring(0, 1), "</th>");
    });
    html.push("</tr>");

    this.getWeeks().each(function(week) {
      html.push('<tr class="days">');
      week.each(function(date) {
        html.push('<td class="', this.getClassNamesForDate(date).join(" "));
        html.push('" date="', date, '"><a href="#">', date.day, "</a></td>");
      }, this);
      html.push("</tr>");
    }, this);

    tbody.insert(html.join(""));
    table.insert(tbody);

    table.observe("click", function(event) { event.stop(); });

    table.observe("mousedown", this.onDateMouseDown.bind(this));
    table.observe("mouseup", this.onDateMouseUp.bind(this));

    return this.element = table;
  },

  getStartDate: function() {
    return this.cursor.beginningOfWeek();
  },

  getEndDate: function() {
    return this.getStartDate().next(41);
  },

  getDates: function() {
    return $R(this.getStartDate(), this.getEndDate());
  },

  getWeeks: function() {
    return this.getDates().inGroupsOf(7);
  },

  getClassNamesForDate: function(date) {
    var classNames = [];

    if (date.equals(this.today)) classNames.push("today");
    if (date.equals(this.date))  classNames.push("selected");
    if (date.isWeekend())        classNames.push("weekend");
    if (!date.beginningOfMonth().equals(this.cursor))
      classNames.push("other");

    return classNames;
  },

  onDateMouseDown: function(event) {
    var element = event.findElement("td[date]");
    if (element) {
      this.highlightDate(element);
      event.stop();
    }
  },

  onDateMouseUp: function(event) {
    var element = event.findElement("td[date]");
    if (element) {
      this.selectDate(element);
      event.stop();
    }
  },

  highlightDate: function(element) {
    var date = null;
    if (element)
      var date = CalendarDate.parse(element.readAttribute("date"));
    else
      element = this.element;

    var selection = this.element.down("td.selected");
    if (selection) selection.removeClassName("selected");

    var oldSelectedElement = this.selectedElement;
    var oldDate = this.date;

    this.selectedElement = element;
    this.date = date;

    element.addClassName("selected");

    this.revertHighlight = (function() {
      element.removeClassName("selected");

      this.selectedElement = oldSelectedElement;
      this.date = oldDate;

      if (selection) selection.addClassName("selected");
    }).bind(this);
  },

  selectDate: function(element) {
    var date = null;
    if (element)
      var date = CalendarDate.parse(element.readAttribute("date"));
    else
      element = this.element;

    var event = element.fire("calendar:dateSelected", { date: date });
    if (this.revertHighlight && event.stopped) this.revertHighlight();
    this.revertHighlight = null;
  },

  toElement: function() {
    return this.element;
  }
});
/* ------------------------------------------------------------------------
 * categories.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

categories = {
  toggleEdit: function() {
    if($('edit_categories_link')['bc:active']) {
      Element.activate('edit_categories_link', false)
      $('CategoryList').removeClassName("editing")
    } else {
      Element.activate('edit_categories_link', true)
      $('CategoryList').addClassName("editing")
    }
    $('add_new_category').toggle();
  },

  toggleOperationSpinner: function(id) {
    Element.toggle('operation_wait_' + id,
      'operation_rename_' + id, 'operation_delete_' + id)
  },

  cancelEdit: function(id) {
    $('edit_category_' + id).remove()
    $('category_menu_item_' + id).show()
  },

  edit: function(id, name, url) {
    name = prompt("Rename this category", name);
    if(name) {
      this.toggleOperationSpinner(id);
      new Ajax.Request(url,
        { asynchronous: true,
          evalScripts:  true,
          method:       'put',
          parameters:   'category[name]=' + encodeURIComponent(name),
          onFailure:    function(req) { categorySelect.addFailed(req) }});
    }
  },

  addNew: function() {
    toggle = function() { $('add_new_category_link', 'add_new_category_spinner').each(Element.toggle); };
    categories.add({ addFailed: toggle, validName: toggle });
  },

  add: function(options) {
    options = options || {};
    var name = prompt("Enter the new category name:", "");
    if(name) name = name.strip()
    if(!name || name.length < 1) {
      if(options.invalidName) options.invalidName();
    } else {
      if(options.validName) options.validName(name);
      new Ajax.Request(this.url, {asynchronous:true, evalScripts:true,
        parameters:'category[name]=' + encodeURIComponent(name),
        onFailure: function(req) { categories.addFailed(req, options); }
      });
    }
  },

  addFailed: function(request, options) {
    alert("An error prevented the category from being added. Please try again.")
    if(options.addFailed) options.addFailed(req);
  }
}

categorySelect = {
  controls: [],

  register: function(element) {
    var control = $(element);
    var optionsIncludeAddCommand = (control.options[control.options.length-1].value == '!');
    if (!this.controls.include(control) && optionsIncludeAddCommand) {
      this.controls.push(control);
      control.observe('change', this.detectChange.bind(this));
    }
  },

  detectChange: function(event) {
    var control = Event.element(event)
    if(control.selectedIndex == control.options.length - 1) {
      categories.add({
        invalidName: function() {
          control.selectedIndex = 0;
        },

        validName: function(name) {
          categorySelect.control = control
          categorySelect.enableControls(false)
        },

        addFailed: function(req) {
          categorySelect.enableControls(true)
          categorySelect.control.selectedIndex = 0
       }
      });
    }
  },

  enableControls: function(setting) {
    this.controls.each(function(item) {
      item.disabled = !setting;
    })
  },

  addCategory: function(id, name, position) {
    position++
    this.controls.each(function(item){
      var options = $A(item.options)
      options.splice(position, 0, new Option(name, id))
      for(var idx = 0; idx < options.length; idx++) {
        item.options[idx] = options[idx]
      }
    })
    this.reset(position);
  },

  reset: function(selected) {
    if(this.control) this.control.selectedIndex = (selected || 0);
    this.enableControls(true)
  },

  renameCategory: function(id, name) {
    this.controls.each(function(item){
      for(var idx = 0; idx < item.options.length; idx++) {
        if(parseInt(item.options[idx].value) == id) {
          item.options[idx].text = name;
          break;
        }
      }
    })
  },

  deleteCategory: function(id) {
    this.controls.each(function(item){
      for(var idx = 0; idx < item.options.length; idx++)
        if(parseInt(item.options[idx].value) == id) {
          item.options[idx] = null;
          break;
        }
    })
  }
}
var Color = {
  TOLERANCE: 0.0000000001
};

Color.HSV = Class.create({
  initialize: function(h, s, v) {
    this.h = h > 1 ? 1 : h < 0 ? 0 : h;
    this.s = s > 1 ? 1 : s < 0 ? 0 : s;
    this.v = v > 1 ? 1 : v < 0 ? 0 : v;
  },

  toRGB: function() {
    var h = this.h, s = this.s, v = this.v;
    if (h + Color.TOLERANCE >= 1) h = 0;
    h *= 6;

    var i = parseInt(h);
    var f = h - i;
    var p = v * (1 - s);
    var q = v * (1 - s * f);
    var t = v * (1 - s * (1 - f));

    var r, g, b;

    switch (i) {
      case 0: r = v, g = t, b = p; break;
      case 1: r = q, g = v, b = p; break;
      case 2: r = p, g = v, b = t; break;
      case 3: r = p, g = q, b = v; break;
      case 4: r = t, g = p, b = v; break;
      case 5: r = v, g = p, b = q; break;
    }

    return new Color.RGB(Math.round(r * 255), Math.round(g * 255), Math.round(b * 255));
  },

  toHSV: function() {
    return this;
  },

  toHTML: function() {
    return this.toRGB().toHTML();
  }
});

Color.RGB = Class.create({
  initialize: function(r, g, b) {
    this.r = parseInt(r > 255 ? 255 : r < 0 ? 0 : r);
    this.g = parseInt(g > 255 ? 255 : g < 0 ? 0 : g);
    this.b = parseInt(b > 255 ? 255 : b < 0 ? 0 : b);
  },

  toHSV: function() {
    var r = this.r, g = this.g, b = this.b;
    var max = Math.max(r, g, b), min = Math.min(r, g, b);
    var d = max - min, h, s = max > 0 ? d / max : 0, v = max;

    if (s - Color.TOLERANCE <= 0) {
      h = 0;
    } else {
      if (max == r) {
        h = (g - b) / d;
      } else if (max == g) {
        h = 2 + (b - r) / d;
      } else {
        h = 4 + (r - g) / d;
      }
    }

    if (h < 0) h += 6;
    h /= 6, v /= 255;

    return new Color.HSV(h, s, v);
  },

  toRGB: function() {
    return this;
  },

  toHTML: function() {
    var html = "#" + this.r.toColorPart() + this.g.toColorPart() + this.b.toColorPart();
    return html;
  }
});

Color.RGB.fromHTML = function(html) {
  var color = (html.toString().match(/#?([0-9A-Fa-f]{3}(?:[0-9A-Fa-f]{3})?)/) || [])[1];

  if (color) {
    if (color.length == 3) {
      color = color.split("");
      var r = color[0] + color[0], g = color[1] + color[1], b = color[2] + color[2];
    } else {
      var r = color.slice(0, 2), g = color.slice(2, 4), b = color.slice(4, 6);
    }

    return new Color.RGB(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16));
  }
};
var ColorPicker = Class.create({
  initialize: function(element, color) {
    this.element   = $(element);
    this.satPicker = this.element.down("div.saturation_and_brightness_picker");
    this.satCursor = this.satPicker.down("div.cursor");
    this.huePicker = this.element.down("div.hue_picker");
    this.hueCursor = this.huePicker.down("div.cursor");
    this.document  = document;
    this.observers = $H();

    this.setColor(Color.RGB.fromHTML(color || "#f00"));
    this.start();
  },

  start: function() {
    if (this.observers.keys().length) return;
    this.observe("satPicker", "mousedown", "didStartSatPickerDrag");
    this.observe("huePicker", "mousedown", "didStartHuePickerDrag");
  },

  stop: function() {
    this.observers.keys().each(function(o) {
      this.stopObserving(o);
    }, this);
  },

  observe: function(elementName, eventName, methodName) {
    var key = $A(arguments).join(":");
    var observer = this[methodName].bind(this), element = this[elementName];
    element.observe(eventName, observer);
    this.observers.set(key, { element: element, event: eventName, observer: observer });
  },

  stopObserving: function() {
    var o = this.observers.get($A(arguments).join(":"));
    if (o) o.element.stopObserving(o.event, o.observer);
  },

  setColor: function(color) {
    var hsv = color.toHSV();
    if (hsv.s > 0) this.setHue(parseInt(hsv.h * 255), true);
    this.setSaturationAndValue(parseInt(hsv.s * 255), parseInt(hsv.v * 255), true);
    this.color = color;
    this.fireChangedEvent();
  },

  setColor: function(color, animate) {
    var hsv = color.toHSV();
    var h = this.h, s = parseInt(hsv.s * 255), v = parseInt(hsv.v * 255);
    if (!h || hsv.s > 0) h = parseInt(hsv.h * 255);

    var finish = (function() {
      this.color = color;
      this.fireChangedEvent();
    }).bind(this);

    if (animate) {
      this.effect = new Effect.Parallel([
        new Effect.Tween(this.element, this.h, h, function(position) {
          this.setHue(position, true);
        }.bind(this)),
        new Effect.Tween(this.element, this.s, s, function(position) {
          this.setSaturationAndValue(position, this.v, true);
        }.bind(this)),
        new Effect.Tween(this.element, this.v, v, function(position) {
          this.setSaturationAndValue(this.s, position, true);
        }.bind(this))
      ], {
        duration: 0.35,
        afterFinish: finish
      });
    } else {
      this.setHue(h, true);
      this.setSaturationAndValue(s, v, true);
      finish();
    }
  },

  updateColor: function() {
    this.color = new Color.HSV(this.h / 255, this.s / 255, this.v / 255);
    this.fireChangedEvent();
  },

  setHue: function(h, aggregate) {
    this.h = h < 0 ? 0 : h > 255 ? 255 : h;
    this.moveHueCursorTo(255 - this.h);
    this.updateSatPickerBackground();
    if (!aggregate) this.updateColor();
  },

  setSaturationAndValue: function(s, v, aggregate) {
    this.s = s < 0 ? 0 : s > 255 ? 255 : s;
    this.v = v < 0 ? 0 : v > 255 ? 255 : v;
    this.moveSatCursorTo(this.s, 255 - this.v);
    if (!aggregate) this.updateColor();
  },

  getColor: function() {
    return this.color;
  },

  didStartSatPickerDrag: function(event) {
    this.observe("document", "mousemove", "didDragSatPicker");
    this.observe("document", "mouseup", "didEndSatPickerDrag");
    this.didDragSatPicker(event);
  },

  didDragSatPicker: function(event) {
    var offsets = this.getOffsetsFrom("satPicker", event);
    this.setSaturationAndValue(offsets.left, 255 - offsets.top);
    event.stop();
  },

  didEndSatPickerDrag: function(event) {
    this.stopObserving("document", "mousemove", "didDragSatPicker");
    this.stopObserving("document", "mouseup", "didEndSatPickerDrag");
    event.stop();
  },

  didStartHuePickerDrag: function(event) {
    this.observe("document", "mousemove", "didDragHuePicker");
    this.observe("document", "mouseup", "didEndHuePickerDrag");
    this.didDragHuePicker(event);
  },

  didDragHuePicker: function(event) {
    var offsets = this.getOffsetsFrom("huePicker", event);
    this.setHue(255 - offsets.top);
    event.stop();
  },

  didEndHuePickerDrag: function(event) {
    this.stopObserving("document", "mousemove", "didDragHuePicker");
    this.stopObserving("document", "mouseup", "didEndHuePickerDrag");
    event.stop();
  },

  getOffsetsFrom: function(elementName, event) {
    var element = this[elementName];
    var offset  = element.cumulativeOffset();
    return { left: event.pointerX() - offset.left, top: event.pointerY() - offset.top };
  },

  moveSatCursorTo: function(x, y) {
    this.satCursor.setStyle({ left: x + "px", top: y + "px" });
  },

  moveHueCursorTo: function(y) {
    this.hueCursor.setStyle({ top: y + "px" });
  },

  updateSatPickerBackground: function() {
    var color = new Color.HSV(this.h / 255, 1, 1).toRGB();
    this.satPicker.setStyle({ backgroundColor: color.toHTML() });
  },

  fireChangedEvent: function() {
    this.element.fire("color:changed", { color: this.color });
  }
});
var ColorScheme = {
  styles: {
    "header_background":    ["backgroundColor"],
    "client_name":          ["color"],
    "project_name":         ["color"],
    "current_tab_text":     ["color"],
    "tab_background":       ["backgroundColor", "borderColor"],
    "tab_text":             ["color"],
    "tab_hover_background": ["backgroundColor", "borderColor"],
    "tab_hover_text":       ["color"],
    "link_text":            ["color"]
  },

  initialize: function(colors) {
    this.setSwatchColors(colors);
    this.rememberOriginalColors();
  },

  getSwatch: function(swatch) {
    return this.getSwatchInput(swatch).up("div.color_swatch");
  },

  getSwatchInput: function(swatch) {
    return $(swatch + "_input");
  },

  setSwatchColor: function(swatch, color) {
    this.getSwatchInput(swatch).setValue(color);
    this.getSwatch(swatch).setStyle({ backgroundColor: "#" + color });
    this.updateSwatchPreview(swatch);
  },

  getSwatchColor: function(swatch) {
    return "#" + this.getSwatchInput(swatch).getValue();
  },

  editSwatchColor: function(swatch) {
    ColorScheme.SwatchEditor.edit(swatch);
  },

  updateSwatchPreview: function(swatch) {
    var preview = $(swatch + "_preview");
    if (preview) {
      var color = this.getSwatchColor(swatch);
      this.styles[swatch].each(function(style) {
        preview.style[style] = color;
      });
    }
  },

  setSwatchColors: function(colors) {
    ColorScheme.SwatchEditor.close();
    $H(colors).each(function(pair) {
      this.setSwatchColor.apply(this, pair);
    }, this);
  },

  setCustomScheme: function() {
    $("custom_scheme_selector").checked = "checked";
  },

  serialize: function() {
    return Form.serialize("scheme_colors");
  },

  rememberOriginalColors: function() {
    this.originalColors = this.serialize();
  },

  colorsHaveChanged: function() {
    return this.originalColors && (this.originalColors != this.serialize());
  },

  onSave: function() {
    this.rememberOriginalColors();
  },

  onCancel: function() {
    this.rememberOriginalColors();
  },

  onUnload: function() {
    if (this.colorsHaveChanged()) {
      return "The changes to your color settings will NOT be saved.";
    } else {
      return;
    }
  },

  SwatchEditor: {
    edit: function(swatch) {
      this.close(true);
      this.swatch = swatch;
      this.originalColor = this.getSwatchColor();
      this.getSwatchContainer().addClassName("selected");
      this.show(ColorScheme.getSwatchColor(swatch));
    },

    close: function(fromEdit) {
      if (this.swatch) {
        this.getSwatchContainer().removeClassName("selected");
        this.swatch = null;
        if (!fromEdit) this.hide();
      }
    },

    revert: function() {
      this.setColor(this.originalColor);
      this.show(this.originalColor);
    },

    show: function(color) {
      this.createEditor();
      this.picker.setColor(Color.RGB.fromHTML(color)/*, this.visible() */);
      this.editor.removeClassName("changed");
      this.editor.addClassName("editing");
    },

    hide: function() {
      this.editor.removeClassName("editing");
    },

    visible: function() {
      return this.editor.hasClassName("editing");
    },

    getSwatchContainer: function() {
      return ColorScheme.getSwatch(this.swatch).up(".color");
    },

    getSwatchColor: function() {
      return ColorScheme.getSwatchColor(this.swatch).slice(1);
    },

    getColor: function() {
      return this.picker.getColor().toHTML().slice(1);
    },

    setColor: function(color) {
      ColorScheme.setSwatchColor(this.swatch, color);
      ColorScheme.setCustomScheme();
    },

    createEditor: function() {
      if (!this.editor) {
        this.editor = $("swatch_editor");

        var element = this.editor.down(".color_picker");
        this.picker = new ColorPicker(element);
        element.observe("color:changed", this.onColorChanged.bind(this));

        this.input = this.editor.down("input.color");
        this.input.observe("change", this.onInputChanged.bind(this));
      }
    },

    onColorChanged: function(event) {
      var color = this.getColor();
      this.setColor(color);
      this.input.setValue("#" + color);
      this.editor.addClassName("changed");
    },

    onInputChanged: function(event) {
      var color = Color.RGB.fromHTML(this.input.getValue());
      if (color) {
        this.picker.setColor(color);
      } else {
        this.input.setValue("#" + this.getColor());
      }
    }
  }
};

document.observe("dom:loaded", function() {
  if ($(document.body).hasClassName("appearance")) {
    preload(
      "/images/color_picker/arrow.png",
      "/images/color_picker/circle.png",
      "/images/color_picker/hue.png",
      "/images/color_picker/saturation_and_brightness.png"
    );
    window.onbeforeunload = ColorScheme.onUnload.bind(ColorScheme);
  }
});
/* ------------------------------------------------------------------------
 * common.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

function validateField(fieldId, alertMessage) {
    if (document.getElementById(fieldId).value == "") {
        alert(alertMessage);
        document.getElementById(fieldId).focus();
        return false;
    } else {
        return true;
    }
}

function popup(url,width,height) {
        window.open(url,'popup','width='+width+',height='+height+',scrollbars=auto,resizable=yes,toolbar=no,directories=no,menubar=no,status=no,left=100,top=100');
        return false;
}

function milestoneResponsibleParty(control, currentUserId, suffix) {
  var item = control.options[control.selectedIndex];
  var match = control.name.match(/\[(\d+)\]/);
  suffix = suffix || "";
  suffix += match ? ("_" + match[1]) : "";
  if(item.value.match(/^c/)) {
    Element.hideIf('reminder' + suffix)
  } else {
    Element.showIf('reminder' + suffix)
  }
  if(item.value.match(new RegExp("^" + currentUserId + "$"))) {
    Element.hideIf('now_and')
  } else {
    Element.showIf('now_and')
  }
}

var ShowHide = Class.create();
ShowHide.prototype = {
  initialize: function(element, callbacks) {
    this.element   = element = $(element);
    this.effect    = element.getAttribute('effect') || 'slide';
    this.duration  = parseFloat(element.getAttribute('duration')) || 0.25;
    this.activeClassName = element.getAttribute('activeclassname') || 'active';
    this.callbacks = callbacks;
    this.active    = Element.visible(element);
    this.element.showHide = this;
  },

  togglers: function() {
    return document.getElementsByClassName('show_hide_toggler_' + this.element.id);
  },

  toggle: function() {
    if (this.callbacks.beforeToggle) this.callbacks.beforeToggle(this);
    Effect.toggle(this.element, this.effect, {
      duration: this.duration,
      afterFinish: function(effect) {
        effect.element.firstChild.style.bottom = '0px';
        (this.callbacks.afterToggle || Prototype.K)(this);
      }.bind(this)
    });
    this.active = !this.active;
    this.togglers().concat(this.element).each(this.adjustClassName.bind(this));
  },

  show: function() {
    if (this.active) return;
    this.toggle();
  },

  hide: function() {
    if (!this.active) return;
    this.toggle();
  },

  adjustClassName: function(element) {
    Element[this.active ? 'addClassName' : 'removeClassName'](element, this.activeClassName);
  }
}

/* A pretty little hack to make uploads not hang in Safari. Just call this
 * immediately before the upload is submitted. This does an Ajax call to
 * the server, which returns an empty document with the "Connection: close"
 * header, telling Safari to close the active connection. A hack, but
 * effective. */
function closeKeepAlive() {
  if (/AppleWebKit|MSIE/.test(navigator.userAgent)) {
    new Ajax.Request("/ping/close", { asynchronous:false });
  }
}
var Companies = {
  justOurCompany: function() {
    $('just_our_company').addClassName('highlight');
    $('another_company_too').removeClassName('highlight');
    $('select_another_company').hide();
    $('client_id').value = "";
  },

  anotherCompanyToo: function() {
    $('just_our_company').removeClassName('highlight');
    $('another_company_too').addClassName('highlight');
    $('select_another_company').show();
  },

  showCreateNewCompany: function() {
    $('new_company').show();
    $('existing_company').hide();
    $('new_client_name').focus();
  },

  showSelectExistingCompany: function() {
    $('new_company').hide();
    $('existing_company').show();
  }
}
/* ------------------------------------------------------------------------
 * contacts.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

contactsManager = {
  onRemoved: function(request, id) {
    new Effect.Fade("company_" + id, {duration: 0.5})
    $('clients_names').innerHTML = request.getResponseHeader("X-Clients-Names")
  },

  onAdd: function(from) {
    this.resetAdd()
    new Effect.BlindDown('AddCompany', { duration: 0.2, afterFinish: function() { $('client_name').focus(); } })
  },

  beginAdd: function() {
    if($('client_id') && !Field.present('client_name'))
      Element.show('add_company_indicator_1')
    else
      Element.show('add_company_indicator_2')
  },

  resetAdd: function() {
    Element.hideIf('add_company_indicator_1', 'add_company_indicator_2')
    Field.clear('client_name')
  },

  updateOptionsList: function(list, value) {
    if(!(list = $(list))) return
    list = list.options
    for(var i = 0; i < list.length; i += 1) {
      if(list[i].value == value) {
        Element.remove(list[i])
        break
      }
    }

    if(list.length == 0) {
      list[0] = new Option("")
    }
  },

  updateCompanyList: function(request) {
    var new_id = request.getResponseHeader("X-Client-Id")
    var insert_after = request.getResponseHeader("X-Insert-After")
    var content = request.responseText

    if($('clients_names')) {
      var clients_names = request.getResponseHeader("X-Clients-Names")
      $('clients_names').innerHTML = clients_names

      this.updateOptionsList('client_id', new_id)
    }
    var appear = true

    company = $('company_' + new_id)
    if(company) Element.remove(company)

    if(insert_after == "FRONT") {
      new Insertion.Top('clients_list', content)
    } else if(insert_after == "NONE") {
      new Insertion.Bottom('clients_list', content)
    } else {
      new Insertion.After('company_' + insert_after, content)
    }

    window.scrollTo(window.pageXOffset ||
                    document.documentElement.scrollLeft ||
                    document.body.scrollLeft || 0,
                    $('company_' + new_id).offsetTop)
    new Effect.Appear('company_' + new_id, {duration: 0.5})
  },

  onAdded: function(request) {
    Element.hide('AddCompany')
    if(request.status == 200) {
      this.updateCompanyList(request, true)
    }
  },

  addPerson: function(from, company_id) {
    this.resetAddPerson(company_id);
    new Effect.BlindDown('AddPerson_' + company_id, {duration: 0.2});
    $('AddPerson_' + company_id).scrollTo();
  },

  resetAddPerson: function(company_id) {
    Element.hide('AddPersonError_' + company_id);
    Field.clear('person_first_name_' + company_id);
    Field.clear('person_last_name_' + company_id);
    Field.clear('person_email_address_' + company_id);
    Field.clear('person_user_name_' + company_id);
    Field.clear('person_password_' + company_id);
    Element.hideIf('add_person_indicator_' + company_id + "_existing",
                   'add_person_indicator_' + company_id + "_new")
  },

  beginPersonAdd: function(company_id, mode) {
    Element.hide('AddPersonError_' + company_id)
    if(mode == "existing") {
      Element.show('add_person_indicator_' + company_id + '_existing')
    } else {
      Element.show('add_person_indicator_' + company_id + '_new')
    }
  },

  onPersonAdded: function(request, company_id) {
    if(request.status == 200) {
      window.location.reload();
    } else {
      $('AddPersonError_' + company_id).innerHTML = "<p>" + request.responseText + "</p>"
      Element.show('AddPersonError_' + company_id)
      Element.hideIf('add_person_indicator_' + company_id + '_existing')
      Element.hideIf('add_person_indicator_' + company_id + '_new')
    }
  },

  onPersonRemoved: function(request) {
    if(request.status == 200) {
      this.updateCompanyList(request)
    }
  },

  switchToOpenId: function() {
    this.showOpenId();
    $('open_id_verification_notice').show();
    this.clearAuthenticationFields();
  },

  showOpenId: function() {
    $('open_id').show();
    $('user_name_and_password').hide();
    $('person_identity_url').focus();
  },

  switchToUserNameAndPassword: function() {
    this.showUserNameAndPassword();
    $('open_id_verification_notice').hide();
    this.clearAuthenticationFields();
  },

  showUserNameAndPassword: function() {
    $('user_name_and_password').show();
    $('open_id').hide();
    $('person_user_name').focus();
  },

  clearAuthenticationFields: function() {
    this.clearIdentityUrl();
    this.clearUserNameAndPassword();
  },

  clearIdentityUrl: function() {
    $('person_identity_url').clear();
  },

  clearUserNameAndPassword: function() {
    $('person_user_name').clear();
    $('person_password').clear();
  },

  clearHiddenAuthenticationFields: function() {
    if ($('open_id').style.display == "none") {
      this.clearIdentityUrl();
    } else {
      this.clearUserNameAndPassword();
    }
  }
}

ContactsManager = contactsManager; // Hack to please update_page when using page.contacts_manager
/* ------------------------------------------------------------------------
 * custom.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

Element.empty = function(id) {
  return $(id).innerHTML.match(/^\s*$/);
}

Element.showIf = function() {
  for(var i = 0; i < arguments.length; i++ ) {
    var element = $(arguments[i])
    if(element) Element.show(element)
  }
}

Element.hideIf = function() {
  for(var i = 0; i < arguments.length; i++ ) {
    var element = $(arguments[i])
    if(element) Element.hide(element)
  }
}

Element.getY = function(element) {
  if(element.y) return element.y
  if(element.offsetTop || element.offsetParent) {
    var y = element.offsetTop
    while(element = element.offsetParent) y += element.offsetTop
    return y
  }
  return 0
}

Element.resizeTo = function(container, extra) {
  container = $(container)
  var width = container.clientWidth || container.scrollWidth
  width += extra // a hack to account for margins, padding, etc.
  if(width > 0) {
    for(var i = 2; i < arguments.length; i++)
      $(arguments[i]).style.width = width + "px"
  }
}

Element.activate = function(element, activate) {
  element = $(element)

  var inactive_text = element['bc:inactive_text']
  if(!inactive_text) {
    element['bc:inactive_text'] = element.innerHTML
    inactive_text = element.innerHTML
  }

  var active_text = element.getAttribute('bc:active_text') || element.innerHTML
  var active_class = element.getAttribute('bc:active_class') || element.className

  if(!activate) {
    element.innerHTML = inactive_text
    if(active_class) Element.removeClassName(element, active_class)
    element['bc:active'] = false
  } else {
    element.innerHTML = active_text
    if(active_class) Element.addClassName(element, active_class)
    element['bc:active'] = true
  }
}

Effect.Zoom = Class.create()
Effect.Zoom.prototype = {
  initialize: function(from, to, duration, onFinish) {
    this.target = $(to)
    this.initializeZoomer()

    var from = $(from)

    this.onFinish = onFinish

    this.target.style.opacity = 0
    this.target.style.visibility = "hidden"
    Element.show(this.target)

    this.startTop = this.getY(from)
    this.startLeft = this.getX(from)
    var endTop = this.getY(this.target)
    var endLeft = this.getX(this.target)
    this.steps = 30.0 * duration
    this.dx = (endLeft - this.startLeft) / this.steps
    this.dy = (endTop - this.startTop) / this.steps
    this.currentStep = 0
    this.zoomer.style.display = "block"
    this.zoom()
  },

  initializeZoomer: function() {
    this.zoomer = document.createElement("DIV")
    this.zoomer.id = "zoomer"
    this.target.parentNode.appendChild(this.zoomer)
  },

  getX: function(element) {
    if(element.x) return element.x
    if(element.offsetLeft || element.offsetParent) {
      var x = element.offsetLeft
      while(element = element.offsetParent) x += element.offsetLeft
      return x
    }
    return 0
  },

  getY: function(element) {
    return Element.getY(element)
  },

  zoom: function() {
    opacity = 100 - (100.0/this.steps) * this.currentStep
    this.zoomer.style.filter = "alpha(opacity=" + opacity + ")"
    this.zoomer.style.opacity = opacity/100

    var pct = this.currentStep / this.steps
    this.zoomer.style.top = this.startTop + this.dy * this.currentStep + "px"
    this.zoomer.style.left = this.startLeft + this.dx * this.currentStep + "px"
    this.zoomer.style.width = this.target.offsetWidth * pct + "px"
    this.zoomer.style.height = this.target.offsetHeight * pct + "px"

    this.currentStep++
    if(this.currentStep < this.steps)
      setTimeout(this.zoom.bind(this), 20)
    else {
      Element.remove(this.zoomer)
      this.target.style.opacity = 1
      this.target.style.visibility = "visible"
      if(this.onFinish) this.onFinish()
    }
  }
}

Effect.ZoomOut = Class.create()
Effect.ZoomOut.prototype = {
  initialize: function(from, to, time) {
    this.target = $(to)
    this.initializeZoomer()
    var from = $(from)

    this.startTop = this.getY(from)
    this.startLeft = this.getX(from)
    var endTop = this.getY(this.target)
    var endLeft = this.getX(this.target)
    this.startWidth = from.offsetWidth
    this.startHeight = from.offsetHeight
    var endWidth = this.target.offsetHeight
    var endHeight = this.target.offsetHeight
    this.steps = 30.0 * time
    this.dx = (endLeft - this.startLeft) / this.steps
    this.dy = (endTop - this.startTop) / this.steps
    this.dh = (endHeight - this.startHeight) / this.steps
    this.dw = (endWidth - this.startWidth) / this.steps
    this.currentStep = 0
    this.zoomer.style.display = "block"

    new Element.hide(from)
    this.zoom()
  },

  initializeZoomer: function() {
    this.zoomer = document.createElement("DIV")
    this.zoomer.id = "zoomer"
    this.target.parentNode.appendChild(this.zoomer)
  },

  getX: function(element) {
    if(element.x) return element.x
    if(element.offsetLeft || element.offsetParent) {
      var x = element.offsetLeft
      while(element = element.offsetParent) x += element.offsetLeft
      return x
    }
    return 0
  },

  getY: function(element) {
    return Element.getY(element)
  },

  zoom: function() {
    opacity = 100 - (100.0/this.steps) * this.currentStep
    this.zoomer.style.filter = "alpha(opacity=" + opacity + ")"
    this.zoomer.style.opacity = opacity/100

    var pct = this.currentStep / this.steps
    this.zoomer.style.top = this.startTop + this.dy * this.currentStep + "px"
    this.zoomer.style.left = this.startLeft + this.dx * this.currentStep + "px"
    this.zoomer.style.width = this.startWidth + this.dw * this.currentStep + "px"
    this.zoomer.style.height = this.startHeight + this.dh * this.currentStep + "px"

    this.currentStep++
    if(this.currentStep < this.steps)
      setTimeout(this.zoom.bind(this), 20)
    else {
      Element.remove(this.zoomer)
    }
  }
}
/* ------------------------------------------------------------------------
 * date.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

Date.MONTHS   = $w("January February March April May June July August September October November December");
Date.CANONICAL_WEEKDAYS = $w("Sunday Monday Tuesday Wednesday Thursday Friday Saturday");
Date.WEEKDAYS = Date.CANONICAL_WEEKDAYS;
Date.weekStartsOn = 0;

Date.startWeekOn = function(day) {
  if(day == Date.weekStartsOn) return;

  var list = [];
  for(var i = day; i < 7; i++) {
    list.push(Date.CANONICAL_WEEKDAYS[i]);
  }
  for(var i = 0; i < day; i++) {
    list.push(Date.CANONICAL_WEEKDAYS[i]);
  }

  Date.WEEKDAYS = list;
  Date.weekStartsOn = day;
}

Object.extend(Date.prototype, {
  clone: function() {
    return new Date(this.getFullYear(), this.getMonth(), this.getDate(),
      this.getHours(), this.getMinutes(), this.getSeconds(), this.getMilliseconds());
  },

  withoutTime: function() {
    return new Date(this.getFullYear(), this.getMonth(), this.getDate());
  },

  set: function(values) {
    for (var key in values)
      this["set" + key.charAt(0).toUpperCase() + key.substring(1)](values[key]);
    return this;
  },

  next: function(offset) {
    offset = offset === undefined ? 1 : offset;
    return this.clone().set({ date: this.getDate() + offset });
  },

  previous: function(offset) {
    offset = offset === undefined ? 1 : offset;
    return this.next(-offset);
  },

  beginningOfWeek: function() {
    var adjustment = this.getDay() - Date.weekStartsOn;
    if(adjustment < 0) adjustment += 7;
    return this.previous(adjustment);
  },

  beginningOfMonth: function() {
    return this.clone().set({ date: 1 });
  },

  getMonthName: function() {
    return Date.MONTHS[this.getMonth()];
  },

  getDayName: function() {
    return Date.WEEKDAYS[this.getDay()];
  },

  isWeekend: function() {
    return (this.getDay() == 0 || this.getDay() == 6);
  },

  equal: function(date) {
    return this.getTime() == date.getTime();
  },

  toDateString: function() {
    return [this.getFullYear(), this.getMonth() + 1,
      this.getDate()].invoke("toPaddedString", 2).join("-");
  }
});

Date.prototype.succ = Date.prototype.next;

var $D = function(date) {
  if (!date) {
    return $D(new Date());
  } else if (date.constructor == Date) {
    return date.withoutTime();
  } else if (date.constructor == Array) {
    return new Date(date[0], date[1] - 1, date[2]);
  } else if (arguments.length == 3) {
    return $D.call(null, $A(arguments));
  } else {
    return $D.call(null, date.split("-"));
  }
};

/*
 * Easing Equations for Script.aculo.us
 * @author Brian Crescimanno <brian.crescimanno@gmail.com>
 * @version 0.8.1
 * @revised November 20, 2008
 * @copyright 2008 Brian Crescimanno, all rights reserved
 *
 * Released under terms of the BSD License
 * http://www.opensource.org/licenses/bsd-license.php
 *
 * The math for these equations was created by Robert Penner
 * http://www.robertpenner.com/profmx
 *
 */



Effect.Transitions.easeInQuad = function(pos){
  return Math.pow(pos, 2);
}

Effect.Transitions.easeOutQuad = function(pos){
  return -(Math.pow((pos-1), 2) -1);
}

Effect.Transitions.easeInOutQuad = function(pos){
  if ((pos/=0.5) < 1) return 0.5*Math.pow(pos,2);
    return -0.5 * ((pos-=2)*pos - 2);
}



Effect.Transitions.easeInCubic = function(pos){
  return Math.pow(pos, 3);
}

Effect.Transitions.easeOutCubic = function(pos){
  return (Math.pow((pos-1), 3) +1);
}

Effect.Transitions.easeInOutCubic = function(pos){
  if ((pos/=0.5) < 1) return 0.5*Math.pow(pos,3);
    return 0.5 * (Math.pow((pos-2),3) + 2);
}



Effect.Transitions.easeInQuart = function(pos){
  return Math.pow(pos, 4);
}

Effect.Transitions.easeOutQuart = function(pos){
  return -(Math.pow((pos-1), 4) -1)
}

Effect.Transitions.easeInOutQuart = function(pos){
  if ((pos/=0.5) < 1) return 0.5*Math.pow(pos,4);
    return -0.5 * ((pos-=2)*Math.pow(pos,3) - 2);
}



Effect.Transitions.easeInQuint = function(pos){
  return Math.pow(pos, 5);
}

Effect.Transitions.easeOutQuint = function(pos){
  return (Math.pow((pos-1), 5) +1);
}

Effect.Transitions.easeInOutQuint = function(pos){
  if ((pos/=0.5) < 1) return 0.5*Math.pow(pos,5);
    return 0.5 * (Math.pow((pos-2),5) + 2);
}



Effect.Transitions.easeInSine = function(pos){
  return -Math.cos(pos * (Math.PI/2)) + 1;
}

Effect.Transitions.easeOutSine = function(pos){
  return Math.sin(pos * (Math.PI/2));
}

Effect.Transitions.easeInOutSine = function(pos){
  return (-.5 * (Math.cos(Math.PI*pos) -1));
}



Effect.Transitions.easeInExpo = function(pos){
  return (pos==0) ? 0 : Math.pow(2, 10 * (pos - 1));
}

Effect.Transitions.easeOutExpo = function(pos){
  return (pos==1) ? 1 : -Math.pow(2, -10 * pos) + 1;
}

Effect.Transitions.easeInOutExpo = function(pos){
  if(pos==0) return 0;
  if(pos==1) return 1;
  if((pos/=0.5) < 1) return 0.5 * Math.pow(2,10 * (pos-1));
  return 0.5 * (-Math.pow(2, -10 * --pos) + 2);
}



Effect.Transitions.easeInCirc = function(pos){
  return -(Math.sqrt(1 - (pos*pos)) - 1);
}

Effect.Transitions.easeOutCirc = function(pos){
  return Math.sqrt(1 - Math.pow((pos-1), 2))
}

Effect.Transitions.easeInOutCirc = function(pos){
  if((pos/=0.5) < 1) return -0.5 * (Math.sqrt(1 - pos*pos) - 1);
  return 0.5 * (Math.sqrt(1 - (pos-=2)*pos) + 1);
}



Effect.Transitions.easeInBounce = function(pos){
  return 1;
}

Effect.Transitions.easeOutBounce = function(pos){
  if ((pos) < (1/2.75)) {
    return (7.5625*pos*pos);
  } else if (pos < (2/2.75)) {
    return (7.5625*(pos-=(1.5/2.75))*pos + .75);
  } else if (pos < (2.5/2.75)) {
    return (7.5625*(pos-=(2.25/2.75))*pos + .9375);
  } else {
    return (7.5625*(pos-=(2.625/2.75))*pos + .984375);
  }
}

Effect.Transitions.easeInOutBounce = function(pos){
  return 1;
}


Effect.Transitions.easeInBack = function(pos){
  var s = 1.70158;
  return (pos)*pos*((s+1)*pos - s);
}

Effect.Transitions.easeOutBack = function(pos){
  var s = 1.70158;
  return (pos=pos-1)*pos*((s+1)*pos + s) + 1;
}

Effect.Transitions.easeInOutBack = function(pos){
  var s = 1.70158;
  if((pos/=0.5) < 1) return 0.5*(pos*pos*(((s*=(1.525))+1)*pos -s));
  return 0.5*((pos-=2)*pos*(((s*=(1.525))+1)*pos +s) +2);
}


Effect.Transitions.easeInElastic = function(pos){
  return 1;
}

Effect.Transitions.easeOutElastic = function(pos){
  return 1;
}

Effect.Transitions.easeInOutElastic = function(pos){
  return 1;
}




Object.extend(String.prototype, {
  ensureEndsWith: function(str) {
    return this.endsWith(str) ? this : this + str;
  },

  px: function() {
    return this.ensureEndsWith('px');
  }
});

Object.extend(Number.prototype, {
  px: function() {
    return this.toString().px();
  }
});

var Window = {
  size: function() {
    var width  = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
    var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
    var x      = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
    var y      = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
    return {'width':width, 'height':height, 'x':x, 'y':y}
  }
}

var FancyZoom = {
  window: function() {
    if (!FancyZoom._window)
      FancyZoom._window = new FancyZoom.Window();
    return FancyZoom._window;
  }
}

FancyZoom.Images = [];

document.observe("dom:loaded", function() {
  if (FancyZoom.Images.any())
    new FancyZoom.Preloader(FancyZoom.Images[0].project_id, FancyZoom.Images).start();
});

FancyZoom.Preloader = Class.create({
  initialize: function(project_id, images) {
    this.project_id = project_id;
    this.images = $A(images);
    this.ids = this.images.collect(function(img) { return img.id; });
  },

  start: function(callback) {
    if (!this.ids.any())
      return false;

    var preloader = this;
    new Ajax.Request('/projects/' + this.project_id + '/files/preload', {
      parameters: {'ids': this.ids.join(',')},
      requestHeaders: {Accept: 'application/json'},
      evalJSON: true,
      onSuccess: function(transport) {
        transport.responseJSON.files.each(function(file) {
          var img = preloader.images.find(function(img) {
            return img.id == file.id;
          });
          if (img) {
            img.location = file.location;
            img.expire.bind(img).delay(5 * 60);
            if (callback) callback(img);
          }
        });
      }
    });
  }
});

FancyZoom.Image = Class.create({
  initialize: function(project_id, id, thumb, name) {
    this.project_id = project_id;
    this.loaded = false
    this.loading = false;

    this.id = id;
    this.thumb = $(thumb);
    this.spinner = this.thumb.select('.loading').first();

    FancyZoom.Images.push(this);

    this.showHandler = this.show.bind(this);
    this.thumb.observe('click', this.showHandler);

    this.zoom_image = new Element('img', {
      onclick: "FancyZoom.window().hide(Event.extend(event))"
    });
    this.zoom_image.onload = this.finishLoading.bind(this);
    this.zoom_image.name = name;

    this.thumb.observe('mouseover', this.preload.bind(this));
  },

  preload: function() {
    if (this.loaded || this.loading)
      return false;
    this.loaded = false;
    this.loading = true;

    if (this.location) {
      this.zoom_image.src = this.location;
    } else {
      var img = this;
      new FancyZoom.Preloader(this.project_id, [img]).start(function() {
        img.zoom_image.src = img.location;
      });
    }
  },

  show: function(e) {
    if (e.metaKey)
      return;

    e.stop();

    if (Prototype.Browser.IE)
      e = Object.extend({}, e);

    if (this.loaded) {
      this.spinner.hide();

      if (!FancyZoom.window().visible())
        FancyZoom.window().show(e);
    } else {
      this.spinner.show();
      this.showHandler.delay(0.25, e);
    }
  },

  finishLoading: function() {
    this.createElements();
    this.loading = false;
    this.loaded = true;
  },

  createElements: function() {
    FancyZoom.window();

    var d = Window.size();
    this.zoom_image.setStyle({
      maxHeight: (d.height - 200).px(),
      maxWidth:  (d.width - 200).px()
    });

    this.thumb.content_div = new Element('div');
    var label = new Element('div', { 'class': 'label' });
    label.update('<strong>' + this.zoom_image.name + '</strong><br /><a href="' + this.zoom_image.src + '" target="_blank">View full size in another window</a>');

    this.thumb.content_div.insert(this.zoom_image);
    this.thumb.content_div.insert(label);
    this.thumb.content_div.hide();
    this.thumb.insert({after: this.thumb.content_div});
  },

  expire: function() {
    if (this.thumb.content_div)
      this.thumb.content_div.remove();
    this.location = null;

    this.loading = false;
    this.loaded = false;
  }
});

FancyZoom.Window = Class.create({
  initialize: function() {
    this.zooming = false;
    this.createElements();
  },

  createElements: function() {
    var ie = navigator.userAgent.match(/MSIE\s(\d)+/);
    if (ie) {
      var version = parseInt(ie[1]);
      Prototype.Browser['IE' + version.toString()] = true;
      Prototype.Browser.ltIE7 = (version < 7) ? true : false;
    }

    var html = '<div id="zoom" style="display:none;"><table id="zoom_table"><tbody><tr><td class="tl" /><td class="tm" /><td class="tr" /></tr><tr><td class="ml" style="" /><td class="mm" style=""><div id="zoom_content"></div></td><td class="mr" /></tr><tr><td class="bl" /><td class="bm" /><td class="br" /></tr></tbody></table><a href="#" title="Close" id="zoom_close"><img src="/images/closebox.png" alt="Close" /></a></div>';

    $$('body').first().insert(html);

    var box = this;

    this.zoom = $('zoom');
    this.zoom_table = $('zoom_table');
    this.zoom_close = $('zoom_close');
    this.zoom_content = $('zoom_content');
    this.zoom_close.observe('click', this.hide.bind(this));
    this.middle_row = $A([$$('td.ml'), $$('td.mm'), $$('td.mr')]).flatten();
    this.cells = this.zoom_table.select('td');

    this.shade = new DimZum.Shade({opacity: 0.0001, zIndex: 999});
    this.shade.element.observe('shade:clicked', this.hide.bind(this));

    $(document).observe('keyup', function(e) {
      var zoom_display = box.zoom.getStyle('display');
      if (e.keyCode == Event.KEY_ESC && zoom_display == 'block')
        box.hide(e);
    });

    if (Prototype.Browser.ltIE7)
      this.switchBackgroundImagesTo('gif');
  },

  visible: function() {
    return this.zoom.getStyle('display') == 'block';
  },

  show: function(e) {
    e.stop();

    if (this.zooming)
      return;
    this.zooming = true;

    var element     = e.findElement('a');
    var related_div = element.content_div;
    var width       = (element.zoom_width || related_div.getWidth()) + 60;
    var height      = (element.zoom_height || related_div.getHeight()) + 60;
    var d           = Window.size();
    var yOffset     = document.viewport.getScrollOffsets()[1];
    var newTop      = Math.max((d.height/2) - (height/2) + yOffset, 0);
    var newLeft     = (d.width/2) - (width/2);

    this.curTop    = e.pointerY();
    this.curLeft   = e.pointerX();
    this.moveX     = -(this.curLeft - newLeft);
    this.moveY     = -(this.curTop - newTop);
    this.zoom.hide().setStyle({
      position : 'absolute',
      top      : this.curTop.px(),
      left     : this.curLeft.px()
    });

    this.shade.show();

    var box = this;
    new Effect.Parallel([
      new Effect.Appear(this.zoom, {sync:true}),
      new Effect.Move(this.zoom, {x: this.moveX, y: this.moveY, sync: true}),
      new Effect.Morph(this.zoom, {
        style: {
          width: width.px(),
          height: height.px()
        },
        sync: true,
        beforeStart: function(effect) {
          if (Prototype.Browser.IE) {
            box.middle_row.invoke('setStyle', {height:(height-40).px()});
          }
          box.fixBackgroundsForIE();
        },
        afterFinish: function(effect) {
          related_div.childElements().each(function(child){
            box.zoom_content.appendChild(child.cloneNode(true));
          });
          box.unfixBackgroundsForIE();
          box.zoom_close.show();
          box.zooming = false;
        }
      })
    ], { duration: 0.5 });
  },

  hide: function(e) {
    e.stop();

    if (this.zooming)
      return;
    this.zooming = true;

    this.shade.hide();

    var box = this;
    new Effect.Parallel([
      new Effect.Move(this.zoom, {x: this.moveX*-1, y: this.moveY*-1, sync: true}),
      new Effect.Morph(this.zoom, {
        style: {
          width: '1'.px(),
          height: '1'.px()
        },
        sync          : true,
        beforeStart: function(effect) {
          box.fixBackgroundsForIE();
          box.zoom_content.innerHTML = '';
          box.zoom_close.hide();
        },
        afterFinish: function(effect) {
          box.unfixBackgroundsForIE();
          box.zooming = false;
        }
      }),
      new Effect.Fade(this.zoom, {sync:true})
    ], { duration: 0.5 });
  },

  switchBackgroundImagesTo: function(to) {
    this.cells.each(function(td) {
      var bg = td.getStyle('background-image').gsub(/\.(png|gif|none)\)$/, '.' + to + ')');
      td.setStyle('background-image: ' + bg);
    });
    var close_img = this.zoom_close.firstDescendant();
    var new_img = close_img.readAttribute('src').gsub(/\.(png|gif|none)$/, '.' + to);
    close_img.writeAttribute('src', new_img);
  },

  fixBackgroundsForIE: function() {
    if (Prototype.Browser.IE7)
      this.switchBackgroundImagesTo('gif');
  },

  unfixBackgroundsForIE: function() {
    if (Prototype.Browser.IE7)
      this.switchBackgroundImagesTo('png');
  }
});
document.observe("dom:loaded", function() {
  if ($(document.body).hasClassName("files")) {

    function onAttachmentsChanged(event) {
      var memo = event.memo, form = memo.form, element = form.element;
      var count = form.getAttachments().length;
      var button = element.down("input[type=submit]");

      if (count == 0) {
        element.addClassName("empty");
        button.disable();
      } else {
        element.removeClassName("empty");
        button.enable();
      }

      if (count > 1) {
        button.setValue("Upload the files");
      } else {
        button.setValue("Upload the file");
      }
    }

    document.observe("attachment:added", onAttachmentsChanged);
    document.observe("attachment:removed", onAttachmentsChanged);

    if ($("attachment_metadata_template")) {
      document.observe("attachment:added", function(event) {
        var memo = event.memo, form = memo.form, id = memo.id;
        var metadataTemplate = new Template($("attachment_metadata_template").innerHTML);
        var attachmentControl = form.getAttachmentControl(id);

        attachmentControl.element.addClassName("privacy_container");
        attachmentControl.update(metadataTemplate.evaluate({ id: id }));
        categorySelect.register(form.getAttachmentControl(id).element.down("select.category_select"));
      });
    }
  }
});
document.observe("dom:loaded", function() {
  document.cookie = "flashVersion=" + encodeURIComponent(FlashDetect.raw) + ";path=/";
  if (FlashDetect.versionAtLeast(9)) $(document.body).addClassName("has_flash_support");
});
var FormResizer = {
  forms: [],

  onWindowResized: function() {
    var width = document.viewport.getDimensions().width;
    if (this.width && width != this.width) this.resizeAllForms();
    this.width = width;
  },

  resize: function(containerAndElements) {
    Element.resizeTo.apply(Element, containerAndElements);
  },

  resizeAllForms: function() {
    this.forms.each(this.resize, this);
  },

  installFor: function() {
    if (!this.forms.length) {
      Event.observe(document, "dom:loaded", this.resizeAllForms.bind(this));
      Event.observe(window, "resize", this.onWindowResized.bind(this));
    }
    this.forms.push($A(arguments));
  }
};
/* ------------------------------------------------------------------------
 * layout.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var Layout = {
  swapWithScreenBody: function(element_to_swap) {
    element_to_swap = $(element_to_swap);
    var screen_body = $('screen_body');
    var from = element_to_swap.visible() ? element_to_swap : screen_body;
    var to   = element_to_swap.visible() ? screen_body : element_to_swap;

    $('swap_from').appendChild(from);
    $('swap_to').appendChild(to);

    var field_to_preselect = to.down(".sheet_autofocus");

    /*
    if (animate) {
      new Effect.Parallel([
        new Effect.DropOut(from, {sync: true}),
        new Effect.BlindDown(to, {sync: true})
      ], {
        duration: 0.5,
        afterFinish: function() {
          if (field_to_preselect)
            Field.activate.delay(0.25, field_to_preselect);
        }
      });
    } else {
    */
      from.hide();
      to.show();
      if (field_to_preselect)
        Field.activate.delay(0.25, field_to_preselect);
    /*
    }
    */
  }
}

/* ------------------------------------------------------------------------
 * login.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var Login = {
  loginWithOpenId: function(options) {
    options = options || {};
    options.duration = 0.2;
    $("login_dialog").transition(options, function() {
      $("open_id_login").show();
      $("user_name_login").hide();
    }).after(function() {
      $("identity_url").focus();
      this.clearUserNameAndPassword();
    }.bind(this));
  },

  loginWithUserName: function() {
    $("login_dialog").transition({ duration: 0.2 }, function() {
      $("user_name_login").show();
      $("open_id_login").hide();
    }).after(function() {
      $("username").focus();
      this.clearIdentityUrl();
    }.bind(this));
  },

  clearUserNameAndPassword: function() {
    $('username').value = '';
    $('password').value = '';
  },

  clearIdentityUrl: function() {
    $('identity_url').value = '';
  },

  clearHiddenFields: function() {
    if (!$("open_id_login").visible()) {
      this.clearIdentityUrl();
    } else {
      this.clearUserNameAndPassword();
    }
  }
};

document.observe("dom:loaded", function() {
  if ($(document.body).hasClassName("login") && window.location.hash == "#open_id_login")
    Login.loginWithOpenId({ animate: false });
});
var MilestoneQuickWindow = {
  close: function() {
    this.controller.close();
  },

  reset: function() {
    this.close();
    this.controller.clearPurgatory();
  }
};

document.observe("dom:loaded", function() {
  var windowElement = $("milestone_quick_window");
  if (windowElement) {
    MilestoneQuickWindow.controller = new DimZum.Controller({
      prefix: "milestones",
      shade:  { opacity: 0.15 },
      window: {
        element: windowElement,
        yOffset: 0.25
      }
    });
    new HoverObserver(windowElement);
  }
});
document.observe("calendar:dateSelected", function(event) {
  var element   = event.findElement(".calendar_date_select").previous("input");
  var original  = CalendarDate.parse(element.readAttribute("original"));
  var milestone = element.up(".Milestone");
  var shifter   = milestone ? milestone.down(".shift") : null;
  if (!shifter) return;

  if (original.equals(event.memo.date)) {
    if (shifter.visible())
      shifter.transition(function() { shifter.hide() });
  } else {
    if (!shifter.visible())
      shifter.transition(function() { shifter.show() }).
        after(function() { shifter.up(".Milestone").slideIntoView() });
  }
});
/* ------------------------------------------------------------------------
 * msg.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

document.observe("dom:loaded", function() {
  if ($(document.body).hasClassName("message_form")) {
    $("message_form").autofocus();
    $("message_form").observe("form:beforesubmit", function(event) {
      if (!validateField('post_title', 'Every message must have a title')) {
        event.stop();
      }
    });

  } else if ($(document.body).hasClassName("commentable")) {
    var commentForm = $("comment_form");
    commentForm.autofocus();
    commentForm.observe("form:beforesubmit", function(event) {
      if (!validateField('commentBody', 'Every comment must have a body')) {
        event.stop();
      }
    });

    commentForm.observe("uploadPreference:changed", function(event) {
      commentForm.down("div.link_to_toggle a").onclick();
    });
  }
});

var msgs = {
  beforeRemoveAttachment: function(id) {
    Element.show('spin_' + id)
  },

  afterRemoveAttachment: function(id) {
    new Effect.Fade('attachment_' + id,
      {duration: 0.5,
       afterFinish: function() { Element.remove('attachment_' + id) }})
  },

  adjustTextarea: function(textarea, collapsed) {
    var lines = textarea.value.split("\n");
    var count = lines.length;
    lines.each(function(line) { count += parseInt(line.length / 70); });

    var rows = parseInt(collapsed / 20);

    if (count > rows) {
      textarea.style.height = (collapsed * 2) + 'px';
    }

    if (count <= rows) {
      textarea.style.height = collapsed + 'px';
    }
  },

  commentEditCountdown: function(comment, cutoff) {
    var diff = cutoff - new Date().getTime();
    if(isNaN(diff) || diff <= 0) {
      $(comment).down('.editable_until').hide();
    } else {
      var minutes = Math.round(diff / 60000);
      $(comment).down('.editable_minutes').update(minutes);
      setTimeout(msgs.commentEditCountdown.curry(comment, cutoff), 60000);
    }
  },

  submitter: {
    prepareComment: function(form) {
      if(!validateField('commentBody', 'Every comment must have a body')) {
        return false;
      }
      $('buttons', 'please_wait').each(Element.toggle);
      msgs.submitter.fixAction(form);
      return true;
    },

    fixAction: function(form) {
      var needs_upload = false;
      $$('#attachment_fields input').each(function(field) {
         if (field.value.match(/^\s*$/) == null) needs_upload = true;
      })

      if (!needs_upload) form.action = form.action.replace(/\/upload\//, "/");
    },

    cancelPreview: function() {
      $('Preview').hide();
      $('post_form_container').show();
      $('preview_button').down().disabled = false;
      $('preview_button').show();
      $('edit_button').hide();
      $('post_body').focus();
    }
  },

  milestoner: {
    updateCompletionCheckboxVisibility: function() {
      if($('post_milestone_id').selectedIndex == 0) {
        $('completion_option').hide();
      } else {
        $('completion_option').show();
      }
    }
  }
};
/* ------------------------------------------------------------------------
 * open_bar.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var OpenBar = {
  selectCurrent: function(application, name) {
    $(document.body).addClassName("with_open_bar");

    var app_id  = 'open_bar_app_' + application;
    var link_id = 'open_bar_link_' + application + '_' + name;

    if ($(app_id)) $(app_id).addClassName('on');

    if ($(link_id)) {
      $(link_id).addClassName('current_account');
      if ($(app_id)) $(app_id).innerHTML += ": " + $(link_id).innerHTML;
      $(link_id).innerHTML = "&bull; " + $(link_id).innerHTML;
    }
  }
};
var Participants = {
  setAll: function(company_id, change, confirm_message) {
    if (confirm(confirm_message)) {
      $$('.access_check_box_for_' + company_id).each(function(check_box) {
        check_box.checked = (change == 'grant' ? 'checked' : '');
      });

      $('spinning_access_for_' + company_id).show();;
      $('access_controls').submit();
    }
  },

  toggleRights: function(person_id, checkbox) {
    new_value = checkbox.checked ? "visible" : "hidden";
    $('scheduling_checkbox_' + person_id).checked = checkbox.checked;

    this.permissionRadioButtonsFor(person_id).slice(1).each(function(radio_button_name) {
      $(radio_button_name).style.visibility = new_value;
    });

    this.updateBackgroundColorsFor(person_id, "scheduling");

    this.updateRights(person_id);
  },

  updateRights: function(person_id) {
    var spinner = $('spinning_abilities_for_' + person_id);
    spinner.show();
    new Ajax.Request(
      $('access_controls').action, {
        parameters: $('access_controls').serialize(),
        onComplete: function() { spinner.hide(); }
      });
  },

  permissionRadioButtonsFor: function(person_id) {
    return ['scheduling_checkbox_', 'communication_', 'prioritizing_', 'scheduling_'].map(function(element) {
      return element + person_id;
    });
  },

  updateAbilitiesFor: function(person_id) {
    this.updateBackgroundColorsFor(person_id);
    this.updateRights(person_id);
  },

  updateBackgroundColorsFor: function(person_id) {
    var radio_button_names = this.permissionRadioButtonsFor(person_id);
    var selected_radio_button_name = radio_button_names.slice(1).detect(function(radio_button_name) {
      return $(radio_button_name).getElementsByTagName('input')[0].checked;
    });


    var current_radio_button_position = radio_button_names.indexOf(selected_radio_button_name);

    var results = radio_button_names.partition(function(radio_button_name) {
      return current_radio_button_position  >= radio_button_names.indexOf(radio_button_name);
    });
    var included = results.first(), excluded = results.last();

    included.each(function(radio_button_name) {
      $(radio_button_name).removeClassName('disabled');
    });

    excluded.each(function(radio_button_name) {
      $(radio_button_name).addClassName('disabled');
    });
  }
}
/* ------------------------------------------------------------------------
 * pending_attachments.js
 * Copyright (c) 2004-2008 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var PendingAttachments = {
  add: function(file_selector, id) {
    var offscreen = $(id).down("p.offscreen"), template = $(id).down("p.template");
    var templateHTML = template.innerHTML;

    if (template.down('input').name.match(/^\w+\[\d\]\[\w+\]$/)) {
      var last_key = (offscreen.lastChild) ? Number(offscreen.lastChild.name.match(/(\d+)/).last()) : 0;
      file_selector.name = file_selector.name.sub(/\d/, last_key + 1);
    }

    this.updatePendingAttachments(id);
    offscreen.appendChild(file_selector);
    template.innerHTML = templateHTML;
  },

  remove: function(path, id) {
    this.removeFileSelector(path, id);
    this.updatePendingAttachments(id);
  },

  hasPendingAttachments: function(id) {
    if ($(id).down('.pending_attachments')) {
      var pending_attachments = $(id).down('.pending_attachments').down();
      return pending_attachments && pending_attachments.down();
    } else {
      return false;
    }
  },

  hasExistingAttachments: function(id) {
    if ($(id).getElementsBySelector('.attachments li')) {
      var existing_attachments = $(id).getElementsBySelector('.attachments li');
      return existing_attachments.detect(function(item) { return item.visible(); });
    } else {
      return false;
    }
  },

  findFileSelector: function(path, id) {
    return $(id).select('input.file_selectors').select(function(file_selector) { return file_selector.value == decodeURIComponent(path); }).first();
  },

  removeFileSelector: function(path, id) {
    this.findFileSelector(path, id).remove();
  },

  updatePendingAttachments: function(id) {
    new Ajax.Request('/pending_attachments', { parameters: this.pendingFilesAsParameters(id) + "&id=" + id });
  },

  pendingFilesAsParameters: function(id) {
    return $(id).getElementsBySelector('input.file_selectors').select(function(file_selector) {
      return file_selector.value != "";
    }).collect(function(file_selector) {
      return "files[]=" + encodeURIComponent(file_selector.value);
    }).join("&");
  }
}
/* ------------------------------------------------------------------------
 * contacts.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

People = {
  toggleAccessibleCompanyProjects: function(company_id, checked) {
    if (checked) {
      $$('.accessible_projects_for_' + company_id).each(function(box) { box.checked = 'checked' });
    } else {
      $$('.accessible_projects_for_' + company_id).each(function(box) { box.checked = '' });
    }
  },

  checkAllAccessibleProjects: function() {
    $$('.accessible_projects').each(function(box) { box.checked = 'checked' });
  },

  uncheckAllAccessibleProjects: function() {
    $$('.accessible_projects').each(function(box) { box.checked = '' });
  },


  switchToOpenId: function() {
    this.showOpenId();
    $('open_id_verification_notice').show();
    this.clearAuthenticationFields();
  },

  showOpenId: function() {
    $('open_id').show();
    $('user_name_and_password').hide();
    $('person_identity_url').focus();
  },

  switchToUserNameAndPassword: function() {
    this.showUserNameAndPassword();
    $('open_id_verification_notice').hide();
    this.clearAuthenticationFields();
  },

  showUserNameAndPassword: function() {
    $('user_name_and_password').show();
    $('open_id').hide();
    $('person_user_name').focus();
  },

  clearAuthenticationFields: function() {
    this.clearIdentityUrl();
    this.clearUserNameAndPassword();
  },

  clearIdentityUrl: function() {
    $('person_identity_url').clear();
  },

  clearUserNameAndPassword: function() {
    $('person_user_name').clear();
    $('person_password').clear();
  },

  clearHiddenAuthenticationFields: function() {
    if ($('open_id').style.display == "none") {
      this.clearIdentityUrl();
    } else {
      this.clearUserNameAndPassword();
    }
  }
};
document.observe("dom:loaded", function() {
  function toggle(element, className, classNameIsPresent) {
    if (classNameIsPresent) {
      element.addClassName(className);
    } else {
      element.removeClassName(className);
    }
  }

  $(document.body).observe("click", function(event) {
    var element = event.findElement("input[type=checkbox].privacy_toggle");

    if (element) {
      var privacyContainer, form = $(element.form);

      if (privacyContainer = element.up(".privacy_container")) {
        toggle(privacyContainer, "private", element.checked);
        toggle(form, "private", form.select(".privacy_container").invoke("hasClassName", "private").any());
      } else {
        toggle(form, "private", element.checked);
      }
    }
  });
});
Search = {
  setScope: function(scope, search_terms) {
    $('scope').value = scope;
    $('scope').form.submit();
  }
}

/* ------------------------------------------------------------------------
 * settings.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var settings = {
  padLogo: {
    before: function() {
      $('pad_logo', 'pad_logo_spinner').each(Element.toggle)
    },

    success: function(request) {
      $('pad_logo', 'pad_logo_spinner').each(Element.toggle)
      if($('pad_logo').checked)
        Element.addClassName("LogoBox", "white")
      else
        Element.removeClassName("LogoBox", "white")
    },

    failure: function(request) {
      $('pad_logo', 'pad_logo_spinner').each(Element.toggle)
      $('pad_logo').checked = !$('pad_logo').checked
      alert("Your request could not be completed. Please try again.")
    }
  }
}
/* ------------------------------------------------------------------------
 * templates.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

function isNotifiable(me,value) {
  return value != me && /^\d+$/.test(value)
}

function setNotifyVisible(list,me,id) {
  text = $( "item_" + id + "_content" )

  if( !list ) {
    list = $( "responsible_parties_" + id )
  }

  selected = list.options[list.selectedIndex].value
  selected_is_valid = isNotifiable( me, selected )

  original_is_valid = false

  if( text ) {
    original = list.options[eval("original_"+id)].value
    original_is_valid = isNotifiable( me, original )
  }

  visible = original_is_valid ? ( original != selected && selected_is_valid ) : selected_is_valid

  if( selected_is_valid && !visible ) {
    visible = ( text ? ( text.defaultValue != text.value ) : false )
  }

  if( text ) visible = visible && !/^\s*$/.test(text.value)

  span = $( "notify_" + id )
  if( span ) {
    span.style.display = ( visible ? "inline" : "none" )
  }

  delete_span = $( "delete_" + id )
  if( delete_span ) {
    delete_span.style.display = ( visible ? "none" : "inline" )
  }
}

function createResponseReport(response, url, options) {
  options = options || {};

  var popup = document.createElement('div');
  popup.setAttribute('id', 'popup-div');
  popup.style.position = "absolute";
  popup.style.zIndex = 999;
  popup.style.border = "5px solid #f77";
  popup.style.background = "#fee";
  popup.style.left = "10%";
  popup.style.width = "80%";
  popup.style.top = "20px";

  var body = document.createElement('div');
  var controls = document.createElement('div');

  popup.appendChild(body);
  popup.appendChild(controls);

  body.style.padding = "10px";
  body.style.textAlign = "left";

  controls.style.borderTop = "1px solid #f77";
  controls.style.padding = "10px";
  controls.style.textAlign = "right";
  controls.style.fontSize = "10px";
  popup.style.background = "#fdd";

  controls.innerHTML = "<a href='#' onclick=\"$('popup-div').remove()\">Close</a>";

  body.innerHTML = "<p>Please copy and send the following text to <a href='mailto:support@basecamphq.com'>support@basecamphq.com</a>, to help debug this problem. Please also include information about how to duplicate this error.</p>\n" +
    "<form onsubmit='return false'><textarea name='ignore' style='width: 100%' rows='25'>" +
    "URL: " + url + "\n" +
    "Status: " + response.status + " " + response.statusText + "\n" +
    navigator.userAgent + "\n\n------\n" +
    response.getAllResponseHeaders() + "\n-----\n" +
    response.responseText +
    "</textarea></form>"

  document.body.appendChild(popup);
}

/* =============================== */
/* = General Hover-related tasks = */
/* =============================== */

var Hover = {
  EXIT_DELAY  : 600,
  HOVER_BG_ON : 'url(/images/hover-gradient.gif) left repeat-y',
  HOVER_BG_OFF: 'none',

  lastTimer   : null,
  lastCommand : null,
  inhibit     : false,

  clearCurrent: function() {
    if(!this.lastTimer) return
    clearTimeout(this.lastTimer)
    eval(this.lastCommand)
    this.lastTimer = this.lastCommand = null
  },

  endWith: function(command) {
    if(this.inhibit) return
    this.lastCommand = command
    this.lastTimer = setTimeout(command, this.EXIT_DELAY)
  },

  toggle: function(on, container, nubbin) {
    if(this.inhibit) return

    if(on) {
      if($(container))
        $(container).style.background = this.HOVER_BG_ON
      Element.showIf(nubbin)
    } else {
      if($(container))
        $(container).style.background = this.HOVER_BG_OFF
      Element.hideIf(nubbin)
    }
  }
}

/* ====================================================== */
/* = Tasks relating to whole lists, or lists in general = */
/* ====================================================== */

var lists = {
  hover: {
    begin: function(id) {
      Hover.clearCurrent()
      Hover.toggle(true, 'list_head_' + id, 'nubbin_list_' + id)
    },

    end: function(id, delay) {
      if(delay)
        Hover.endWith('lists.hover.end(' + id + ')')
      else
        Hover.toggle(false, 'list_head_' + id, 'nubbin_list_' + id)
    }
  },

  editor: {
    toggle: function(id) {
      var div = $('edit_list_' + id + '_title')
      if(!div.populated) {
        Element.show('list_spinner_' + id)
        new Ajax.Updater({success: div}, todos.list_edit_url,
          {asynchronous:true, parameters:'id=' + id,
           onComplete:function(request) {
             Element.hide('list_spinner_' + id)
             if(request.status == 200) {
               div.populated = true
               lists.editor.toggle(id)
             } else {
               alert(todos.ERROR_MSG)
             }
           }})
      } else {
        lists.hover.end(id, false)
        $(div, 'list_head_' + id, 'list_body_' + id).each(Element.toggle)
        Hover.inhibit = Element.visible(div)
      }
    },

    active: function(id) {
      return Element.visible('edit_list_' + id + '_title')
    }
  },

  save: {
    before: function(id) {
      Element.show("update_list_" + id)
    },

    failure: function(request, id) {
      Element.hide("update_list_" + id)
      alert(todos.ERROR_MSG)
    }
  },

  deleter: {
    before: function(id) {
      Element.show('list_spinner_' + id)
    },

    failure: function(request, id) {
      Element.hide('list_spinner_' + id)
      alert(todos.ERROR_MSG)
    }
  },

  reorder: {
    toggle: function() {
      var link = $('lists_reorder_link')
      Element.activate(link, !link['bc:active'])
      if(link['bc:active']) {
        Hover.clearCurrent()
        this.makeDraggableLists()
        Element.hide('new_list_link')
        Element.hide('new_reorder_separator')
      } else {
        Element.show('new_list_link')
        this.setSeparatorVisibility()
      }
      Hover.inhibit = link['bc:active']

      $$('#lists div.list').each(function(list) {
        var id = todos.idOf(list)
        Element.toggle('list_body_' + id)
        if($('drag_list_' + id)) Element.toggle('drag_list_' + id)
        /* hide the privatebug while reordering, so that reordering private lists works in IE */
        if($('privatebug_' + id)) Element.toggle('privatebug_' + id)
        if($('list_desc_' + id)) Element.toggle($('list_desc_' + id))
        if($('list_controls_' + id)) Element.toggle($('list_controls_' + id))
        if(lists.editor.active(id)) lists.editor.toggle(id)
      })
    },

    makeDraggableLists: function(id) {
      Sortable.create($('lists'), {tag: 'div'})
      todos.installDragObserver()
    },

    setSeparatorVisibility: function() {
      if(todos.uncompletedListsCount() < 2)
        Element.hideIf('new_reorder_separator')
      else
        Element.showIf('new_reorder_separator')
    },

    setLinkVisibility: function() {
      if(todos.uncompletedListsCount() < 2)
        Element.hideIf('lists_reorder_link')
      else
        Element.showIf('lists_reorder_link')
    }
  },

  creator: {
    toggle: function() {
      var link = $('new_list_link')
      Element.activate(link, !link['bc:active'])
      if(link['bc:active']) {
        $('new_list_name').value = ""
        $('description').value = ""
        if($('template_id')) $('template_id').selectedIndex = 0
        Element.hideIf('lists_reorder_link', 'new_reorder_separator')
        if(this.templateListVisible()) this.toggleTitleOrTemplate()
        Element.hideIf('blankslate')
        new Effect.BlindDown('new_list', {duration: 0.2,
          afterFinish: function() { Field.focus('new_list_name') }})
      } else {
        new Effect.BlindUp('new_list', {duration: 0.2})
        lists.reorder.setLinkVisibility()
        lists.reorder.setSeparatorVisibility()
        if(todos.uncompletedListsCount() < 1)
          Element.showIf('blankslate')
      }
    },

    templateListVisible: function() {
      return $('template_id') && $('template_id').style.display != "none"
    },

    toggleTitleOrTemplate: function() {
      var span = $('title_or_template')

      if(span.style.display == "none") {
        $(span, 'new_list_name', 'new_list_description').each(Element.show)
        $('template_or_title', 'template_id').each(Element.hide)
        $('use_template').value = "0"
      } else {
        $(span, 'new_list_name', 'new_list_description').each(Element.hide)
        $('template_or_title', 'template_id').each(Element.show)
        $('use_template').value = "1"
      }

      $('new_list').style.height = ""
      $('new_list').style.paddingBottom = "10px"
    },

    validate: function() {
      var use_template = $('use_template')
      if(use_template && use_template.value == "1") {
        if($('template_id').selectedIndex == 0) {
          alert('You must select a template first.')
          return false
        }
      } else {
        if(!Field.present('new_list_name')) {
          alert('You must enter a name for the list.')
          return false
        }
      }
      return true
    },

    before: function() {
      Element.show('new_list_spinner')
    },

    failure: function(request, url) {
      Element.hide('new_list_spinner')
      if(!confirm(todos.ERROR_MSG + "\n\nFor more information, click \"Cancel\".")) {
        createResponseReport(request, url);
      }
    }
  }
}

/* ============================================ */
/* = Tasks relating to individual to-do items = */
/* ============================================ */

var todos = {
  ERROR_MSG: "There was an error processing this request.\n" +
             "Please wait a minute and try again.",

  hover: {
    begin: function(id) {
      Hover.clearCurrent()
      Hover.toggle(true, 'show_item_' + id, 'nubbin_item_' + id)
    },

    end: function(id, delay) {
      if(delay)
        Hover.endWith('todos.hover.end(' + id + ')')
      else
        Hover.toggle(false, 'show_item_' + id, 'nubbin_item_' + id)
    }
  },

  reorder: {
    toggle: function(id) {
      if($('completed_items_' + id)) Element.toggle('completed_items_' + id)

      var link = $('reorder_list_' + id + '_link')
      Element.activate(link, !link['bc:active'])
      if(link['bc:active']) {
        todos.makeDraggable(id)
        lists.hover.end(id, false)
      }
      Hover.inhibit = link['bc:active']

      todos.childrenOf('uncompleted_items_list_' + id, 'li', function(item) {
        var id = todos.idOf(item)
        Element.toggle('check_box_for_item_' + id)
        if($('drag_' + id)) Element.toggle('drag_' + id)
      })

      todos.toggleAddItemLink(id)
    }
  },

  completer: {
    set: function(id, list) {
      Element.show('ucspin_' + id) // spinner
      new Ajax.Request(todos.item_complete_url,
        {asynchronous:true, evalScripts:true, parameters:'id=' + id,
        onFailure:function(request) { todos.completer.setFailed(request, id) }})
    },

    setFailed: function(request, id) {
      Element.hide('ucspin_' + id)
      $('item_cb_' + id).checked = false
      alert(todos.ERROR_MSG)
    },

    unset: function(id, list) {
      Element.show('cspin_' + id) // spinner
      new Ajax.Request(todos.item_uncomplete_url,
        {asynchronous:true, evalScripts:true, parameters:'id=' + id,
        onFailure:function(request) { todos.completer.unsetFailed(request, id) }})
    },

    unsetFailed: function(request, id) {
      Element.hide('cspin_' + id)
      $('citem_cb_' + id).checked = true
      alert(todos.ERROR_MSG)
    }
  },

  toggleTime: function(id) {
    var time_div = $('time_' + id)
    var content_div = $('ucontent_' + id) || $('ccontent_' + id)
    if(time_div) {
      $(content_div, time_div).each(Element.toggle)
    } else {
      Element.showIf('cspin_' + id, 'ucspin_' + id)
      new Ajax.Updater({success: content_div}, this.item_time_url,
        {asynchronous:true, parameters:'id=' + id,
         insertion:Insertion.After, onComplete:function(request) {
           Element.hideIf('cspin_' + id, 'ucspin_' + id)
           if(request.status == 200) {
             Element.hide(content_div)
           } else {
             alert(todos.ERROR_MSG)
           }
         }})
    }
  },

  toggleAddItemLink: function(id) {
    if($('add_item_' + id)) Element.toggle('add_item_' + id)
  },

  toggleEditItem: function(id) {
    var div = $('edit_item_' + id)
    if(!div.populated) {
      Element.show('ucspin_' + id)
      new Ajax.Updater({success: div}, this.item_edit_url,
        {asynchronous:true, parameters:'id=' + id,
         onComplete:function(request) {
           Element.hide('ucspin_' + id)
           if(request.status == 200) {
             div.populated = true
             todos.toggleEditItem(id)
           } else {
             alert(todos.ERROR_MSG)
           }
         }})
    } else {
      $('show_item_' + id, 'edit_item_' + id).each(Element.toggle)
    }
  },

  toggleAddItem: function(id) {
    $('new_content_' + id).value = ""
    $('add_item_to_list_' + id, 'add_item_' + id + '_link').each(Element.toggle)
    if($('add_item_to_list_' + id).style.display != "none") Field.focus('new_content_' + id)
  },

  onAddItem: function(id) {
    Element.hide('add_item_button_' + id)
    Element.show('add_item_spinner_' + id) // spinner
  },

  onAddedItemFailed: function(request, id) {
    Element.hide('add_item_spinner_' + id)
    Element.show('add_item_button_' + id)
    alert(todos.ERROR_MSG)
  },

  onDeleteItem: function(id, list, want_confirm) {
    var allow = !want_confirm ||
      confirm('Are you sure you want to delete this to-do item?\n\n' +
              'Note: There is no undo.')

    if(allow) {
      Element.showIf('ucspin_' + id, 'cspin_' + id)
      new Ajax.Request(this.item_delete_url, {asynchronous:true,
        evalScripts:true, parameters:'id=' + id,
        onFailure:function(request) {
          Element.hideIf('ucspin_' + id, 'cspin_' + id)
          alert(todos.ERROR_MSG)
        }})
    }
  },

  onEditItem: function(id, list, form) {
    if(Field.present('item_content_' + id)) {
      Element.show('saving_item_' + id)
      new Ajax.Request(this.item_update_url, {asynchronous:true,
         evalScripts:true, parameters:Form.serialize(form) + '&id=' + id,
         onFailure:function(request) {
           Element.hide('saving_item_' + id)
           alert(todos.ERROR_MSG)
         }})
    }
  },

  onItemTimeUpdate: function(id) {
    if(!Field.present('entry_hours_' + id)) {
      alert("You must specify the number of hours spent on this task.")
      Field.focus('entry_hours_' + id)
      return false
    }

    Element.show('time_spinner_' + id)
    return true
  },

  onItemTimeUpdated: function(request, id) {
    var item = $('uncompleted_' + id) || $('completed_item_' + id)
    if(request.status != 200) {
      Element.hide('time_spinner_' + id)
      alert("The time entry could not be recorded.")
    } else {
      item.innerHTML = request.responseText
      new Effect.Highlight(item)
    }
  },

  setListControlVisibility: function(id) {
    if(this.accessibleUncompletedCount(id) < 1)
      Element.hide('list_controls_' + id)
    else
      Element.show('list_controls_' + id)
  },

  setReorderLinkVisibility: function(id) {
    if(this.uncompletedCount(id) < 2)
      Element.hideIf('reorder_list_' + id + '_link')
    else
      Element.showIf('reorder_list_' + id + '_link')
    this.setListControlVisibility(id)
  },

  makeDraggable: function(id) {
    Sortable.create($('uncompleted_items_list_' + id),
      {handle: 'di_' + id})
    this.installDragObserver()
  },

  installDragObserver: function() {
    if(!this.observer_installed) {
      this.observer_installed = true
      Draggables.addObserver({
        onStart: function(name, draggable, event) {},
        onEnd: function(name, draggable, event) {
          var element = draggable.element;
          var siblings = todos.siblingsOf(element);
          var position = siblings.indexOf(element) + 1;

          var parms = "id=" + todos.idOf(element) + "&to=" + position +
            "&only_active=1"

          new Ajax.Request(
            element.tagName == "LI" ?
              todos.item_reorder_url :
              todos.list_reorder_url,
            { parameters: parms, asynchronous: true })
        }
      })
    }
  },

  idOf: function(element) {
    return element ? element.id.split("_")[1] : ""
  },

  siblingsOf: function(element) {
    return $A(element.parentNode.childNodes).select(function(sibling) {
      return sibling.tagName == element.tagName;
    })
  },

  accessibleUncompletedCount: function(id) {
    var count = 0
    this.childrenOf('uncompleted_items_list_' + id, 'li', function(item) {
      var id = todos.idOf(item)
      if($('drag_' + id)) count += 1
    })
    return count
  },

  uncompletedCount: function(id) {
    return this.childrenOf('uncompleted_items_list_' + id, 'li').length
  },

  uncompletedListsCount: function() {
    return this.childrenOf('lists', 'div').length
  },

  reordering: function(id) {
    return $('reorder_list_' + id + '_link').innerHTML != "Reorder"
  },

  childrenOf: function(element, tag, callback) {
    var nodes = $(element).childNodes
    var result

    if(!callback) result = new Array()
    tag = tag.toUpperCase()
    for(var i = 0; i < nodes.length; i++)
      if(nodes[i].tagName && nodes[i].tagName == tag) {
        if(callback) callback(nodes[i])
        else result.push(nodes[i])
      }

    if(!callback) return result
  },

  zzz_placeholder: false // so we don't have to remember to add a comma
}
/* ------------------------------------------------------------------------
 * time.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var TimeHandler = {
  HIGHLIGHT_CLASS: "donelink",
  CANCEL_REPORT_CREATION: "Cancel report creation",

  submit: function() {
    if(TimeHandler.action.before) eval(TimeHandler.action.before);

    new Ajax.Request(TimeHandler.action.url,
      { asynchronous: true,
        evalScripts:  true,
        method:       TimeHandler.action.method,
        parameters:   Form.serialize('entry_adder')});

    return false;
  },

  toggleReport: function() {
    var link = $('report_link')
    $('inner_page_header').transition(function() {
      if(link.className.indexOf(this.HIGHLIGHT_CLASS) < 0) {
        this.original_text = link.innerHTML
        this.original_class = link.className
        link.innerHTML = this.CANCEL_REPORT_CREATION
        link.className += " " + this.HIGHLIGHT_CLASS
        $('original_title').hide();
        $('new_time_report').show();
      } else {
        $('original_title').show();
        $('new_time_report').hide();
        link.innerHTML = TimeHandler.original_text
        link.className = TimeHandler.original_class
      }
    }.bind(this));
  },

  updateTotals: function(by) {
    this.updateField('hours_subtotal', by);
    this.updateField('hours_total', by);
  },

  updateField: function(field, by) {
    field = $(field);
    if(field) {
      var amount = parseFloat(field.innerHTML) + by;
      field.innerHTML = amount.toFixed(2);
    }
  },

  checkBlankSlate: function() {
    if(this.isBlank()) {
      $('total').hide();
      if($('report_link_block')) Element.hide('report_link_block');
      if($('blank_slate')) {
        $('blank_slate').show();
      }
    } else {
      $('total').show();
      if($('report_link_block')) Element.show('report_link_block')
      if($('blank_slate')) {
        $('blank_slate').hide();
      }
    }
  },

  isBlank: function() {
    return $$("#entries tr.entry").length == 0;
  },

  disableForm: function() {
    if($('new_time_entry')) {
      Form.disable('new_time_entry');
    }
  },

  enableForm: function() {
    if($('new_time_entry')) {
      Form.enable('new_time_entry');
    }
  }
};
(function() {
  var focusInHandler = function(e) { e.findElement().fire("focus:in") };
  var focusOutHandler = function(e) { e.findElement().fire("focus:out") };

  if (document.addEventListener) {
    document.addEventListener("focus", focusInHandler, true);
    document.addEventListener("blur", focusOutHandler, true);
  } else {
    document.observe("focusin", focusInHandler);
    document.observe("focusout", focusOutHandler);
  }
})();

var Placeholder = {
  supported: function() {
    var i = document.createElement('input');
    return 'placeholder' in i;
  },

  reset: function(input) {
    input.value = input.readAttribute('placeholder');
    input.addClassName('placeholder');
  },

  setup: function(input) {
    Placeholder.reset(input);
  },

  teardown: function(input) {
    Placeholder.focus(input);
  },

  clear: function(input) {
    input.value = '';
    input.removeClassName('placeholder');
  },

  focus: function(input) {
    if (input.hasClassName('placeholder'))
      Placeholder.clear(input);
  },

  blur: function(input) {
    if (input.value.blank())
      Placeholder.reset(input)
  }
};

document.observe('dom:loaded', function() {
  if (!Placeholder.supported()) {
    $$('input[placeholder]').each(Placeholder.reset);

    $(document.body).observe('focus:in', function(event) {
      var input = event.findElement('input[placeholder]');
      if (input) Placeholder.focus(input);
    });

    $(document.body).observe('focus:out', function(event) {
      var input = event.findElement('input[placeholder]');
      if (input) Placeholder.blur(input);
    });

    $(document.body).observe('submit', function(event) {
      event.element().select('input[placeholder]').each(Placeholder.teardown);
    });
  }
});

document.observe("dom:loaded", function() {
  if ($(document.body).hasClassName("todos")) {
    new MenuObserver("screen_body");

    $("screen_body").observe("menu:prepared", function(event) {
      var menu = event.element().select('span.assign_due_pop').first();
      if (menu) TodoDates.refreshPopupValues(menu);

      var field = event.element().select('input.calendar_date_select_field').first();
      if (field) new CalendarDateSelect(field);
    });

    $(document.body).observe("calendar:dateSelected", function(event) {
      var form = event.findElement('form.todo_item');
      if (form) {
        TodoDates.updateDueAtPreview(form);
        form.fire("menu:deactivate");
      }

      var form = event.findElement('form.due_date');
      if (form) form.onsubmit();
    });

    if (!Placeholder.supported()) {
      $(document.body).observe("focus:in", function(event) {
        var input = event.findElement('input.due_date');
        if (input) event.stop();
      });
    }
  }

  if (Prototype.Browser.IE) {
    document.observe("menu:activated", function(event) {
      var element;

      if (element = event.findElement(".item_wrapper")) {
        element.addClassName("has_active_menu");
        element.up(".list_wrapper").addClassName("has_active_menu");
      }

      if (element = event.findElement(".add_item")) {
        element.addClassName("has_active_menu");
      }
    });

    document.observe("menu:deactivated", function(event) {
      var element;

      if (element = event.findElement(".item_wrapper")) {
        element.removeClassName("has_active_menu");
        element.up(".list_wrapper").removeClassName("has_active_menu");
      }

      if (element = event.findElement(".add_item")) {
        element.removeClassName("has_active_menu");
      }
    });
  }
});

var TodoDates = {
  clearDueAtPreview: function(form) {
    var field = form.down("input.calendar_date_select_field");
    if (field.calendar) field.calendar.grid.selectDate();
    TodoDates.updateDueAtPreview(form);
  },

  updateDueAtPreview: function(form) {
    form = $(form);

    var preview = form.select('input.due_date').first();
    var field   = form.select('span.due_pop input[type=hidden]').first();

    if (!field.value.blank()) {
      var date = CalendarDate.parse(field.value);
      preview.value = "#{month} #{day}, #{year}".interpolate({
        month: date.getAbbreviatedMonthName(), day: date.day, year: date.year
      });
      preview.removeClassName('new_date');
    } else {
      preview.value = '';
      preview.fire('focus:out');
      preview.addClassName('new_date');
    }
  },

  refreshPopupValues: function(menu) {
    menu = $(menu);

    if (menu.children.length == 0) {
      menu.insert($('assign_due_popup_template').innerHTML)
    }

    var responsibility_value = menu.readAttribute('data-responsibility');
    var responsibility_options = menu.select('form.responsibility select option');
    var responsibility_field = responsibility_options.detect(function(option) { return option.value == responsibility_value });
    responsibility_field.selected = true;

    var due_at_field = menu.select('form.due_date input.calendar_date_select_field').first()
    due_at_field.value = menu.readAttribute('data-due-at');
  },

  submitPopupForm: function(form) {
    form = $(form);

    var item = form.up('div.content');
    var id = item.readAttribute('data-record-id')

    item.down("a.pill_todo_item").addClassName("busy");
    form.fire("menu:deactivate");

    new Ajax.Request('/todo_items/' + id, {
      asynchronous: true,
      evalScripts: true,
      parameters: Form.serialize(form)
    });
  }
};
document.observe("dom:loaded", function() {
  if (!$(document.body).hasClassName("todos")) return;

  var activeItem;

  document.observe("hover:activated", function(event) {
    var element = event.findElement("div.item_wrapper");
    if (element) activeItem = element;
  });

  document.observe("hover:deactivated", function(event) {
    activeItem = null;
  });

  document.observe("keyup", function(event) {
    if (event.keyCode == "E".charCodeAt(0)) {
      if (!activeItem || activeItem.down("form.edit_todo_item") || formFrom(event)) return;
      edit(activeItem);
      event.stop();

    } else if (event.keyCode == Event.KEY_ESC) {
      var form = formFrom(event);
      if (form) {
        cancel(form);
        event.stop();
      }
    }
  });

  function formFrom(event) {
    return event.findElement("form.new_todo_item, form.edit_todo_item, form.new_time_entry");
  }

  function edit(element) {
    element.down("div.nubbin li.edit a").onclick();
  }

  function cancel(element) {
    var textarea = element.down("textarea[sha1]");
    if (SHA1(textarea.getValue()) != textarea.readAttribute("sha1"))
      if (!confirm("Are you sure you want to discard your changes to this to-do item?"))
        return;

    element.down("p.submit a.cancel").onclick();
  }
});
/* ------------------------------------------------------------------------
 * todos.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

Widget.beforeDragRequestHandlers.push(function(widget, widgetParent) {
  if (widgetParent.id == "widgets") return true;

  var listIsTimeTracked = !!widgetParent.up("div.list.list_with_time_tracking");
  var itemIsTimeTracked = !!widget.down("div.item.item_with_time_tracking");

  if (listIsTimeTracked != itemIsTimeTracked) {
    if (!listIsTimeTracked) {
      widgetParent.up("div.items_wrapper").addClassName("busy");
    } else {
      widget.addClassName("busy");
    }
  }

  return true;
});

Widget.beforeDragRequestHandlers.push(function(widget, widgetParent) {
  if (widgetParent.id == "widgets") return true;
  var listId = widgetParent.up("div.list_wrapper").id, match;

  widget.descendants().concat(widget).each(function(element) {
    if (match = (element.id || "").match(/^(.*)list_\d+(.+)/)) {
      element.id = match[1] + listId + match[2];
    }
  });

  return true;
});

function setNotifyVisible(notify, input, me, current) {
  var value = $F(input);
  var notifiable = value != me && value.match(/^\d+$/);
  notify = $(notify);
  if (!notify) return;

  if (notifiable) {
    var name = notify.select('span.person_name').first();
    if (name) {
      var selected = input.select('option[value=' + value + ']').first()
      var firstname = selected.text.split(' ').first();
      name.update(firstname)
    }
    notify.show();
  } else {
    notify.hide();
  }
}

Position.includeScrollOffsets = true;

var TodoLists = {
  resetNewListForm: function() {
    $('new_list_form').reset();
    $('use_title_block').show();
    $('use_template_block').hide();
    $('link_to_use_template').show();
    $('link_to_enter_title').hide();
  }
};

var TodoItems = {
  complete: function(id, url) {
    $('item_' + id + '_notice').show();
    $('item_submission').action = url;
    $('item_submission').submit();
  }
};
var UploadPreference = {
  onPreferenceChangeLinkClicked: function(element) {
    if (element.hasClassName("busy")) return;
    element.addClassName("busy");
    new Ajax.Request(element.readAttribute("href"), { method: "put" });
  },

  onAttachmentManagerChangedTo: function(attachmentManager) {
    UppityUpload.forms.each(function(form) {
      var formElement = form.element;
      UppityUpload.uninstall(formElement);
      formElement.writeAttribute("attachment_manager", attachmentManager);
      UppityUpload.install(formElement);
      formElement.fire("uploadPreference:changed");
    });
    FormResizer.resizeAllForms();
  }
}

document.observe("dom:loaded", function() {
  $(document.body).observe("click", function(event) {
    var element = event.findElement("a.upload_preference");
    if (element) {
      UploadPreference.onPreferenceChangeLinkClicked(element);
      event.stop();
    }
  });
});
/* ------------------------------------------------------------------------
 * writeboards.js
 * Copyright (c) 2004-2007 37signals, LLC. All rights reserved.
 * ------------------------------------------------------------------------ */

var writeboards = {
  login: function(url, password) {
    $('login_form').action = url
    $('login_password').value = password
    $('login_form').submit()
  },

  checkEmpty: function() {
    var count = $('writeboards').getElementsByTagName('LI').length
    if(count < 1) Element.show('blank_slate')
  },

  showQuotaBlock: function() {
    Element.hide('creation_links')
    Element.showIf('limit_reached')
  },

  hideQuotaBlock: function() {
    Element.show('creation_links')
    Element.hideIf('limit_reached')
  },

  creator: {
    toggle: function() {
      this.visible() ? this.hide(true) : this.show(true)
    },

    show: function(animate) {
      visible = this.visible()

      /* don't animate the showing of this block if the importer is visible */
      if (!writeboards.importer.hide(false)) {
        new Effect.BlindDown('new_writeboard', {
          duration: 0.2, afterFinish: function() { Field.focus('writeboard_title') }
        })
      } else {
        Element.show('new_writeboard')
        Field.focus('writeboard_title')
      }

      Element.activate('create_writeboard_link', true)
      Element.hide('blank_slate')



      return visible
    },

    hide: function(animate) {
      visible = this.visible()

      animate ?
        new Effect.BlindUp('new_writeboard', {duration: 0.2,
          afterFinish: function() { writeboards.checkEmpty() }}) :
        Element.hide('new_writeboard')

      Element.activate('create_writeboard_link', false)

      return visible
    },

    visible: function() {
      return $('new_writeboard').style.display != "none"
    },

    before: function() {
      Element.show('writeboard_new_spinner')
    },

    success: function(request) {
      var url = request.getResponseHeader('X-Login-Url')
      var password = request.getResponseHeader('X-Login-Password')
      writeboards.login(url, password)
    },

    failure: function(request) {
      Element.hide('writeboard_new_spinner')
      if(request.responseText.match(/limit exceeded/)) {
        alert("You must upgrade before adding more writeboards.")
      } else {
        alert("Your request could not be completed. Please try again.")
      }
    }
  },

  importer: {
    toggle: function() {
      this.visible() ? this.hide(true) : this.show(true)
    },

    show: function(animate) {
      visible = this.visible()

      /* don't animate the showing of this block of the creator is visible */
      if (!writeboards.creator.hide(false)) {
        new Effect.BlindDown('importWriteboardBlock', {
          duration: 0.2, afterFinish: function() { Field.focus('import_url') }
        })
      } else {
        Element.show('importWriteboardBlock')
        Field.focus('import_url')
      }



      Element.activate('import_writeboard_link', true)
      Element.hide('blank_slate')

      return visible
    },

    hide: function(animate) {
      visible = this.visible()

      animate ?
        new Effect.BlindUp('importWriteboardBlock', {duration: 0.2,
          afterFinish: function() { writeboards.checkEmpty() }}) :
        Element.hide('importWriteboardBlock')

      Element.activate('import_writeboard_link', false)

      return visible
    },

    visible: function() {
      return $('importWriteboardBlock').style.display != "none"
    },

    before: function() {
      Element.show('writeboard_import_spinner')
    },

    success: function(request) {
      $('writeboard_import_spinner', 'blank_slate').each(Element.hide)
      this.hide()

      var position = request.getResponseHeader("X-Writeboard-Position")
      var id = request.getResponseHeader("X-Writeboard-Id")
      var quota = request.getResponseHeader("X-Quota-Status")

      if(quota == "stop") writeboards.showQuotaBlock()

      if(position == "bottom")
        new Insertion.Bottom('writeboards', request.responseText)
      else
        new Insertion.Before('writeboard_' + position, request.responseText)

      new Effect.Highlight('writeboard_' + id)
    },

    failure: function(request) {
      Element.hide('writeboard_import_spinner')
      alert("There was an error processing your request. Please try again.")
    },

    notFound: function(request) {
      Element.hide('writeboard_import_spinner')
      alert("The requested Writeboard could not be found.\n\n" +
        "Please double-check the URL and password and try again.")
    }
  },

  remove: {
    toggle: function(id) {
      this.visible(id) ? this.hide(id) : this.show(id)
    },

    show: function(id) {
      $('privacy_' + id, 'show_' + id).each(Element.hide)
      new Effect.BlindDown('remove_' + id, {duration: 0.2})
    },

    hide: function(id) {
      new Effect.BlindUp('remove_' + id, {duration: 0.2,
        afterFinish: function() {
          Element.show('show_' + id) }})
    },

    visible: function(id) {
      return $('remove_' + id).style.display != "none"
    },

    before: function(id) {
      Element.show("remove_spinner_" + id)
    },

    failure: function(request, id) {
      Element.hide("remove_spinner_" + id)
      alert("An error prevented the writeboard being deleted. Please try again.")
    },

    success: function(request, id) {
      new Effect.Fade("writeboard_" + id, {
        afterFinish: function() {
          Element.remove("writeboard_" + id)
          writeboards.hideQuotaBlock()
          writeboards.checkEmpty() }})
    }
  },

  privacy: {
    toggle: function(id) {
      this.visible(id) ? this.hide(id) : this.show(id)
    },

    show: function(id) {
      Element.hideIf('remove_' + id, 'show_' + id)
      new Effect.BlindDown('privacy_' + id, {duration: 0.2})
    },

    hide: function(id) {
      new Effect.BlindUp('privacy_' + id, {duration: 0.2,
        afterFinish: function() {
          Element.show('show_' + id) }})
    },

    visible: function(id) {
      return $('privacy_' + id).style.display != "none"
    },

    before: function(id) {
      Element.show("privacy_spinner_" + id)
      Element.hide("public_" + id)
    },

    failure: function(request, id) {
      Element.hide("privacy_spinner_" + id)
      Element.show("public_" + id)
      $('public_' + id).checked = !$('public_' + id).checked
      alert("An error prevented your request from completing. Please try again.")
    },

    success: function(request, id) {
      $('writeboard_' + id).innerHTML = request.responseText
      new Effect.Highlight('writeboard_' + id)
    }
  }
}