/*  Prototype JavaScript framework, version 1.6.0
 *  (c) 2005-2007 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.0',

  Browser: {
    IE:     !!(window.attachEvent && !window.opera),
    Opera:  !!window.opera,
    WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
    Gecko:  navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1,
    MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
  },

  BrowserFeatures: {
    XPath: !!document.evaluate,
    ElementExtensions: !!window.HTMLElement,
    SpecificElementExtensions:
      document.createElement('div').__proto__ &&
      document.createElement('div').__proto__ !==
        document.createElement('form').__proto__
  },

  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;

if (Prototype.Browser.WebKit)
  Prototype.BrowserFeatures.XPath = false;

/* Based on Alex Arnell's inheritance implementation. */
var Class = {
  create: function() {
    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) {
      var subclass = function() { };
      subclass.prototype = parent.prototype;
      klass.prototype = new subclass;
      parent.subclasses.push(klass);
    }

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

    if (!klass.prototype.initialize)
      klass.prototype.initialize = Prototype.emptyFunction;

    klass.prototype.constructor = klass;

    return klass;
  }
};

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

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

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

    return this;
  }
};

var Abstract = { };

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

Object.extend(Object, {
  inspect: function(object) {
    try {
      if (object === undefined) return 'undefined';
      if (object === null) return 'null';
      return object.inspect ? object.inspect() : object.toString();
    } catch (e) {
      if (e instanceof RangeError) return '...';
      throw e;
    }
  },

  toJSON: function(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 (Object.isElement(object)) return;

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

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

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

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

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

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

  clone: function(object) {
    return Object.extend({ }, object);
  },

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

  isArray: function(object) {
    return object && object.constructor === Array;
  },

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

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

  isString: function(object) {
    return typeof object == "string";
  },

  isNumber: function(object) {
    return typeof object == "number";
  },

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

Object.extend(Function.prototype, {
  argumentNames: function() {
    var names = this.toString().match(/^[\s\(]*function[^(]*\((.*?)\)/)[1].split(",").invoke("strip");
    return names.length == 1 && !names[0] ? [] : names;
  },

  bind: function() {
    if (arguments.length < 2 && arguments[0] === undefined) return this;
    var __method = this, args = $A(arguments), object = args.shift();
    return function() {
      return __method.apply(object, args.concat($A(arguments)));
    }
  },

  bindAsEventListener: function() {
    var __method = this, args = $A(arguments), object = args.shift();
    return function(event) {
      return __method.apply(object, [event || window.event].concat(args));
    }
  },

  curry: function() {
    if (!arguments.length) return this;
    var __method = this, args = $A(arguments);
    return function() {
      return __method.apply(this, args.concat($A(arguments)));
    }
  },

  delay: function() {
    var __method = this, args = $A(arguments), timeout = args.shift() * 1000;
    return window.setTimeout(function() {
      return __method.apply(__method, args);
    }, timeout);
  },

  wrap: function(wrapper) {
    var __method = this;
    return function() {
      return wrapper.apply(this, [__method.bind(this)].concat($A(arguments)));
    }
  },

  methodize: function() {
    if (this._methodized) return this._methodized;
    var __method = this;
    return this._methodized = function() {
      return __method.apply(null, [this].concat($A(arguments)));
    };
  }
});

Function.prototype.defer = Function.prototype.delay.curry(0.01);

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"';
};

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;
  }
};

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();
      } finally {
        this.currentlyExecuting = false;
      }
    }
  }
});
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, {
  gsub: function(pattern, replacement) {
    var result = '', source = this, match;
    replacement = arguments.callee.prepareReplacement(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;
  },

  sub: function(pattern, replacement, count) {
    replacement = this.gsub.prepareReplacement(replacement);
    count = count === undefined ? 1 : count;

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

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

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

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

  stripTags: function() {
    return this.replace(/<\/?[^>]+>/gi, '');
  },

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

  extractScripts: function() {
    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];
    });
  },

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

  escapeHTML: function() {
    var self = arguments.callee;
    self.text.data = this;
    return self.div.innerHTML;
  },

  unescapeHTML: function() {
    var div = new Element('div');
    div.innerHTML = this.stripTags();
    return div.childNodes[0] ? (div.childNodes.length > 1 ?
      $A(div.childNodes).inject('', function(memo, node) { return memo+node.nodeValue }) :
      div.childNodes[0].nodeValue) : '';
  },

  toQueryParams: function(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;
    });
  },

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

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

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

  camelize: function() {
    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;
  },

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

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

  dasherize: function() {
    return this.gsub(/_/,'-');
  },

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

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

  unfilterJSON: function(filter) {
    return this.sub(filter || Prototype.JSONFilter, '#{1}');
  },

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

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

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

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

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

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

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

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

if (Prototype.Browser.WebKit || Prototype.Browser.IE) Object.extend(String.prototype, {
  escapeHTML: function() {
    return this.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
  },
  unescapeHTML: function() {
    return this.replace(/&amp;/g,'&').replace(/&lt;/g,'<').replace(/&gt;/g,'>');
  }
});

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

String.prototype.parseQuery = String.prototype.toQueryParams;

Object.extend(String.prototype.escapeHTML, {
  div:  document.createElement('div'),
  text: document.createTextNode('')
});

with (String.prototype.escapeHTML) div.appendChild(text);

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

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

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

      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].gsub('\\\\]', ']') : 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);
    }.bind(this));
  }
});
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;

var $break = { };

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

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

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

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

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

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

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

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

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

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

  include: function(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;
  },

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

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

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

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

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

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

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

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

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

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

  zip: function() {
    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));
    });
  },

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

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

Object.extend(Enumerable, {
  map:     Enumerable.collect,
  find:    Enumerable.detect,
  select:  Enumerable.findAll,
  filter:  Enumerable.findAll,
  member:  Enumerable.include,
  entries: Enumerable.toArray,
  every:   Enumerable.all,
  some:    Enumerable.any
});
function $A(iterable) {
  if (!iterable) return [];
  if (iterable.toArray) return iterable.toArray();
  var length = iterable.length, results = new Array(length);
  while (length--) results[length] = iterable[length];
  return results;
}

if (Prototype.Browser.WebKit) {
  function $A(iterable) {
    if (!iterable) return [];
    if (!(Object.isFunction(iterable) && iterable == '[object NodeList]') &&
        iterable.toArray) return iterable.toArray();
    var length = iterable.length, results = new Array(length);
    while (length--) results[length] = iterable[length];
    return results;
  }
}

Array.from = $A;

Object.extend(Array.prototype, Enumerable);

if (!Array.prototype._reverse) Array.prototype._reverse = Array.prototype.reverse;

Object.extend(Array.prototype, {
  _each: function(iterator) {
    for (var i = 0, length = this.length; i < length; i++)
      iterator(this[i]);
  },

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

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

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

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

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

  without: function() {
    var values = $A(arguments);
    return this.select(function(value) {
      return !values.include(value);
    });
  },

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

  reduce: function() {
    return this.length > 1 ? this : this[0];
  },

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

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

  clone: function() {
    return [].concat(this);
  },

  size: function() {
    return this.length;
  },

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

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

// use native browser JS 1.6 implementation if available
if (Object.isFunction(Array.prototype.forEach))
  Array.prototype._each = Array.prototype.forEach;

if (!Array.prototype.indexOf) Array.prototype.indexOf = function(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;
};

if (!Array.prototype.lastIndexOf) Array.prototype.lastIndexOf = function(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;
};

Array.prototype.toArray = Array.prototype.clone;

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

if (Prototype.Browser.Opera){
  Array.prototype.concat = function() {
    var array = [];
    for (var i = 0, length = this.length; i < length; i++) array.push(this[i]);
    for (var i = 0, length = arguments.length; i < length; i++) {
      if (Object.isArray(arguments[i])) {
        for (var j = 0, arrayLength = arguments[i].length; j < arrayLength; j++)
          array.push(arguments[i][j]);
      } else {
        array.push(arguments[i]);
      }
    }
    return array;
  };
}
Object.extend(Number.prototype, {
  toColorPart: function() {
    return this.toPaddedString(2, 16);
  },

  succ: function() {
    return this + 1;
  },

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

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

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

$w('abs round ceil floor').each(function(method){
  Number.prototype[method] = Math[method].methodize();
});
function $H(object) {
  return new Hash(object);
};

var Hash = Class.create(Enumerable, (function() {
  if (function() {
    var i = 0, Test = function(value) { this.key = value };
    Test.prototype.key = 'foo';
    for (var property in new Test('bar')) i++;
    return i > 1;
  }()) {
    function each(iterator) {
      var cache = [];
      for (var key in this._object) {
        var value = this._object[key];
        if (cache.include(key)) continue;
        cache.push(key);
        var pair = [key, value];
        pair.key = key;
        pair.value = value;
        iterator(pair);
      }
    }
  } else {
    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 toQueryPair(key, value) {
    if (Object.isUndefined(value)) return key;
    return key + '=' + encodeURIComponent(String.interpret(value));
  }

  return {
    initialize: function(object) {
      this._object = Object.isHash(object) ? object.toObject() : Object.clone(object);
    },

    _each: each,

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

    get: function(key) {
      return this._object[key];
    },

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

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

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

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

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

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

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

    toQueryString: function() {
      return this.map(function(pair) {
        var key = encodeURIComponent(pair.key), values = pair.value;

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

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

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

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

Hash.prototype.toTemplateReplacements = Hash.prototype.toObject;
Hash.from = $H;
var ObjectRange = Class.create(Enumerable, {
  initialize: function(start, end, exclusive) {
    this.start = start;
    this.end = end;
    this.exclusive = exclusive;
  },

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

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

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

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();
  }
});

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)) {
      // simulate other verbs over post
      params['_method'] = this.method;
      this.method = 'post';
    }

    this.parameters = params;

    if (params = Object.toQueryString(params)) {
      // when GET, append parameters to URL
      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';
    }

    // user-defined headers
    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 && 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') {
      // avoid memory leak in MSIE: clean up
      this.transport.onreadystatechange = Prototype.emptyFunction;
    }
  },

  getHeader: function(name) {
    try {
      return this.transport.getResponseHeader(name);
    } 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  = xml === undefined ? 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);
    } 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')))
        return null;
    try {
      return this.transport.responseText.evalJSON(options.sanitizeJSON);
    } 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 = options || { };
    var onComplete = options.onComplete;
    options.onComplete = (function(response, param) {
      this.updateContent(response.responseText);
      if (Object.isFunction(onComplete)) onComplete(response, param);
    }).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);
    }

    if (this.success()) {
      if (this.onComplete) this.onComplete.bind(this).defer();
    }
  }
});

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) {
  // DOM level 2 ECMAScript Language Binding
  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() {
  var element = this.Element;
  this.Element = function(tagName, attributes) {
    attributes = attributes || { };
    tagName = tagName.toLowerCase();
    var cache = Element.cache;
    if (Prototype.Browser.IE && 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(this.Element, element || { });
}).call(window);

Element.cache = { };

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).style.display = 'none';
    return element;
  },

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

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

  update: function(element, content) {
    element = $(element);
    if (content && content.toElement) content = content.toElement();
    if (Object.isElement(content)) return element.update().insert(content);
    content = Object.toHTML(content);
    element.innerHTML = content.stripScripts();
    content.evalScripts.bind(content).defer();
    return element;
  },

  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, t, range;

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

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

      content = Object.toHTML(content);

      range = element.ownerDocument.createRange();
      t.initializeRange(element, range);
      t.insert(element, range.createContextualFragment(content.stripScripts()));

      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) {
    element = $(element);
    var elements = [];
    while (element = element[property])
      if (element.nodeType == 1)
        elements.push(Element.extend(element));
    return elements;
  },

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

  descendants: function(element) {
    return $A($(element).getElementsByTagName('*')).each(Element.extend);
  },

  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) {
    return $(element).recursivelyCollect('previousSibling');
  },

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

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

  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();
    return expression ? Selector.findElement(ancestors, expression, index) :
      ancestors[index || 0];
  },

  down: function(element, expression, index) {
    element = $(element);
    if (arguments.length == 1) return element.firstDescendant();
    var descendants = element.descendants();
    return expression ? Selector.findElement(descendants, expression, index) :
      descendants[index || 0];
  },

  previous: function(element, expression, index) {
    element = $(element);
    if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element));
    var previousSiblings = element.previousSiblings();
    return expression ? Selector.findElement(previousSiblings, expression, index) :
      previousSiblings[index || 0];
  },

  next: function(element, expression, index) {
    element = $(element);
    if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element));
    var nextSiblings = element.nextSiblings();
    return expression ? Selector.findElement(nextSiblings, expression, index) :
      nextSiblings[index || 0];
  },

  select: function() {
    var args = $A(arguments), element = $(args.shift());
    return Selector.findChildElements(element, args);
  },

  adjacent: function() {
    var args = $A(arguments), element = $(args.shift());
    return Selector.findChildElements(element.parentNode, args).without(element);
  },

  identify: function(element) {
    element = $(element);
    var id = element.readAttribute('id'), self = arguments.callee;
    if (id) return id;
    do { id = 'anonymous_element_' + self.counter++ } while ($(id));
    element.writeAttribute('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] = value === undefined ? true : value;

    for (var attr in attributes) {
      var 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().height;
  },

  getWidth: function(element) {
    return $(element).getDimensions().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(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(className) ?
      'removeClassName' : 'addClassName'](className);
  },

  // removes whitespace-only text node children
  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 (element.sourceIndex && !Prototype.Browser.Opera) {
      var e = element.sourceIndex, a = ancestor.sourceIndex,
       nextAncestor = ancestor.nextSibling;
      if (!nextAncestor) {
        do { ancestor = ancestor.parentNode; }
        while (!(nextAncestor = ancestor.nextSibling) && ancestor.parentNode);
      }
      if (nextAncestor) return (e > a && e < nextAncestor.sourceIndex);
    }

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

  scrollTo: function(element) {
    element = $(element);
    var pos = element.cumulativeOffset();
    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) {
      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') ?
          (elementStyle.styleFloat === undefined ? '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('display');
    if (display != 'none' && display != null) // Safari bug
      return {width: element.offsetWidth, height: element.offsetHeight};

    // All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    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';
      // Opera returns the offset relative to the positioning context, when an
      // element is position relative but top and left have not been defined
      if (window.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 == 'BODY') break;
        var p = Element.getStyle(element, 'position');
        if (p == 'relative' || p == 'absolute') break;
      }
    } while (element);
    return Element._returnOffset(valueL, valueT);
  },

  absolutize: function(element) {
    element = $(element);
    if (element.getStyle('position') == 'absolute') return;
    // Position.prepare(); // To be done manually by Scripty when it needs it.

    var offsets = element.positionedOffset();
    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('position') == 'relative') return;
    // Position.prepare(); // To be done manually by Scripty when it needs it.

    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;

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

    } while (element = element.offsetParent);

    element = forElement;
    do {
      if (!Prototype.Browser.Opera || element.tagName == '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] || { });

    // find page position of source
    source = $(source);
    var p = source.viewportOffset();

    // find coordinate system to use
    element = $(element);
    var delta = [0, 0];
    var parent = null;
    // delta [0,0] will do fine with position: fixed elements,
    // position:absolute needs offsetParent deltas
    if (Element.getStyle(element, 'position') == 'absolute') {
      parent = element.getOffsetParent();
      delta = parent.viewportOffset();
    }

    // correct by body offsets (fixes Safari)
    if (parent == document.body) {
      delta[0] -= document.body.offsetLeft;
      delta[1] -= document.body.offsetTop;
    }

    // set position
    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;
  }
};

Element.Methods.identify.counter = 1;

Object.extend(Element.Methods, {
  getElementsBySelector: Element.Methods.select,
  childElements: Element.Methods.immediateDescendants
});

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


if (!document.createRange || Prototype.Browser.Opera) {
  Element.Methods.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 t = Element._insertionTranslations, content, position, pos, tagName;

    for (position in insertions) {
      content  = insertions[position];
      position = position.toLowerCase();
      pos      = t[position];

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

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

      if (t.tags[tagName]) {
        var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
        if (position == 'top' || position == 'after') fragments.reverse();
        fragments.each(pos.insert.curry(element));
      }
      else element.insertAdjacentHTML(pos.adjacency, content.stripScripts());

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

    return element;
  };
}

if (Prototype.Browser.Opera) {
  Element.Methods._getStyle = Element.Methods.getStyle;
  Element.Methods.getStyle = function(element, style) {
    switch(style) {
      case 'left':
      case 'top':
      case 'right':
      case 'bottom':
        if (Element._getStyle(element, 'position') == 'static') return null;
      default: return Element._getStyle(element, style);
    }
  };
  Element.Methods._readAttribute = Element.Methods.readAttribute;
  Element.Methods.readAttribute = function(element, attribute) {
    if (attribute == 'title') return element.title;
    return Element._readAttribute(element, attribute);
  };
}

else if (Prototype.Browser.IE) {
  $w('positionedOffset getOffsetParent viewportOffset').each(function(method) {
    Element.Methods[method] = Element.Methods[method].wrap(
      function(proceed, element) {
        element = $(element);
        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;
      }
    );
  });

  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 = {
    read: {
      names: {
        'class': 'className',
        'for':   'htmlFor'
      },
      values: {
        _getAttr: function(element, attribute) {
          return element.getAttribute(attribute, 2);
        },
        _getAttrNode: function(element, attribute) {
          var node = element.getAttributeNode(attribute);
          return node ? node.value : "";
        },
        _getEv: function(element, attribute) {
          var attribute = element.getAttribute(attribute);
          return attribute ? attribute.toString().slice(23, -2) : null;
        },
        _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.clone(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').each(function(attr) {
    Element._attributeTranslations.write.names[attr.toLowerCase()] = attr;
    Element._attributeTranslations.has[attr.toLowerCase()] = attr;
  });

  (function(v) {
    Object.extend(v, {
      href:        v._getAttr,
      src:         v._getAttr,
      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);
}

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 == 'IMG' && element.width) {
        element.width++; element.width--;
      } else try {
        var n = document.createTextNode(' ');
        element.appendChild(n);
        element.removeChild(n);
      } catch (e) { }

    return element;
  };

  // Safari returns margins on body which is incorrect if the child is absolutely
  // positioned.  For performance reasons, redefine Position.cumulativeOffset for
  // KHTML/WebKit only.
  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 (Prototype.Browser.IE || Prototype.Browser.Opera) {
  // IE and Opera are missing .innerHTML support for TABLE-related and SELECT elements
  Element.Methods.update = function(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 in Element._insertionTranslations.tags) {
      $A(element.childNodes).each(function(node) { element.removeChild(node) });
      Element._getContentFromAnonymousElement(tagName, content.stripScripts())
        .each(function(node) { element.appendChild(node) });
    }
    else element.innerHTML = content.stripScripts();

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

if (document.createElement('div').outerHTML) {
  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];
  div.innerHTML = t[0] + html + t[1];
  t[2].times(function() { div = div.firstChild });
  return $A(div.childNodes);
};

Element._insertionTranslations = {
  before: {
    adjacency: 'beforeBegin',
    insert: function(element, node) {
      element.parentNode.insertBefore(node, element);
    },
    initializeRange: function(element, range) {
      range.setStartBefore(element);
    }
  },
  top: {
    adjacency: 'afterBegin',
    insert: function(element, node) {
      element.insertBefore(node, element.firstChild);
    },
    initializeRange: function(element, range) {
      range.selectNodeContents(element);
      range.collapse(true);
    }
  },
  bottom: {
    adjacency: 'beforeEnd',
    insert: function(element, node) {
      element.appendChild(node);
    }
  },
  after: {
    adjacency: 'afterEnd',
    insert: function(element, node) {
      element.parentNode.insertBefore(node, element.nextSibling);
    },
    initializeRange: function(element, range) {
      range.setStartAfter(element);
    }
  },
  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() {
  this.bottom.initializeRange = this.top.initializeRange;
  Object.extend(this.tags, {
    THEAD: this.tags.TBODY,
    TFOOT: this.tags.TBODY,
    TH:    this.tags.TD
  });
}).call(Element._insertionTranslations);

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);

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

Element.extend = (function() {
  if (Prototype.BrowserFeatures.SpecificElementExtensions)
    return Prototype.K;

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

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

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

    // extend methods for specific tags
    if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]);

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

    element._extendedByPrototype = Prototype.emptyFunction;
    return element;

  }, {
    refresh: function() {
      // extend methods for all tags (Safari doesn't need this)
      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];

    window[klass] = { };
    window[klass].prototype = document.createElement(tagName).__proto__;
    return window[klass];
  }

  if (F.ElementExtensions) {
    copy(Element.Methods, HTMLElement.prototype);
    copy(Element.Methods.Simulated, HTMLElement.prototype, 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() {
    var dimensions = { };
    $w('width height').each(function(d) {
      var D = d.capitalize();
      dimensions[d] = self['inner' + D] ||
       (document.documentElement['client' + D] || document.body['client' + D]);
    });
    return dimensions;
  },

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

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

  getScrollOffsets: function() {
    return Element._returnOffset(
      window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
      window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop);
  }
};
/* Portions of the Selector class are derived from Jack Slocum’s DomQuery,
 * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style
 * license.  Please see http://www.yui-ext.com/ for more information. */

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

  compileMatcher: function() {
    // Selectors with namespaced attributes can't use the XPath version
    if (Prototype.BrowserFeatures.XPath && !(/(\[[\w-]*?:|:checked)/).test(this.expression))
      return this.compileXPathMatcher();

    var e = this.expression, ps = Selector.patterns, h = Selector.handlers,
        c = Selector.criteria, le, p, m;

    if (Selector._cache[e]) {
      this.matcher = Selector._cache[e];
      return;
    }

    this.matcher = ["this.matcher = function(root) {",
                    "var r = root, h = Selector.handlers, c = false, n;"];

    while (e && le != e && (/\S/).test(e)) {
      le = e;
      for (var i in ps) {
        p = ps[i];
        if (m = e.match(p)) {
          this.matcher.push(Object.isFunction(c[i]) ? c[i](m) :
    	      new Template(c[i]).evaluate(m));
          e = e.replace(m[0], '');
          break;
        }
      }
    }

    this.matcher.push("return h.unique(n);\n}");
    eval(this.matcher.join('\n'));
    Selector._cache[this.expression] = this.matcher;
  },

  compileXPathMatcher: function() {
    var e = this.expression, ps = Selector.patterns,
        x = Selector.xpath, le, m;

    if (Selector._cache[e]) {
      this.xpath = Selector._cache[e]; return;
    }

    this.matcher = ['.//*'];
    while (e && le != e && (/\S/).test(e)) {
      le = e;
      for (var i in ps) {
        if (m = e.match(ps[i])) {
          this.matcher.push(Object.isFunction(x[i]) ? x[i](m) :
            new Template(x[i]).evaluate(m));
          e = e.replace(m[0], '');
          break;
        }
      }
    }

    this.xpath = this.matcher.join('');
    Selector._cache[this.expression] = this.xpath;
  },

  findElements: function(root) {
    root = root || document;
    if (this.xpath) return document._getElementsByXPath(this.xpath, root);
    return this.matcher(root);
  },

  match: function(element) {
    this.tokens = [];

    var e = this.expression, ps = Selector.patterns, as = Selector.assertions;
    var le, p, m;

    while (e && le !== e && (/\S/).test(e)) {
      le = e;
      for (var i in ps) {
        p = ps[i];
        if (m = e.match(p)) {
          // use the Selector.assertions methods unless the selector
          // is too complex.
          if (as[i]) {
            this.tokens.push([i, Object.clone(m)]);
            e = e.replace(m[0], '');
          } else {
            // reluctantly do a document-wide search
            // and look for a match in the array
            return this.findElements(document).include(element);
          }
        }
      }
    }

    var match = true, name, matches;
    for (var i = 0, token; token = this.tokens[i]; i++) {
      name = token[0], matches = token[1];
      if (!Selector.assertions[name](element, matches)) {
        match = false; break;
      }
    }

    return match;
  },

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

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

Object.extend(Selector, {
  _cache: { },

  xpath: {
    descendant:   "//*",
    child:        "/*",
    adjacent:     "/following-sibling::*[1]",
    laterSibling: '/following-sibling::*',
    tagName:      function(m) {
      if (m[1] == '*') return '';
      return "[local-name()='" + m[1].toLowerCase() +
             "' or local-name()='" + m[1].toUpperCase() + "']";
    },
    className:    "[contains(concat(' ', @class, ' '), ' #{1} ')]",
    id:           "[@id='#{1}']",
    attrPresence: "[@#{1}]",
    attr: function(m) {
      m[3] = m[5] || m[6];
      return new Template(Selector.xpath.operators[m[2]]).evaluate(m);
    },
    pseudo: function(m) {
      var h = Selector.xpath.pseudos[m[1]];
      if (!h) return '';
      if (Object.isFunction(h)) return h(m);
      return new Template(Selector.xpath.pseudos[m[1]]).evaluate(m);
    },
    operators: {
      '=':  "[@#{1}='#{3}']",
      '!=': "[@#{1}!='#{3}']",
      '^=': "[starts-with(@#{1}, '#{3}')]",
      '$=': "[substring(@#{1}, (string-length(@#{1}) - string-length('#{3}') + 1))='#{3}']",
      '*=': "[contains(@#{1}, '#{3}')]",
      '~=': "[contains(concat(' ', @#{1}, ' '), ' #{3} ')]",
      '|=': "[contains(concat('-', @#{1}, '-'), '-#{3}-')]"
    },
    pseudos: {
      'first-child': '[not(preceding-sibling::*)]',
      'last-child':  '[not(following-sibling::*)]',
      'only-child':  '[not(preceding-sibling::* or following-sibling::*)]',
      'empty':       "[count(*) = 0 and (count(text()) = 0 or translate(text(), ' \t\r\n', '') = '')]",
      'checked':     "[@checked]",
      'disabled':    "[@disabled]",
      'enabled':     "[not(@disabled)]",
      'not': function(m) {
        var e = m[6], p = Selector.patterns,
            x = Selector.xpath, le, m, v;

        var exclusion = [];
        while (e && le != e && (/\S/).test(e)) {
          le = e;
          for (var i in p) {
            if (m = e.match(p[i])) {
              v = Object.isFunction(x[i]) ? x[i](m) : new Template(x[i]).evaluate(m);
              exclusion.push("(" + v.substring(1, v.length - 1) + ")");
              e = e.replace(m[0], '');
              break;
            }
          }
        }
        return "[not(" + exclusion.join(" and ") + ")]";
      },
      'nth-child':      function(m) {
        return Selector.xpath.pseudos.nth("(count(./preceding-sibling::*) + 1) ", m);
      },
      'nth-last-child': function(m) {
        return Selector.xpath.pseudos.nth("(count(./following-sibling::*) + 1) ", m);
      },
      'nth-of-type':    function(m) {
        return Selector.xpath.pseudos.nth("position() ", m);
      },
      'nth-last-of-type': function(m) {
        return Selector.xpath.pseudos.nth("(last() + 1 - position()) ", m);
      },
      'first-of-type':  function(m) {
        m[6] = "1"; return Selector.xpath.pseudos['nth-of-type'](m);
      },
      'last-of-type':   function(m) {
        m[6] = "1"; return Selector.xpath.pseudos['nth-last-of-type'](m);
      },
      'only-of-type':   function(m) {
        var p = Selector.xpath.pseudos; return p['first-of-type'](m) + p['last-of-type'](m);
      },
      nth: function(fragment, m) {
        var mm, formula = m[6], predicate;
        if (formula == 'even') formula = '2n+0';
        if (formula == 'odd')  formula = '2n+1';
        if (mm = formula.match(/^(\d+)$/)) // digit only
          return '[' + fragment + "= " + mm[1] + ']';
        if (mm = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b
          if (mm[1] == "-") mm[1] = -1;
          var a = mm[1] ? Number(mm[1]) : 1;
          var b = mm[2] ? Number(mm[2]) : 0;
          predicate = "[((#{fragment} - #{b}) mod #{a} = 0) and " +
          "((#{fragment} - #{b}) div #{a} >= 0)]";
          return new Template(predicate).evaluate({
            fragment: fragment, a: a, b: b });
        }
      }
    }
  },

  criteria: {
    tagName:      'n = h.tagName(n, r, "#{1}", c);   c = false;',
    className:    'n = h.className(n, r, "#{1}", c); c = false;',
    id:           'n = h.id(n, r, "#{1}", c);        c = false;',
    attrPresence: 'n = h.attrPresence(n, r, "#{1}"); c = false;',
    attr: function(m) {
      m[3] = (m[5] || m[6]);
      return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}"); c = false;').evaluate(m);
    },
    pseudo: function(m) {
      if (m[6]) m[6] = m[6].replace(/"/g, '\\"');
      return new Template('n = h.pseudo(n, "#{1}", "#{6}", r, c); c = false;').evaluate(m);
    },
    descendant:   'c = "descendant";',
    child:        'c = "child";',
    adjacent:     'c = "adjacent";',
    laterSibling: 'c = "laterSibling";'
  },

  patterns: {
    // combinators must be listed first
    // (and descendant needs to be last combinator)
    laterSibling: /^\s*~\s*/,
    child:        /^\s*>\s*/,
    adjacent:     /^\s*\+\s*/,
    descendant:   /^\s/,

    // selectors follow
    tagName:      /^\s*(\*|[\w\-]+)(\b|$)?/,
    id:           /^#([\w\-\*]+)(\b|$)/,
    className:    /^\.([\w\-\*]+)(\b|$)/,
    pseudo:       /^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s)|(?=:))/,
    attrPresence: /^\[([\w]+)\]/,
    attr:         /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/
  },

  // for Selector.match and Element#match
  assertions: {
    tagName: function(element, matches) {
      return matches[1].toUpperCase() == element.tagName.toUpperCase();
    },

    className: function(element, matches) {
      return Element.hasClassName(element, matches[1]);
    },

    id: function(element, matches) {
      return element.id === matches[1];
    },

    attrPresence: function(element, matches) {
      return Element.hasAttribute(element, matches[1]);
    },

    attr: function(element, matches) {
      var nodeValue = Element.readAttribute(element, matches[1]);
      return Selector.operators[matches[2]](nodeValue, matches[3]);
    }
  },

  handlers: {
    // UTILITY FUNCTIONS
    // joins two collections
    concat: function(a, b) {
      for (var i = 0, node; node = b[i]; i++)
        a.push(node);
      return a;
    },

    // marks an array of nodes for counting
    mark: function(nodes) {
      for (var i = 0, node; node = nodes[i]; i++)
        node._counted = true;
      return nodes;
    },

    unmark: function(nodes) {
      for (var i = 0, node; node = nodes[i]; i++)
        node._counted = undefined;
      return nodes;
    },

    // mark each child node with its position (for nth calls)
    // "ofType" flag indicates whether we're indexing for nth-of-type
    // rather than nth-child
    index: function(parentNode, reverse, ofType) {
      parentNode._counted = true;
      if (reverse) {
        for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) {
          var node = nodes[i];
          if (node.nodeType == 1 && (!ofType || node._counted)) node.nodeIndex = j++;
        }
      } else {
        for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++)
          if (node.nodeType == 1 && (!ofType || node._counted)) node.nodeIndex = j++;
      }
    },

    // filters out duplicates and extends all nodes
    unique: function(nodes) {
      if (nodes.length == 0) return nodes;
      var results = [], n;
      for (var i = 0, l = nodes.length; i < l; i++)
        if (!(n = nodes[i])._counted) {
          n._counted = true;
          results.push(Element.extend(n));
        }
      return Selector.handlers.unmark(results);
    },

    // COMBINATOR FUNCTIONS
    descendant: function(nodes) {
      var h = Selector.handlers;
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        h.concat(results, node.getElementsByTagName('*'));
      return results;
    },

    child: function(nodes) {
      var h = Selector.handlers;
      for (var i = 0, results = [], node; node = nodes[i]; i++) {
        for (var j = 0, children = [], child; child = node.childNodes[j]; j++)
          if (child.nodeType == 1 && child.tagName != '!') results.push(child);
      }
      return results;
    },

    adjacent: function(nodes) {
      for (var i = 0, results = [], node; node = nodes[i]; i++) {
        var next = this.nextElementSibling(node);
        if (next) results.push(next);
      }
      return results;
    },

    laterSibling: function(nodes) {
      var h = Selector.handlers;
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        h.concat(results, Element.nextSiblings(node));
      return results;
    },

    nextElementSibling: function(node) {
      while (node = node.nextSibling)
	      if (node.nodeType == 1) return node;
      return null;
    },

    previousElementSibling: function(node) {
      while (node = node.previousSibling)
        if (node.nodeType == 1) return node;
      return null;
    },

    // TOKEN FUNCTIONS
    tagName: function(nodes, root, tagName, combinator) {
      tagName = tagName.toUpperCase();
      var results = [], h = Selector.handlers;
      if (nodes) {
        if (combinator) {
          // fastlane for ordinary descendant combinators
          if (combinator == "descendant") {
            for (var i = 0, node; node = nodes[i]; i++)
              h.concat(results, node.getElementsByTagName(tagName));
            return results;
          } else nodes = this[combinator](nodes);
          if (tagName == "*") return nodes;
        }
        for (var i = 0, node; node = nodes[i]; i++)
          if (node.tagName.toUpperCase() == tagName) results.push(node);
        return results;
      } else return root.getElementsByTagName(tagName);
    },

    id: function(nodes, root, id, combinator) {
      var targetNode = $(id), h = Selector.handlers;
      if (!targetNode) return [];
      if (!nodes && root == document) return [targetNode];
      if (nodes) {
        if (combinator) {
          if (combinator == 'child') {
            for (var i = 0, node; node = nodes[i]; i++)
              if (targetNode.parentNode == node) return [targetNode];
          } else if (combinator == 'descendant') {
            for (var i = 0, node; node = nodes[i]; i++)
              if (Element.descendantOf(targetNode, node)) return [targetNode];
          } else if (combinator == 'adjacent') {
            for (var i = 0, node; node = nodes[i]; i++)
              if (Selector.handlers.previousElementSibling(targetNode) == node)
                return [targetNode];
          } else nodes = h[combinator](nodes);
        }
        for (var i = 0, node; node = nodes[i]; i++)
          if (node == targetNode) return [targetNode];
        return [];
      }
      return (targetNode && Element.descendantOf(targetNode, root)) ? [targetNode] : [];
    },

    className: function(nodes, root, className, combinator) {
      if (nodes && combinator) nodes = this[combinator](nodes);
      return Selector.handlers.byClassName(nodes, root, className);
    },

    byClassName: function(nodes, root, className) {
      if (!nodes) nodes = Selector.handlers.descendant([root]);
      var needle = ' ' + className + ' ';
      for (var i = 0, results = [], node, nodeClassName; node = nodes[i]; i++) {
        nodeClassName = node.className;
        if (nodeClassName.length == 0) continue;
        if (nodeClassName == className || (' ' + nodeClassName + ' ').include(needle))
          results.push(node);
      }
      return results;
    },

    attrPresence: function(nodes, root, attr) {
      if (!nodes) nodes = root.getElementsByTagName("*");
      var results = [];
      for (var i = 0, node; node = nodes[i]; i++)
        if (Element.hasAttribute(node, attr)) results.push(node);
      return results;
    },

    attr: function(nodes, root, attr, value, operator) {
      if (!nodes) nodes = root.getElementsByTagName("*");
      var handler = Selector.operators[operator], results = [];
      for (var i = 0, node; node = nodes[i]; i++) {
        var nodeValue = Element.readAttribute(node, attr);
        if (nodeValue === null) continue;
        if (handler(nodeValue, value)) results.push(node);
      }
      return results;
    },

    pseudo: function(nodes, name, value, root, combinator) {
      if (nodes && combinator) nodes = this[combinator](nodes);
      if (!nodes) nodes = root.getElementsByTagName("*");
      return Selector.pseudos[name](nodes, value, root);
    }
  },

  pseudos: {
    'first-child': function(nodes, value, root) {
      for (var i = 0, results = [], node; node = nodes[i]; i++) {
        if (Selector.handlers.previousElementSibling(node)) continue;
          results.push(node);
      }
      return results;
    },
    'last-child': function(nodes, value, root) {
      for (var i = 0, results = [], node; node = nodes[i]; i++) {
        if (Selector.handlers.nextElementSibling(node)) continue;
          results.push(node);
      }
      return results;
    },
    'only-child': function(nodes, value, root) {
      var h = Selector.handlers;
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        if (!h.previousElementSibling(node) && !h.nextElementSibling(node))
          results.push(node);
      return results;
    },
    'nth-child':        function(nodes, formula, root) {
      return Selector.pseudos.nth(nodes, formula, root);
    },
    'nth-last-child':   function(nodes, formula, root) {
      return Selector.pseudos.nth(nodes, formula, root, true);
    },
    'nth-of-type':      function(nodes, formula, root) {
      return Selector.pseudos.nth(nodes, formula, root, false, true);
    },
    'nth-last-of-type': function(nodes, formula, root) {
      return Selector.pseudos.nth(nodes, formula, root, true, true);
    },
    'first-of-type':    function(nodes, formula, root) {
      return Selector.pseudos.nth(nodes, "1", root, false, true);
    },
    'last-of-type':     function(nodes, formula, root) {
      return Selector.pseudos.nth(nodes, "1", root, true, true);
    },
    'only-of-type':     function(nodes, formula, root) {
      var p = Selector.pseudos;
      return p['last-of-type'](p['first-of-type'](nodes, formula, root), formula, root);
    },

    // handles the an+b logic
    getIndices: function(a, b, total) {
      if (a == 0) return b > 0 ? [b] : [];
      return $R(1, total).inject([], function(memo, i) {
        if (0 == (i - b) % a && (i - b) / a >= 0) memo.push(i);
        return memo;
      });
    },

    // handles nth(-last)-child, nth(-last)-of-type, and (first|last)-of-type
    nth: function(nodes, formula, root, reverse, ofType) {
      if (nodes.length == 0) return [];
      if (formula == 'even') formula = '2n+0';
      if (formula == 'odd')  formula = '2n+1';
      var h = Selector.handlers, results = [], indexed = [], m;
      h.mark(nodes);
      for (var i = 0, node; node = nodes[i]; i++) {
        if (!node.parentNode._counted) {
          h.index(node.parentNode, reverse, ofType);
          indexed.push(node.parentNode);
        }
      }
      if (formula.match(/^\d+$/)) { // just a number
        formula = Number(formula);
        for (var i = 0, node; node = nodes[i]; i++)
          if (node.nodeIndex == formula) results.push(node);
      } else if (m = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b
        if (m[1] == "-") m[1] = -1;
        var a = m[1] ? Number(m[1]) : 1;
        var b = m[2] ? Number(m[2]) : 0;
        var indices = Selector.pseudos.getIndices(a, b, nodes.length);
        for (var i = 0, node, l = indices.length; node = nodes[i]; i++) {
          for (var j = 0; j < l; j++)
            if (node.nodeIndex == indices[j]) results.push(node);
        }
      }
      h.unmark(nodes);
      h.unmark(indexed);
      return results;
    },

    'empty': function(nodes, value, root) {
      for (var i = 0, results = [], node; node = nodes[i]; i++) {
        // IE treats comments as element nodes
        if (node.tagName == '!' || (node.firstChild && !node.innerHTML.match(/^\s*$/))) continue;
        results.push(node);
      }
      return results;
    },

    'not': function(nodes, selector, root) {
      var h = Selector.handlers, selectorType, m;
      var exclusions = new Selector(selector).findElements(root);
      h.mark(exclusions);
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        if (!node._counted) results.push(node);
      h.unmark(exclusions);
      return results;
    },

    'enabled': function(nodes, value, root) {
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        if (!node.disabled) results.push(node);
      return results;
    },

    'disabled': function(nodes, value, root) {
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        if (node.disabled) results.push(node);
      return results;
    },

    'checked': function(nodes, value, root) {
      for (var i = 0, results = [], node; node = nodes[i]; i++)
        if (node.checked) results.push(node);
      return results;
    }
  },

  operators: {
    '=':  function(nv, v) { return nv == v; },
    '!=': function(nv, v) { return nv != v; },
    '^=': function(nv, v) { return nv.startsWith(v); },
    '$=': function(nv, v) { return nv.endsWith(v); },
    '*=': function(nv, v) { return nv.include(v); },
    '~=': function(nv, v) { return (' ' + nv + ' ').include(' ' + v + ' '); },
    '|=': function(nv, v) { return ('-' + nv.toUpperCase() + '-').include('-' + v.toUpperCase() + '-'); }
  },

  matchElements: function(elements, expression) {
    var matches = new Selector(expression).findElements(), h = Selector.handlers;
    h.mark(matches);
    for (var i = 0, results = [], element; element = elements[i]; i++)
      if (element._counted) results.push(element);
    h.unmark(matches);
    return results;
  },

  findElement: function(elements, expression, index) {
    if (Object.isNumber(expression)) {
      index = expression; expression = false;
    }
    return Selector.matchElements(elements, expression || '*')[index || 0];
  },

  findChildElements: function(element, expressions) {
    var exprs = expressions.join(','), expressions = [];
    exprs.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) {
      expressions.push(m[1].strip());
    });
    var results = [], h = Selector.handlers;
    for (var i = 0, l = expressions.length, selector; i < l; i++) {
      selector = new Selector(expressions[i].strip());
      h.concat(results, selector.findElements(element));
    }
    return (l > 1) ? h.unique(results) : results;
  }
});

function $$() {
  return Selector.findChildElements(document, $A(arguments));
}
var Form = {
  reset: function(form) {
    $(form).reset();
    return form;
  },

  serializeElements: function(elements, options) {
    if (typeof options != 'object') options = { hash: !!options };
    else if (options.hash === undefined) 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 != 'submit' || (!submitted &&
            submit !== false && (!submit || key == submit) && (submitted = true)))) {
          if (key in result) {
            // a key is already present; construct an array of values
            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) {
    return $A($(form).getElementsByTagName('*')).inject([],
      function(elements, child) {
        if (Form.Element.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'].include(element.tagName.toLowerCase());
    });
  },

  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'].include(element.type)))
        element.select();
    } catch (e) { }
    return element;
  },

  disable: function(element) {
    element = $(element);
    element.blur();
    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 (value === undefined) return element.checked ? element.value : null;
    else element.checked = !!value;
  },

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

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

  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) {
    // extend element because hasAttribute may not be native
    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);
  }
});
if (!window.Event) var Event = { };

Object.extend(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: { },

  relatedTarget: function(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);
  }
});

Event.Methods = (function() {
  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);
    };
  }

  return {
    isLeftClick:   function(event) { return isButton(event, 0) },
    isMiddleClick: function(event) { return isButton(event, 1) },
    isRightClick:  function(event) { return isButton(event, 2) },

    element: function(event) {
      var node = Event.extend(event).target;
      return Element.extend(node.nodeType == Node.TEXT_NODE ? node.parentNode : node);
    },

    findElement: function(event, expression) {
      var element = Event.element(event);
      return element.match(expression) ? element : element.up(expression);
    },

    pointer: function(event) {
      return {
        x: event.pageX || (event.clientX +
          (document.documentElement.scrollLeft || document.body.scrollLeft)),
        y: event.pageY || (event.clientY +
          (document.documentElement.scrollTop || document.body.scrollTop))
      };
    },

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

    stop: function(event) {
      Event.extend(event);
      event.preventDefault();
      event.stopPropagation();
      event.stopped = true;
    }
  };
})();

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

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

    return function(event) {
      if (!event) return false;
      if (event._extendedByPrototype) return event;

      event._extendedByPrototype = Prototype.emptyFunction;
      var pointer = Event.pointer(event);
      Object.extend(event, {
        target: event.srcElement,
        relatedTarget: Event.relatedTarget(event),
        pageX:  pointer.x,
        pageY:  pointer.y
      });
      return Object.extend(event, methods);
    };

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

Object.extend(Event, (function() {
  var cache = Event.cache;

  function getEventID(element) {
    if (element._eventID) return element._eventID;
    arguments.callee.id = arguments.callee.id || 1;
    return element._eventID = ++arguments.callee.id;
  }

  function getDOMEventName(eventName) {
    if (eventName && eventName.include(':')) return "dataavailable";
    return eventName;
  }

  function getCacheForID(id) {
    return cache[id] = cache[id] || { };
  }

  function getWrappersForEventName(id, eventName) {
    var c = getCacheForID(id);
    return c[eventName] = c[eventName] || [];
  }

  function createWrapper(element, eventName, handler) {
    var id = getEventID(element);
    var c = getWrappersForEventName(id, eventName);
    if (c.pluck("handler").include(handler)) return false;

    var wrapper = function(event) {
      if (!Event || !Event.extend ||
        (event.eventName && event.eventName != eventName))
          return false;

      Event.extend(event);
      handler.call(element, event)
    };

    wrapper.handler = handler;
    c.push(wrapper);
    return wrapper;
  }

  function findWrapper(id, eventName, handler) {
    var c = getWrappersForEventName(id, eventName);
    return c.find(function(wrapper) { return wrapper.handler == handler });
  }

  function destroyWrapper(id, eventName, handler) {
    var c = getCacheForID(id);
    if (!c[eventName]) return false;
    c[eventName] = c[eventName].without(findWrapper(id, eventName, handler));
  }

  function destroyCache() {
    for (var id in cache)
      for (var eventName in cache[id])
        cache[id][eventName] = null;
  }

  if (window.attachEvent) {
    window.attachEvent("onunload", destroyCache);
  }

  return {
    observe: function(element, eventName, handler) {
      element = $(element);
      var name = getDOMEventName(eventName);

      var wrapper = createWrapper(element, eventName, handler);
      if (!wrapper) return element;

      if (element.addEventListener) {
        element.addEventListener(name, wrapper, false);
      } else {
        element.attachEvent("on" + name, wrapper);
      }

      return element;
    },

    stopObserving: function(element, eventName, handler) {
      element = $(element);
      var id = getEventID(element), name = getDOMEventName(eventName);

      if (!handler && eventName) {
        getWrappersForEventName(id, eventName).each(function(wrapper) {
          element.stopObserving(eventName, wrapper.handler);
        });
        return element;

      } else if (!eventName) {
        Object.keys(getCacheForID(id)).each(function(eventName) {
          element.stopObserving(eventName);
        });
        return element;
      }

      var wrapper = findWrapper(id, eventName, handler);
      if (!wrapper) return element;

      if (element.removeEventListener) {
        element.removeEventListener(name, wrapper, false);
      } else {
        element.detachEvent("on" + name, wrapper);
      }

      destroyWrapper(id, eventName, handler);

      return element;
    },

    fire: function(element, eventName, memo) {
      element = $(element);
      if (element == document && document.createEvent && !element.dispatchEvent)
        element = document.documentElement;

      if (document.createEvent) {
        var event = document.createEvent("HTMLEvents");
        event.initEvent("dataavailable", true, true);
      } else {
        var event = document.createEventObject();
        event.eventType = "ondataavailable";
      }

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

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

      return event;
    }
  };
})());

Object.extend(Event, Event.Methods);

Element.addMethods({
  fire:          Event.fire,
  observe:       Event.observe,
  stopObserving: Event.stopObserving
});

Object.extend(document, {
  fire:          Element.Methods.fire.methodize(),
  observe:       Element.Methods.observe.methodize(),
  stopObserving: Element.Methods.stopObserving.methodize()
});

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

  var timer, fired = false;

  function fireContentLoadedEvent() {
    if (fired) return;
    if (timer) window.clearInterval(timer);
    document.fire("dom:loaded");
    fired = true;
  }

  if (document.addEventListener) {
    if (Prototype.Browser.WebKit) {
      timer = window.setInterval(function() {
        if (/loaded|complete/.test(document.readyState))
          fireContentLoadedEvent();
      }, 0);

      Event.observe(window, "load", fireContentLoadedEvent);

    } else {
      document.addEventListener("DOMContentLoaded",
        fireContentLoadedEvent, false);
    }

  } else {
    document.write("<script id=__onDOMContentLoaded defer src=//:><\/script>");
    $("__onDOMContentLoaded").onreadystatechange = function() {
      if (this.readyState == "complete") {
        this.onreadystatechange = null;
        fireContentLoadedEvent();
      }
    };
  }
})();
/*------------------------------- 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');

// This should be moved to script.aculo.us; notice the deprecated methods
// further below, that map to the newer Element methods.
var Position = {
  // set to true if needed, warning: firefox performance problems
  // NOT neeeded for page scrolling, only if draggable contained in
  // scrollable elements
  includeScrollOffsets: false,

  // must be called before calling withinIncludingScrolloffset, every time the
  // page is scrolled
  prepare: function() {
    this.deltaX =  window.pageXOffset
                || document.documentElement.scrollLeft
                || document.body.scrollLeft
                || 0;
    this.deltaY =  window.pageYOffset
                || document.documentElement.scrollTop
                || document.body.scrollTop
                || 0;
  },

  // caches x/y coordinate pair to use with overlap
  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);
  },

  // within must be called directly before
  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;
  },

  // Deprecation layer -- use newer Element methods now (1.5.2).

  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);

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

Element.addMethods();

/*
  Class, version 2.2
  Copyright (c) 2006, Alex Arnell <alex@twologic.com>
  Licensed under the new BSD License. See end of file for full license terms.
*/

var Class = {
  extend: function(parent, def) {
    if (arguments.length == 1) def = parent, parent = null;
    var func = function() {
      if (!Class.extending) this.initialize.apply(this, arguments);
    };
    if (typeof(parent) == 'function') {
      Class.extending = true;
      func.prototype = new parent();
      delete Class.extending;
    }
    var mixins = [];
    if (def && def.include) {
      if (def.include.reverse) {
        // methods defined in later mixins should override prior
        mixins = mixins.concat(def.include.reverse());
      } else {
        mixins.push(def.include);
      }
      delete def.include; // clean syntax sugar
    }
    if (def) Class.inherit(func.prototype, def);
    for (var i = 0; (mixin = mixins[i]); i++) {
      Class.mixin(func.prototype, mixin);
    }
    return func;
  },
  mixin: function (dest) {
    for (var i = 1; (src = arguments[i]); i++) {
      if (typeof(src) != 'undefined' && src !== null) {
        for (var prop in src) {
          if (!dest[prop] && typeof(src[prop]) == 'function') {
            // only mixin functions, if they don't previously exist
            dest[prop] = src[prop];
          }
        }
      }
    }
    return dest;
  },
  inherit: function(dest, src, fname) {
    if (arguments.length == 3) {
      var ancestor = dest[fname], descendent = src[fname], method = descendent;
      descendent = function() {
        var ref = this.parent; this.parent = ancestor;
        var result = method.apply(this, arguments);
        ref ? this.parent = ref : delete this.parent;
        return result;
      };
      // mask the underlying method
      descendent.valueOf = function() { return method; };
      descendent.toString = function() { return method.toString(); };
      dest[fname] = descendent;
    } else {
      for (var prop in src) {
        if (dest[prop] && typeof(src[prop]) == 'function') {
          Class.inherit(dest, src, prop);
        } else {
          dest[prop] = src[prop];
        }
      }
    }
    return dest;
  }
};

// finally remap Class.create for backward compatability with prototype
Class.create = function() {
  return Class.extend.apply(this, arguments);
}

/*
  Redistribution and use in source and binary forms, with or without modification, are
  permitted provided that the following conditions are met:

  * Redistributions of source code must retain the above copyright notice, this list
    of conditions and the following disclaimer.
  * Redistributions in binary form must reproduce the above copyright notice, this
    list of conditions and the following disclaimer in the documentation and/or other
    materials provided with the distribution.
  * Neither the name of typicalnoise.com nor the names of its contributors may be
    used to endorse or promote products derived from this software without specific prior
    written permission.

  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
  EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
  MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
  THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT
  OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
  TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
  SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/




// distinguish IE6 vs. IE7
// trick from http://etc.ecordero.net/index.php/2006/10/02/javascript-object-detection-targeting-ie-6-or-ie-7/

Prototype.Browser.IE6 = !!(Prototype.Browser.IE && (typeof window.XMLHttpRequest == "undefined"));
Prototype.Browser.IE7 = !!(Prototype.Browser.IE && (typeof window.XMLHttpRequest == "object"));

DAYLIFE.PrototypeExtensions = function(){
	
	return {
		extend: function(){
			var confirm_links = $$('a.confirm');
			confirm_links.each(function(link){
				link.observe('click', link.confirm);
			});
		},
		
		A: {
			confirm: function(element, event){
				element = $(element);
				var title = element.getAttribute('title');
				if(title){
					if(!confirm(title)){
						event.stop();
					};
				}
				return element;
			}
		},
		
		FORM: {
			submitPlus: function(element, parameters){
				form = $(element);
				if(parameters){
					var form_elements = form.getElements();
					var elements_by_name = {};
					form_elements.each(function(el){
						elements_by_name[el.getAttribute('name')] = el;
					})
					for(var param in parameters){
						if(typeof(parameters[param]) == 'string'){
							if(elements_by_name[param]){
								elements_by_name[param].value = parameters[param];
							}else{
								form.appendChild(new Element('input', { 'type': 'hidden', 'name': param, 'value': parameters[param] }));
							}
						}else if(parameters[param].length > 0){
							// hm... this isn't going to overwrite existing name[] field, just add to...
							$A(parameters[param]).each(function(val){
								var name = (param.indexOf('[]') == -1) ? param+'[]' : param;
								form.appendChild(new Element('input', { 'type': 'hidden', 'name': name, 'value': val }));
							});
						}
					}
				}
				form.submit();
			}
		}
	}
}()

Element.addMethods('A', DAYLIFE.PrototypeExtensions.A);
Element.addMethods('FORM', DAYLIFE.PrototypeExtensions.FORM);

document.observe('dom:loaded', function(){
	DAYLIFE.PrototypeExtensions.extend();
})


// script.aculo.us builder.js v1.8.0, Tue Nov 06 15:01:40 +0300 2007

// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
//
// script.aculo.us is freely distributable under the terms of an MIT-style license.
// For details, see the script.aculo.us web site: http://script.aculo.us/

var Builder = {
  NODEMAP: {
    AREA: 'map',
    CAPTION: 'table',
    COL: 'table',
    COLGROUP: 'table',
    LEGEND: 'fieldset',
    OPTGROUP: 'select',
    OPTION: 'select',
    PARAM: 'object',
    TBODY: 'table',
    TD: 'table',
    TFOOT: 'table',
    TH: 'table',
    THEAD: 'table',
    TR: 'table'
  },
  // note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
  //       due to a Firefox bug
  node: function(elementName) {
    elementName = elementName.toUpperCase();
    
    // try innerHTML approach
    var parentTag = this.NODEMAP[elementName] || 'div';
    var parentElement = document.createElement(parentTag);
    try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
      parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
    } catch(e) {}
    var element = parentElement.firstChild || null;
      
    // see if browser added wrapping tags
    if(element && (element.tagName.toUpperCase() != elementName))
      element = element.getElementsByTagName(elementName)[0];
    
    // fallback to createElement approach
    if(!element) element = document.createElement(elementName);
    
    // abort if nothing could be created
    if(!element) return;

    // attributes (or text)
    if(arguments[1])
      if(this._isStringOrNumber(arguments[1]) ||
        (arguments[1] instanceof Array) ||
        arguments[1].tagName) {
          this._children(element, arguments[1]);
        } else {
          var attrs = this._attributes(arguments[1]);
          if(attrs.length) {
            try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
              parentElement.innerHTML = "<" +elementName + " " +
                attrs + "></" + elementName + ">";
            } catch(e) {}
            element = parentElement.firstChild || null;
            // workaround firefox 1.0.X bug
            if(!element) {
              element = document.createElement(elementName);
              for(attr in arguments[1]) 
                element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
            }
            if(element.tagName.toUpperCase() != elementName)
              element = parentElement.getElementsByTagName(elementName)[0];
          }
        } 

    // text, or array of children
    if(arguments[2])
      this._children(element, arguments[2]);

     return element;
  },
  _text: function(text) {
     return document.createTextNode(text);
  },

  ATTR_MAP: {
    'className': 'class',
    'htmlFor': 'for'
  },

  _attributes: function(attributes) {
    var attrs = [];
    for(attribute in attributes)
      attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) +
          '="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'&quot;') + '"');
    return attrs.join(" ");
  },
  _children: function(element, children) {
    if(children.tagName) {
      element.appendChild(children);
      return;
    }
    if(typeof children=='object') { // array can hold nodes and text
      children.flatten().each( function(e) {
        if(typeof e=='object')
          element.appendChild(e)
        else
          if(Builder._isStringOrNumber(e))
            element.appendChild(Builder._text(e));
      });
    } else
      if(Builder._isStringOrNumber(children))
        element.appendChild(Builder._text(children));
  },
  _isStringOrNumber: function(param) {
    return(typeof param=='string' || typeof param=='number');
  },
  build: function(html) {
    var element = this.node('div');
    $(element).update(html.strip());
    return element.down();
  },
  dump: function(scope) { 
    if(typeof scope != 'object' && typeof scope != 'function') scope = window; //global scope 
  
    var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " +
      "BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " +
      "FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+
      "KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+
      "PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+
      "TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/);
  
    tags.each( function(tag){ 
      scope[tag] = function() { 
        return Builder.node.apply(Builder, [tag].concat($A(arguments)));  
      } 
    });
  }
}


// script.aculo.us effects.js v1.8.0, Tue Nov 06 15:01:40 +0300 2007

// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
// Contributors:
//  Justin Palmer (http://encytemedia.com/)
//  Mark Pilgrim (http://diveintomark.org/)
//  Martin Bialasinki
// 
// script.aculo.us is freely distributable under the terms of an MIT-style license.
// For details, see the script.aculo.us web site: http://script.aculo.us/ 

// converts rgb() and #xxx to #xxxxxx format,  
// returns self (or first argument) if not convertable  
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) + 0.5;
    },
    reverse: function(pos) {
      return 1-pos;
    },
    flicker: function(pos) {
      var pos = ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
      return pos > 1 ? 1 : pos;
    },
    wobble: function(pos) {
      return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
    },
    pulse: function(pos, pulses) { 
      pulses = pulses || 5; 
      return (
        ((pos % (1/pulses)) * pulses).round() == 0 ? 
              ((pos * pulses * 2) - (pos * pulses * 2).floor()) : 
          1 - ((pos * pulses * 2) - (pos * pulses * 2).floor())
        );
    },
    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':
        // move unstarted effects after this effect  
        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':
        // start effect after last queued effect has finished
        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) {
    function codeForEvent(options,eventName){
      return (
        (options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') +
        (options[eventName] ? 'this.options.'+eventName+'(this);' : '')
      );
    }
    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;
    
    eval('this.render = function(pos){ '+
      'if (this.state=="idle"){this.state="running";'+
      codeForEvent(this.options,'beforeSetup')+
      (this.setup ? 'this.setup();':'')+ 
      codeForEvent(this.options,'afterSetup')+
      '};if (this.state=="running"){'+
      'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+
      'this.position=pos;'+
      codeForEvent(this.options,'beforeUpdate')+
      (this.update ? 'this.update(pos);':'')+
      codeForEvent(this.options,'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);
    // make this work on IE on elements without 'layout'
    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'
    });
  }
});

// for backwards compatibility
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() {
    // Prevent executing on elements not in the layout flow
    if (this.element.getStyle('display')=='none') { this.cancel(); return; }
    // Disable background image during the effect
    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');
    // init color calculations
    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(),
    max = (window.height || document.body.scrollHeight) - document.viewport.getHeight();  

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

  return new Effect.Tween(null,
    scrollOffsets.top,
    elementOffsets[1] > max ? max : 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,
  // force Safari to render floated elements properly
  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();
  // SlideDown need to have the content of the element wrapped in a container element with fixed height!
  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] || { })
  );
};

// Bug in opera makes the TD containing this element expand for a instance after finish 
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] || { };
  var oldOpacity = element.getInlineOpacity();
  var transition = options.transition || Effect.Transitions.sinoidal;
  var reverser   = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) };
  reverser.bind(transition);
  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(hash, property) {
      hash.set(property, css[property]);
      return hash;
    });
    if (!styles.opacity) styles.set('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);


// script.aculo.us controls.js v1.8.0, Tue Nov 06 15:01:40 +0300 2007

// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
//           (c) 2005-2007 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
//           (c) 2005-2007 Jon Tirsen (http://www.tirsen.com)
// Contributors:
//  Richard Livsey
//  Rahul Bhargava
//  Rob Wills
// 
// script.aculo.us is freely distributable under the terms of an MIT-style license.
// For details, see the script.aculo.us web site: http://script.aculo.us/

// Autocompleter.Base handles all the autocompletion functionality 
// that's independent of the data source for autocompletion. This
// includes drawing the autocompletion menu, observing keyboard
// and mouse events, and similar.
//
// Specific autocompleters need to provide, at the very least, 
// a getUpdatedChoices function that will be invoked every time
// the text inside the monitored textbox changes. This method 
// should get the text for which to provide autocompletion by
// invoking this.getToken(), NOT by directly accessing
// this.element.value. This is to allow incremental tokenized
// autocompletion. Specific auto-completion logic (AJAX, etc)
// belongs in getUpdatedChoices.
//
// Tokenized incremental autocompletion is enabled automatically
// when an autocompleter is instantiated with the 'tokens' option
// in the options parameter, e.g.:
// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
// will incrementally autocomplete with a comma as the token.
// Additionally, ',' in the above example can be replaced with
// a token array, e.g. { tokens: [',', '\n'] } which
// enables autocompletion on multiple tokens. This is most 
// useful when one of the tokens is \n (a newline), as it 
// allows smart autocompletion after linebreaks.

if(typeof Effect == 'undefined')
  throw("controls.js requires including script.aculo.us' effects.js library");

var Autocompleter = { }
Autocompleter.Base = Class.create({
  baseInitialize: function(element, update, options) {
    element          = $(element)
    this.element     = element; 
    this.update      = $(update);  
    this.hasFocus    = false; 
    this.changed     = false; 
    this.active      = false; 
    this.index       = 0;     
    this.entryCount  = 0;
    this.oldElementValue = this.element.value;

    if(this.setOptions)
      this.setOptions(options);
    else
      this.options = options || { };

    this.options.paramName    = this.options.paramName || this.element.name;
    this.options.tokens       = this.options.tokens || [];
    this.options.frequency    = this.options.frequency || 0.4;
    this.options.minChars     = this.options.minChars || 1;
    this.options.onShow       = this.options.onShow || 
      function(element, update){ 
        if(!update.style.position || update.style.position=='absolute') {
          update.style.position = 'absolute';
          Position.clone(element, update, {
            setHeight: false, 
            offsetTop: element.offsetHeight
          });
        }
        Effect.Appear(update,{duration:0.15});
      };
    this.options.onHide = this.options.onHide || 
      function(element, update){ new Effect.Fade(update,{duration:0.15}) };

    if(typeof(this.options.tokens) == 'string') 
      this.options.tokens = new Array(this.options.tokens);
    // Force carriage returns as token delimiters anyway
    if (!this.options.tokens.include('\n'))
      this.options.tokens.push('\n');

    this.observer = null;
    
    this.element.setAttribute('autocomplete','off');

    Element.hide(this.update);

    Event.observe(this.element, 'blur', this.onBlur.bindAsEventListener(this));
    Event.observe(this.element, 'keypress', this.onKeyPress.bindAsEventListener(this));
  },

  show: function() {
    if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
    if(!this.iefix && 
      (Prototype.Browser.IE) &&
      (Element.getStyle(this.update, 'position')=='absolute')) {
      new Insertion.After(this.update, 
       '<iframe id="' + this.update.id + '_iefix" '+
       'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
       'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
      this.iefix = $(this.update.id+'_iefix');
    }
    if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
  },
  
  fixIEOverlapping: function() {
    Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)});
    this.iefix.style.zIndex = 1;
    this.update.style.zIndex = 2;
    Element.show(this.iefix);
  },

  hide: function() {
    this.stopIndicator();
    if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
    if(this.iefix) Element.hide(this.iefix);
  },

  startIndicator: function() {
    if(this.options.indicator) Element.show(this.options.indicator);
  },

  stopIndicator: function() {
    if(this.options.indicator) Element.hide(this.options.indicator);
  },

  onKeyPress: function(event) {
    if(this.active)
      switch(event.keyCode) {
       case Event.KEY_TAB:
       case Event.KEY_RETURN:
         this.selectEntry();
         Event.stop(event);
       case Event.KEY_ESC:
         this.hide();
         this.active = false;
         Event.stop(event);
         return;
       case Event.KEY_LEFT:
       case Event.KEY_RIGHT:
         return;
       case Event.KEY_UP:
         this.markPrevious();
         this.render();
         if(Prototype.Browser.WebKit) Event.stop(event);
         return;
       case Event.KEY_DOWN:
         this.markNext();
         this.render();
         if(Prototype.Browser.WebKit) Event.stop(event);
         return;
      }
     else 
       if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN || 
         (Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return;

    this.changed = true;
    this.hasFocus = true;

    if(this.observer) clearTimeout(this.observer);
      this.observer = 
        setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
  },

  activate: function() {
    this.changed = false;
    this.hasFocus = true;
    this.getUpdatedChoices();
  },

  onHover: function(event) {
    var element = Event.findElement(event, 'LI');
    if(this.index != element.autocompleteIndex) 
    {
        this.index = element.autocompleteIndex;
        this.render();
    }
    Event.stop(event);
  },
  
  onClick: function(event) {
    var element = Event.findElement(event, 'LI');
    this.index = element.autocompleteIndex;
    this.selectEntry();
    this.hide();
  },
  
  onBlur: function(event) {
    // needed to make click events working
    setTimeout(this.hide.bind(this), 250);
    this.hasFocus = false;
    this.active = false;     
  }, 
  
  render: function() {
    if(this.entryCount > 0) {
      for (var i = 0; i < this.entryCount; i++)
        this.index==i ? 
          Element.addClassName(this.getEntry(i),"selected") : 
          Element.removeClassName(this.getEntry(i),"selected");
      if(this.hasFocus) { 
        this.show();
        this.active = true;
      }
    } else {
      this.active = false;
      this.hide();
    }
  },
  
  markPrevious: function() {
    if(this.index > 0) this.index--
      else this.index = this.entryCount-1;
    this.getEntry(this.index).scrollIntoView(true);
  },
  
  markNext: function() {
    if(this.index < this.entryCount-1) this.index++
      else this.index = 0;
    this.getEntry(this.index).scrollIntoView(false);
  },
  
  getEntry: function(index) {
    return this.update.firstChild.childNodes[index];
  },
  
  getCurrentEntry: function() {
    return this.getEntry(this.index);
  },
  
  selectEntry: function() {
    this.active = false;
    this.updateElement(this.getCurrentEntry());
  },

  updateElement: function(selectedElement) {
    if (this.options.updateElement) {
      this.options.updateElement(selectedElement);
      return;
    }
    var value = '';
    if (this.options.select) {
      var nodes = $(selectedElement).select('.' + this.options.select) || [];
      if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
    } else
      value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
    
    var bounds = this.getTokenBounds();
    if (bounds[0] != -1) {
      var newValue = this.element.value.substr(0, bounds[0]);
      var whitespace = this.element.value.substr(bounds[0]).match(/^\s+/);
      if (whitespace)
        newValue += whitespace[0];
      this.element.value = newValue + value + this.element.value.substr(bounds[1]);
    } else {
      this.element.value = value;
    }
    this.oldElementValue = this.element.value;
    this.element.focus();
    
    if (this.options.afterUpdateElement)
      this.options.afterUpdateElement(this.element, selectedElement);
  },

  updateChoices: function(choices) {
    if(!this.changed && this.hasFocus) {
      this.update.innerHTML = choices;
      Element.cleanWhitespace(this.update);
      Element.cleanWhitespace(this.update.down());

      if(this.update.firstChild && this.update.down().childNodes) {
        this.entryCount = 
          this.update.down().childNodes.length;
        for (var i = 0; i < this.entryCount; i++) {
          var entry = this.getEntry(i);
          entry.autocompleteIndex = i;
          this.addObservers(entry);
        }
      } else { 
        this.entryCount = 0;
      }

      this.stopIndicator();
      this.index = 0;
      
      if(this.entryCount==1 && this.options.autoSelect) {
        this.selectEntry();
        this.hide();
      } else {
        this.render();
      }
    }
  },

  addObservers: function(element) {
    Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
    Event.observe(element, "click", this.onClick.bindAsEventListener(this));
  },

  onObserverEvent: function() {
    this.changed = false;   
    this.tokenBounds = null;
    if(this.getToken().length>=this.options.minChars) {
      this.getUpdatedChoices();
    } else {
      this.active = false;
      this.hide();
    }
    this.oldElementValue = this.element.value;
  },

  getToken: function() {
    var bounds = this.getTokenBounds();
    return this.element.value.substring(bounds[0], bounds[1]).strip();
  },

  getTokenBounds: function() {
    if (null != this.tokenBounds) return this.tokenBounds;
    var value = this.element.value;
    if (value.strip().empty()) return [-1, 0];
    var diff = arguments.callee.getFirstDifferencePos(value, this.oldElementValue);
    var offset = (diff == this.oldElementValue.length ? 1 : 0);
    var prevTokenPos = -1, nextTokenPos = value.length;
    var tp;
    for (var index = 0, l = this.options.tokens.length; index < l; ++index) {
      tp = value.lastIndexOf(this.options.tokens[index], diff + offset - 1);
      if (tp > prevTokenPos) prevTokenPos = tp;
      tp = value.indexOf(this.options.tokens[index], diff + offset);
      if (-1 != tp && tp < nextTokenPos) nextTokenPos = tp;
    }
    return (this.tokenBounds = [prevTokenPos + 1, nextTokenPos]);
  }
});

Autocompleter.Base.prototype.getTokenBounds.getFirstDifferencePos = function(newS, oldS) {
  var boundary = Math.min(newS.length, oldS.length);
  for (var index = 0; index < boundary; ++index)
    if (newS[index] != oldS[index])
      return index;
  return boundary;
};

Ajax.Autocompleter = Class.create(Autocompleter.Base, {
  initialize: function(element, update, url, options) {
    this.baseInitialize(element, update, options);
    this.options.asynchronous  = true;
    this.options.onComplete    = this.onComplete.bind(this);
    this.options.defaultParams = this.options.parameters || null;
    this.url                   = url;
  },

  getUpdatedChoices: function() {
    this.startIndicator();
    
    var entry = encodeURIComponent(this.options.paramName) + '=' + 
      encodeURIComponent(this.getToken());

    this.options.parameters = this.options.callback ?
      this.options.callback(this.element, entry) : entry;

    if(this.options.defaultParams) 
      this.options.parameters += '&' + this.options.defaultParams;
    
    new Ajax.Request(this.url, this.options);
  },

  onComplete: function(request) {
    this.updateChoices(request.responseText);
  }
});

// The local array autocompleter. Used when you'd prefer to
// inject an array of autocompletion options into the page, rather
// than sending out Ajax queries, which can be quite slow sometimes.
//
// The constructor takes four parameters. The first two are, as usual,
// the id of the monitored textbox, and id of the autocompletion menu.
// The third is the array you want to autocomplete from, and the fourth
// is the options block.
//
// Extra local autocompletion options:
// - choices - How many autocompletion choices to offer
//
// - partialSearch - If false, the autocompleter will match entered
//                    text only at the beginning of strings in the 
//                    autocomplete array. Defaults to true, which will
//                    match text at the beginning of any *word* in the
//                    strings in the autocomplete array. If you want to
//                    search anywhere in the string, additionally set
//                    the option fullSearch to true (default: off).
//
// - fullSsearch - Search anywhere in autocomplete array strings.
//
// - partialChars - How many characters to enter before triggering
//                   a partial match (unlike minChars, which defines
//                   how many characters are required to do any match
//                   at all). Defaults to 2.
//
// - ignoreCase - Whether to ignore case when autocompleting.
//                 Defaults to true.
//
// It's possible to pass in a custom function as the 'selector' 
// option, if you prefer to write your own autocompletion logic.
// In that case, the other options above will not apply unless
// you support them.

Autocompleter.Local = Class.create(Autocompleter.Base, {
  initialize: function(element, update, array, options) {
    this.baseInitialize(element, update, options);
    this.options.array = array;
  },

  getUpdatedChoices: function() {
    this.updateChoices(this.options.selector(this));
  },

  setOptions: function(options) {
    this.options = Object.extend({
      choices: 10,
      partialSearch: true,
      partialChars: 2,
      ignoreCase: true,
      fullSearch: false,
      selector: function(instance) {
        var ret       = []; // Beginning matches
        var partial   = []; // Inside matches
        var entry     = instance.getToken();
        var count     = 0;

        for (var i = 0; i < instance.options.array.length &&  
          ret.length < instance.options.choices ; i++) { 

          var elem = instance.options.array[i];
          var foundPos = instance.options.ignoreCase ? 
            elem.toLowerCase().indexOf(entry.toLowerCase()) : 
            elem.indexOf(entry);

          while (foundPos != -1) {
            if (foundPos == 0 && elem.length != entry.length) { 
              ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" + 
                elem.substr(entry.length) + "</li>");
              break;
            } else if (entry.length >= instance.options.partialChars && 
              instance.options.partialSearch && foundPos != -1) {
              if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) {
                partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" +
                  elem.substr(foundPos, entry.length) + "</strong>" + elem.substr(
                  foundPos + entry.length) + "</li>");
                break;
              }
            }

            foundPos = instance.options.ignoreCase ? 
              elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : 
              elem.indexOf(entry, foundPos + 1);

          }
        }
        if (partial.length)
          ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
        return "<ul>" + ret.join('') + "</ul>";
      }
    }, options || { });
  }
});

// AJAX in-place editor and collection editor
// Full rewrite by Christophe Porteneuve <tdd@tddsworld.com> (April 2007).

// Use this if you notice weird scrolling problems on some browsers,
// the DOM might be a bit confused when this gets called so do this
// waits 1 ms (with setTimeout) until it does the activation
Field.scrollFreeActivate = function(field) {
  setTimeout(function() {
    Field.activate(field);
  }, 1);
}

Ajax.InPlaceEditor = Class.create({
  initialize: function(element, url, options) {
    this.url = url;
    this.element = element = $(element);
    this.prepareOptions();
    this._controls = { };
    arguments.callee.dealWithDeprecatedOptions(options); // DEPRECATION LAYER!!!
    Object.extend(this.options, options || { });
    if (!this.options.formId && this.element.id) {
      this.options.formId = this.element.id + '-inplaceeditor';
      if ($(this.options.formId))
        this.options.formId = '';
    }
    if (this.options.externalControl)
      this.options.externalControl = $(this.options.externalControl);
    if (!this.options.externalControl)
      this.options.externalControlOnly = false;
    this._originalBackground = this.element.getStyle('background-color') || 'transparent';
    this.element.title = this.options.clickToEditText;
    this._boundCancelHandler = this.handleFormCancellation.bind(this);
    this._boundComplete = (this.options.onComplete || Prototype.emptyFunction).bind(this);
    this._boundFailureHandler = this.handleAJAXFailure.bind(this);
    this._boundSubmitHandler = this.handleFormSubmission.bind(this);
    this._boundWrapperHandler = this.wrapUp.bind(this);
    this.registerListeners();
  },
  checkForEscapeOrReturn: function(e) {
    if (!this._editing || e.ctrlKey || e.altKey || e.shiftKey) return;
    if (Event.KEY_ESC == e.keyCode)
      this.handleFormCancellation(e);
    else if (Event.KEY_RETURN == e.keyCode)
      this.handleFormSubmission(e);
  },
  createControl: function(mode, handler, extraClasses) {
    var control = this.options[mode + 'Control'];
    var text = this.options[mode + 'Text'];
    if ('button' == control) {
      var btn = document.createElement('input');
      btn.type = 'submit';
      btn.value = text;
      btn.className = 'editor_' + mode + '_button';
      if ('cancel' == mode)
        btn.onclick = this._boundCancelHandler;
      this._form.appendChild(btn);
      this._controls[mode] = btn;
    } else if ('link' == control) {
      var link = document.createElement('a');
      link.href = '#';
      link.appendChild(document.createTextNode(text));
      link.onclick = 'cancel' == mode ? this._boundCancelHandler : this._boundSubmitHandler;
      link.className = 'editor_' + mode + '_link';
      if (extraClasses)
        link.className += ' ' + extraClasses;
      this._form.appendChild(link);
      this._controls[mode] = link;
    }
  },
  createEditField: function() {
    var text = (this.options.loadTextURL ? this.options.loadingText : this.getText());
    var fld;
    if (1 >= this.options.rows && !/\r|\n/.test(this.getText())) {
      fld = document.createElement('input');
      fld.type = 'text';
      var size = this.options.size || this.options.cols || 0;
      if (0 < size) fld.size = size;
    } else {
      fld = document.createElement('textarea');
      fld.rows = (1 >= this.options.rows ? this.options.autoRows : this.options.rows);
      fld.cols = this.options.cols || 40;
    }
    fld.name = this.options.paramName;
    fld.value = text; // No HTML breaks conversion anymore
    fld.className = 'editor_field';
    if (this.options.submitOnBlur)
      fld.onblur = this._boundSubmitHandler;
    this._controls.editor = fld;
    if (this.options.loadTextURL)
      this.loadExternalText();
    this._form.appendChild(this._controls.editor);
  },
  createForm: function() {
    var ipe = this;
    function addText(mode, condition) {
      var text = ipe.options['text' + mode + 'Controls'];
      if (!text || condition === false) return;
      ipe._form.appendChild(document.createTextNode(text));
    };
    this._form = $(document.createElement('form'));
    this._form.id = this.options.formId;
    this._form.addClassName(this.options.formClassName);
    this._form.onsubmit = this._boundSubmitHandler;
    this.createEditField();
    if ('textarea' == this._controls.editor.tagName.toLowerCase())
      this._form.appendChild(document.createElement('br'));
    if (this.options.onFormCustomization)
      this.options.onFormCustomization(this, this._form);
    addText('Before', this.options.okControl || this.options.cancelControl);
    this.createControl('ok', this._boundSubmitHandler);
    addText('Between', this.options.okControl && this.options.cancelControl);
    this.createControl('cancel', this._boundCancelHandler, 'editor_cancel');
    addText('After', this.options.okControl || this.options.cancelControl);
  },
  destroy: function() {
    if (this._oldInnerHTML)
      this.element.innerHTML = this._oldInnerHTML;
    this.leaveEditMode();
    this.unregisterListeners();
  },
  enterEditMode: function(e) {
    if (this._saving || this._editing) return;
    this._editing = true;
    this.triggerCallback('onEnterEditMode');
    if (this.options.externalControl)
      this.options.externalControl.hide();
    this.element.hide();
    this.createForm();
    this.element.parentNode.insertBefore(this._form, this.element);
    if (!this.options.loadTextURL)
      this.postProcessEditField();
    if (e) Event.stop(e);
  },
  enterHover: function(e) {
    if (this.options.hoverClassName)
      this.element.addClassName(this.options.hoverClassName);
    if (this._saving) return;
    this.triggerCallback('onEnterHover');
  },
  getText: function() {
    return this.element.innerHTML;
  },
  handleAJAXFailure: function(transport) {
    this.triggerCallback('onFailure', transport);
    if (this._oldInnerHTML) {
      this.element.innerHTML = this._oldInnerHTML;
      this._oldInnerHTML = null;
    }
  },
  handleFormCancellation: function(e) {
    this.wrapUp();
    if (e) Event.stop(e);
  },
  handleFormSubmission: function(e) {
    var form = this._form;
    var value = $F(this._controls.editor);
    this.prepareSubmission();
    var params = this.options.callback(form, value) || '';
    if (Object.isString(params))
      params = params.toQueryParams();
    params.editorId = this.element.id;
    if (this.options.htmlResponse) {
      var options = Object.extend({ evalScripts: true }, this.options.ajaxOptions);
      Object.extend(options, {
        parameters: params,
        onComplete: this._boundWrapperHandler,
        onFailure: this._boundFailureHandler
      });
      new Ajax.Updater({ success: this.element }, this.url, options);
    } else {
      var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
      Object.extend(options, {
        parameters: params,
        onComplete: this._boundWrapperHandler,
        onFailure: this._boundFailureHandler
      });
      new Ajax.Request(this.url, options);
    }
    if (e) Event.stop(e);
  },
  leaveEditMode: function() {
    this.element.removeClassName(this.options.savingClassName);
    this.removeForm();
    this.leaveHover();
    this.element.style.backgroundColor = this._originalBackground;
    this.element.show();
    if (this.options.externalControl)
      this.options.externalControl.show();
    this._saving = false;
    this._editing = false;
    this._oldInnerHTML = null;
    this.triggerCallback('onLeaveEditMode');
  },
  leaveHover: function(e) {
    if (this.options.hoverClassName)
      this.element.removeClassName(this.options.hoverClassName);
    if (this._saving) return;
    this.triggerCallback('onLeaveHover');
  },
  loadExternalText: function() {
    this._form.addClassName(this.options.loadingClassName);
    this._controls.editor.disabled = true;
    var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
    Object.extend(options, {
      parameters: 'editorId=' + encodeURIComponent(this.element.id),
      onComplete: Prototype.emptyFunction,
      onSuccess: function(transport) {
        this._form.removeClassName(this.options.loadingClassName);
        var text = transport.responseText;
        if (this.options.stripLoadedTextTags)
          text = text.stripTags();
        this._controls.editor.value = text;
        this._controls.editor.disabled = false;
        this.postProcessEditField();
      }.bind(this),
      onFailure: this._boundFailureHandler
    });
    new Ajax.Request(this.options.loadTextURL, options);
  },
  postProcessEditField: function() {
    var fpc = this.options.fieldPostCreation;
    if (fpc)
      $(this._controls.editor)['focus' == fpc ? 'focus' : 'activate']();
  },
  prepareOptions: function() {
    this.options = Object.clone(Ajax.InPlaceEditor.DefaultOptions);
    Object.extend(this.options, Ajax.InPlaceEditor.DefaultCallbacks);
    [this._extraDefaultOptions].flatten().compact().each(function(defs) {
      Object.extend(this.options, defs);
    }.bind(this));
  },
  prepareSubmission: function() {
    this._saving = true;
    this.removeForm();
    this.leaveHover();
    this.showSaving();
  },
  registerListeners: function() {
    this._listeners = { };
    var listener;
    $H(Ajax.InPlaceEditor.Listeners).each(function(pair) {
      listener = this[pair.value].bind(this);
      this._listeners[pair.key] = listener;
      if (!this.options.externalControlOnly)
        this.element.observe(pair.key, listener);
      if (this.options.externalControl)
        this.options.externalControl.observe(pair.key, listener);
    }.bind(this));
  },
  removeForm: function() {
    if (!this._form) return;
    this._form.remove();
    this._form = null;
    this._controls = { };
  },
  showSaving: function() {
    this._oldInnerHTML = this.element.innerHTML;
    this.element.innerHTML = this.options.savingText;
    this.element.addClassName(this.options.savingClassName);
    this.element.style.backgroundColor = this._originalBackground;
    this.element.show();
  },
  triggerCallback: function(cbName, arg) {
    if ('function' == typeof this.options[cbName]) {
      this.options[cbName](this, arg);
    }
  },
  unregisterListeners: function() {
    $H(this._listeners).each(function(pair) {
      if (!this.options.externalControlOnly)
        this.element.stopObserving(pair.key, pair.value);
      if (this.options.externalControl)
        this.options.externalControl.stopObserving(pair.key, pair.value);
    }.bind(this));
  },
  wrapUp: function(transport) {
    this.leaveEditMode();
    // Can't use triggerCallback due to backward compatibility: requires
    // binding + direct element
    this._boundComplete(transport, this.element);
  }
});

Object.extend(Ajax.InPlaceEditor.prototype, {
  dispose: Ajax.InPlaceEditor.prototype.destroy
});

Ajax.InPlaceCollectionEditor = Class.create(Ajax.InPlaceEditor, {
  initialize: function($super, element, url, options) {
    this._extraDefaultOptions = Ajax.InPlaceCollectionEditor.DefaultOptions;
    $super(element, url, options);
  },

  createEditField: function() {
    var list = document.createElement('select');
    list.name = this.options.paramName;
    list.size = 1;
    this._controls.editor = list;
    this._collection = this.options.collection || [];
    if (this.options.loadCollectionURL)
      this.loadCollection();
    else
      this.checkForExternalText();
    this._form.appendChild(this._controls.editor);
  },

  loadCollection: function() {
    this._form.addClassName(this.options.loadingClassName);
    this.showLoadingText(this.options.loadingCollectionText);
    var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
    Object.extend(options, {
      parameters: 'editorId=' + encodeURIComponent(this.element.id),
      onComplete: Prototype.emptyFunction,
      onSuccess: function(transport) {
        var js = transport.responseText.strip();
        if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check
          throw 'Server returned an invalid collection representation.';
        this._collection = eval(js);
        this.checkForExternalText();
      }.bind(this),
      onFailure: this.onFailure
    });
    new Ajax.Request(this.options.loadCollectionURL, options);
  },

  showLoadingText: function(text) {
    this._controls.editor.disabled = true;
    var tempOption = this._controls.editor.firstChild;
    if (!tempOption) {
      tempOption = document.createElement('option');
      tempOption.value = '';
      this._controls.editor.appendChild(tempOption);
      tempOption.selected = true;
    }
    tempOption.update((text || '').stripScripts().stripTags());
  },

  checkForExternalText: function() {
    this._text = this.getText();
    if (this.options.loadTextURL)
      this.loadExternalText();
    else
      this.buildOptionList();
  },

  loadExternalText: function() {
    this.showLoadingText(this.options.loadingText);
    var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
    Object.extend(options, {
      parameters: 'editorId=' + encodeURIComponent(this.element.id),
      onComplete: Prototype.emptyFunction,
      onSuccess: function(transport) {
        this._text = transport.responseText.strip();
        this.buildOptionList();
      }.bind(this),
      onFailure: this.onFailure
    });
    new Ajax.Request(this.options.loadTextURL, options);
  },

  buildOptionList: function() {
    this._form.removeClassName(this.options.loadingClassName);
    this._collection = this._collection.map(function(entry) {
      return 2 === entry.length ? entry : [entry, entry].flatten();
    });
    var marker = ('value' in this.options) ? this.options.value : this._text;
    var textFound = this._collection.any(function(entry) {
      return entry[0] == marker;
    }.bind(this));
    this._controls.editor.update('');
    var option;
    this._collection.each(function(entry, index) {
      option = document.createElement('option');
      option.value = entry[0];
      option.selected = textFound ? entry[0] == marker : 0 == index;
      option.appendChild(document.createTextNode(entry[1]));
      this._controls.editor.appendChild(option);
    }.bind(this));
    this._controls.editor.disabled = false;
    Field.scrollFreeActivate(this._controls.editor);
  }
});

//**** DEPRECATION LAYER FOR InPlace[Collection]Editor! ****
//**** This only  exists for a while,  in order to  let ****
//**** users adapt to  the new API.  Read up on the new ****
//**** API and convert your code to it ASAP!            ****

Ajax.InPlaceEditor.prototype.initialize.dealWithDeprecatedOptions = function(options) {
  if (!options) return;
  function fallback(name, expr) {
    if (name in options || expr === undefined) return;
    options[name] = expr;
  };
  fallback('cancelControl', (options.cancelLink ? 'link' : (options.cancelButton ? 'button' :
    options.cancelLink == options.cancelButton == false ? false : undefined)));
  fallback('okControl', (options.okLink ? 'link' : (options.okButton ? 'button' :
    options.okLink == options.okButton == false ? false : undefined)));
  fallback('highlightColor', options.highlightcolor);
  fallback('highlightEndColor', options.highlightendcolor);
};

Object.extend(Ajax.InPlaceEditor, {
  DefaultOptions: {
    ajaxOptions: { },
    autoRows: 3,                                // Use when multi-line w/ rows == 1
    cancelControl: 'link',                      // 'link'|'button'|false
    cancelText: 'cancel',
    clickToEditText: 'Click to edit',
    externalControl: null,                      // id|elt
    externalControlOnly: false,
    fieldPostCreation: 'activate',              // 'activate'|'focus'|false
    formClassName: 'inplaceeditor-form',
    formId: null,                               // id|elt
    highlightColor: '#ffff99',
    highlightEndColor: '#ffffff',
    hoverClassName: '',
    htmlResponse: true,
    loadingClassName: 'inplaceeditor-loading',
    loadingText: 'Loading...',
    okControl: 'button',                        // 'link'|'button'|false
    okText: 'ok',
    paramName: 'value',
    rows: 1,                                    // If 1 and multi-line, uses autoRows
    savingClassName: 'inplaceeditor-saving',
    savingText: 'Saving...',
    size: 0,
    stripLoadedTextTags: false,
    submitOnBlur: false,
    textAfterControls: '',
    textBeforeControls: '',
    textBetweenControls: ''
  },
  DefaultCallbacks: {
    callback: function(form) {
      return Form.serialize(form);
    },
    onComplete: function(transport, element) {
      // For backward compatibility, this one is bound to the IPE, and passes
      // the element directly.  It was too often customized, so we don't break it.
      new Effect.Highlight(element, {
        startcolor: this.options.highlightColor, keepBackgroundImage: true });
    },
    onEnterEditMode: null,
    onEnterHover: function(ipe) {
      ipe.element.style.backgroundColor = ipe.options.highlightColor;
      if (ipe._effect)
        ipe._effect.cancel();
    },
    onFailure: function(transport, ipe) {
      alert('Error communication with the server: ' + transport.responseText.stripTags());
    },
    onFormCustomization: null, // Takes the IPE and its generated form, after editor, before controls.
    onLeaveEditMode: null,
    onLeaveHover: function(ipe) {
      ipe._effect = new Effect.Highlight(ipe.element, {
        startcolor: ipe.options.highlightColor, endcolor: ipe.options.highlightEndColor,
        restorecolor: ipe._originalBackground, keepBackgroundImage: true
      });
    }
  },
  Listeners: {
    click: 'enterEditMode',
    keydown: 'checkForEscapeOrReturn',
    mouseover: 'enterHover',
    mouseout: 'leaveHover'
  }
});

Ajax.InPlaceCollectionEditor.DefaultOptions = {
  loadingCollectionText: 'Loading options...'
};

// Delayed observer, like Form.Element.Observer, 
// but waits for delay after last key input
// Ideal for live-search fields

Form.Element.DelayedObserver = Class.create({
  initialize: function(element, delay, callback) {
    this.delay     = delay || 0.5;
    this.element   = $(element);
    this.callback  = callback;
    this.timer     = null;
    this.lastValue = $F(this.element); 
    Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
  },
  delayedListener: function(event) {
    if(this.lastValue == $F(this.element)) return;
    if(this.timer) clearTimeout(this.timer);
    this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
    this.lastValue = $F(this.element);
  },
  onTimerEvent: function() {
    this.timer = null;
    this.callback(this.element, $F(this.element));
  }
});




/************************************************************
* SPLASH (MODAL) BOXES
************************************************************/

function trimLength(textarea, maxChars){
	if(textarea.value.length <= maxChars) return;

	textarea.value = textarea.value.substr(0, maxChars)
}

function canAddCharacter(textarea, maxChars){
	if(typeof(textarea.onkeypress.arguments[0]) != 'undefined')
		var keyCode = textarea.onkeypress.arguments[0].keyCode;
	else
	{
		if(document.selection.createRange().text.length != 0) return true;
		var keyCode = event.keyCode;
	}

	var allowedChars = new Array(8, 37, 38, 39, 40, 46);	//Backspace, delete and arrow keys
	for(var x=0; x<allowedChars.length; x++) if(allowedChars[x] == keyCode) return true;

	if(textarea.value.length < maxChars) return true;

	return false;
}

// Show a layer
function showlyr(index) {
	var d = document.getElementById(index);
	d.className = "show-me";
}

// Hide a layer
function hidelyr(index) {
	var d = document.getElementById(index);
	d.className = "hide-me";	
	
}

function show_splash(splash_id) {
	showlyr(splash_id);
}

function post_splash(splash_id, params) {
	hidelyr(splash_id + '-input');
	showlyr(splash_id + '-saving');

	var url;
	var onsuccess_function = function(serverResponse) {
		hidelyr(splash_id + '-saving');
		showlyr(splash_id + '-done');
	};
	var onerror_function = function() {
		hidelyr(splash_id + '-saving');
		showlyr(splash_id + '-error');
	};
	
	switch (splash_id) {
		case "splash-feedback":
			url = DAYLIFE.Globals.get_url('feedback');
		break;
		case "splash-suggest-source":
			url = DAYLIFE.Globals.get_url('suggest_source');
		break;
		default: 
			alert(splash_id + " was not found");
	}
	var myAjax = new Ajax.Request(
			url, 
			{
				method: 'post', 
				parameters: params, 
				onSuccess: onsuccess_function,
				onFailure: onerror_function,
				onException: onerror_function
			});
}

function post_splash_feedback() {
	var feedback_text = $('feedbackWindowText').value + "\n\nBrowser: " + navigator.userAgent;
	if($('feedbackWindowText').value!=null && $('feedbackWindowText').value!=""){
		var params = {
			feedback: feedback_text,
			page_url: window.location.href.replace(/#$/,'')
		}
		return post_splash("splash-feedback", params);
	}
	else{
		alert('Please enter text before submitting feedback.');
		return false;
	}
}

function post_splash_suggest_source() {
	var params = {
		req_url: $('suggested_source_url').value
	}
	
    var RegExp = /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/;
    if(RegExp.test($('suggested_source_url').value)){
		return post_splash("splash-suggest-source", params);
    }else{
    	alert('Please enter a valid url.');
        return false;
    }
}



/************************************************************
* Link Tracking
************************************************************/

function clicktrack(url) {
    if(document.images){
        (new Image()).src=url;
    }
    return true;
}


/**
 * SWFObject v1.4.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){if(!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){_16.push(key+"="+_18[key]);}
return _16;},getSWFHTML:function(){var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){
this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";
}else{if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();return true;
}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(){
var _23=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}
catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
_23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}
catch(e){if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}
catch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}
return _23;};
deconcept.PlayerVersion=function(_27){
this.major=_27[0]!=null?parseInt(_27[0]):0;
this.minor=_27[1]!=null?parseInt(_27[1]):0;
this.rev=_27[2]!=null?parseInt(_27[2]):0;
};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){
return false;
}return true;};
deconcept.util={getRequestParameter:function(_29){
var q=document.location.search||document.location.hash;
if(q){var _2b=q.substring(1).split("&");
for(var i=0;i<_2b.length;i++){
if(_2b[i].substring(0,_2b[i].indexOf("="))==_29){
return _2b[i].substring((_2b[i].indexOf("=")+1));}}}
return "";}};
deconcept.SWFObjectUtil.cleanupSWFs=function(){if(window.opera||!document.all){return;}
var _2d=document.getElementsByTagName("OBJECT");
for(var i=0;i<_2d.length;i++){_2d[i].style.display="none";for(var x in _2d[i]){
if(typeof _2d[i][x]=="function"){_2d[i][x]=function(){};}}}};
deconcept.SWFObjectUtil.prepUnload=function(){__flash_unloadHandler=function(){};
__flash_savedUnloadHandler=function(){};
if(typeof window.onunload=="function"){
var _30=window.onunload;
window.onunload=function(){
deconcept.SWFObjectUtil.cleanupSWFs();_30();};
}else{window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;}};
if(typeof window.onbeforeunload=="function"){
var oldBeforeUnload=window.onbeforeunload;
window.onbeforeunload=function(){
deconcept.SWFObjectUtil.prepUnload();
oldBeforeUnload();};
}else{window.onbeforeunload=deconcept.SWFObjectUtil.prepUnload;}
if(Array.prototype.push==null){
Array.prototype.push=function(_31){
this[this.length]=_31;
return this.length;};}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject;
var SWFObject=deconcept.SWFObject;




var DL_SECONDS_IN_MINUTE = 60;
var DL_SECONDS_IN_HOUR = DL_SECONDS_IN_MINUTE * 60;
var DL_SECONDS_IN_DAY = DL_SECONDS_IN_HOUR * 24;
var DL_SECONDS_IN_WEEK = DL_SECONDS_IN_DAY * 7;
var DL_SECONDS_IN_MONTH = DL_SECONDS_IN_DAY * 30;
var DL_SECONDS_IN_YEAR = DL_SECONDS_IN_DAY * 365;
var DL_SECONDS_IN_DECADE = DL_SECONDS_IN_YEAR * 10;

var DL_SECOND_STRINGS = new Array("s", "sec", "second");
var DL_MINUTE_STRINGS = new Array("m", "min", "minute");
var DL_HOUR_STRINGS = new Array("h", "hour", "hour");
var DL_DAY_STRINGS = new Array("d", "day", "day");
var DL_WEEK_STRINGS = new Array("w", "week", "week");
var DL_MONTH_STRINGS = new Array("mon", "month", "month");
var DL_YEAR_STRINGS = new Array("y", "year", "year");

var DL_SECONDS_STRINGS = new Array("s", "secs", "seconds");
var DL_MINUTES_STRINGS = new Array("m", "mins", "minutes");
var DL_HOURS_STRINGS = new Array("h", "hours", "hours");
var DL_DAYS_STRINGS = new Array("d", "days", "days");
var DL_WEEKS_STRINGS = new Array("w", "weeks", "weeks");
var DL_MONTHS_STRINGS = new Array("mon", "months", "months");
var DL_YEARS_STRINGS = new Array("y", "years", "years");




function get_age(seconds) {
	ret = new Array(0,0);

	var now = new Date();
	var currentTimestamp = parseInt(Date.UTC(now.getUTCFullYear(),now.getUTCMonth(),now.getUTCDate(),now.getUTCHours(),now.getUTCMinutes(),now.getUTCSeconds(),now.getUTCMilliseconds())/1000)
	seconds = currentTimestamp - seconds;



    if (seconds < DL_SECONDS_IN_MINUTE) {
    	cnt = seconds;
        return new Array(cnt, (cnt>1) ? DL_SECONDS_STRINGS : DL_SECOND_STRINGS);
    } else if (seconds < DL_SECONDS_IN_HOUR) {
	    cnt = (seconds / DL_SECONDS_IN_MINUTE);
        ret = new Array(cnt, (cnt>1) ? DL_MINUTES_STRINGS : DL_MINUTE_STRINGS);
    } else if (seconds < DL_SECONDS_IN_DAY) {
    	cnt = (seconds / DL_SECONDS_IN_HOUR);
        ret = new Array(cnt, (cnt>1) ? DL_HOURS_STRINGS : DL_HOUR_STRINGS);
    } else if (seconds < DL_SECONDS_IN_WEEK) {
    	cnt = (seconds / DL_SECONDS_IN_DAY);
        ret = new Array(cnt, (cnt>1) ? DL_DAYS_STRINGS : DL_DAY_STRINGS);
    } else if (seconds < DL_SECONDS_IN_MONTH) {
    	cnt = (seconds / DL_SECONDS_IN_WEEK);
        ret = new Array(cnt, (cnt>1) ? DL_WEEKS_STRINGS : DL_WEEK_STRINGS);
    } else if (seconds < DL_SECONDS_IN_YEAR) {
    	cnt = (seconds / DL_SECONDS_IN_MONTH);
        ret = new Array(cnt, (cnt>1) ? DL_MONTHS_STRINGS : DL_MONTH_STRINGS);
    } else if (seconds < DL_SECONDS_IN_DECADE) {
    	cnt = (seconds / DL_SECONDS_IN_YEAR);
        ret = new Array(cnt, (cnt>1) ? DL_YEARS_STRINGS : DL_YEAR_STRINGS);
	}

	return ret;
}

function format_age(age) {
	if(parseInt(age[0]) !=1){
		return parseInt(age[0]) + " " + age[1][2] + " ago";
	}else{
		var ageStr = age[1][2];
		ageStr = ageStr.slice(0,ageStr.length-1);
		return parseInt(age[0]) + " " + ageStr + " ago";
	}
	
}

function format_timestamp(seconds) {
	age = get_age(seconds);
	return format_age(age);
}





if(!DAYLIFE){
	var DAYLIFE = {}
}

// dependencies: prototype.js
DAYLIFE.Date = function(){
	
	return {
		writeDate: function(){
			var months = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
			var today = new Date();
			var month = today.getMonth();
			var year = today.getFullYear();
			var date = today.getDate();
			document.write(months[month] + " " + date + ", " + year);
		}
	}
}();




function get_Connection(connected_player, current_player, ref_story_id) {
	var url = DAYLIFE.Globals.get_url('base') + 'topic/related';
	var pars = 'from_topic_name=' + connected_player + '&to_topic_name=' + current_player + '&story_id=' + ref_story_id;
	
	var onerror_function = function() {
		var link = $('connection-link');
		var content = $('connection-content');
		var link_text = '<table><tr><td>Sorry, but we were unable to retrieve the names of the people in this connection.</td></tr></table>';
		var content_text = 'Sorry, but we were unable to retrieve the story connecting these two people.';
		link.update(link_text);
		content.update(content_text);
	};
	
	var onsuccess_function = function(serverResponse) {
		response = eval(serverResponse.responseText);
	}
	
	var myAjax = new Ajax.Request(
			url, 
			{
				method: 'get', 
				parameters: pars,
				onSuccess: onsuccess_function,
				onFailure: onerror_function,
				onException: onerror_function
			});
}

function display_connection(json_result){
	var results = json_result.results;
	var link = $('connection-link');
	var content = $('connection-content');
	var link_text = (!results["from_name"] || !results["to_name"]) ? '<table><tr><td>Sorry, but we were unable to retrieve the names of the people in this connection.</td></tr></table>' : '<table><tr><td><strong><a href="' + json_result.results["from_name"] + '">' + json_result.results["from_name"] + '</a></strong> and <strong><a href="' + json_result.results["to_name"] + '">' + json_result.results["to_name"] + '</a></strong> were both mentioned in:</td></tr></table>';
	var content_text = "";
	if(!results["story"]["headline"]){
		content_text = 'Sorry, but we were unable to retrieve the story connecting these two people.';
	}else{
		content_text = '<h3><a target="_blank" href="' + json_result.results.story["url"] + '">' + json_result.results.story["headline"] +'</a></h3> ' + json_result.results["merged_ex"] + '<br>';
		content_text += '<div class="byline"><h6><strong>' + format_timestamp(json_result.results.story["timestamp"]) + '</strong> from ' + '<a href="' + DAYLIFE.Globals.get_url('base') + 'source/'+ json_result.results.story["src_id"] + '">' + json_result.results.story["src_name"] + '</a>';
		content_text += '<div class="more"><h6><a href="' + DAYLIFE.Globals.get_url('base') + 'search?q=%22'+ json_result.results["from_name"] +'%22 %22' + json_result.results["to_name"] + '%22">See all connections between <strong>' + json_result.results["from_name"] + '</strong> and <strong>' + json_result.results["to_name"] +'</strong></a></h6></div>';
	}
	link.update(link_text);
	content.update(content_text);
}

var Connection = Class.create();

function hideConnection(){
	Element.hide('connection');
}

Connection.prototype = {
	initialize: function(element, connection, current_player, current_player_url, connected_player, connected_player_url, ref_story_id, img) {
    	var options = Object.extend({
      		default_css: false,
      		margin: "0px",
	  		padding: "5px",
	 	 	backgroundColor: "#FFF",
      		zindex: 1000
    	}, arguments[1] || {});

    	this.element      = $(element);
    	this.connection     = $(connection);
    	this.current_player 	= current_player;
    	this.current_player_url 	= current_player_url;
    	this.connected_player	= connected_player;
    	this.connected_player_url	= connected_player_url;
    	this.ref_story_id	= ref_story_id;
    	this.img	= img;
    	
    	this.options      = options;

    	// hide the connection by default
   		this.connection.hide();

    	this.eventMouseOver = this.showConnection.bindAsEventListener(this);
    	this.eventMouseOut   = this.hideConnection.bindAsEventListener(this);

    	this.registerEvents();
	},

  	destroy: function() {
  		//Event.stopObserving(this.element, "mouseover", this.eventMouseOver);
    	Event.stopObserving(this.element, "click", this.eventMouseOver);
  	},

  	registerEvents: function() {
  		//Event.observe(this.element, "mouseover", this.eventMouseOver);
    	Event.observe(this.element, "click", this.eventMouseOver);
  	},

	showConnection: function(event){
		Element.hide(this.connection);

    	
		$('connection-link').innerHTML = 'See the connection';
		$('connection-content').innerHTML = 'Loading...';
		get_Connection(this.connected_player, this.current_player, this.ref_story_id);
		Event.stop(event);
		// get Mouse position
    	var mouse_x = Event.pointerX(event);
		var mouse_y = Event.pointerY(event)-50;
	
		// decide if wee need to switch sides for the connection
		var dimensions = Element.getDimensions( this.connection );
		var element_width = dimensions.width;
		var element_height = dimensions.height;
	
		if ( mouse_x <= 400 ){ // too big for X
			mouse_x = mouse_x + (400 - element_width);
		}
		
		if( mouse_x >400){
			mouse_x = mouse_x - 400;
		}
		
		mouse_x = mouse_x - 4;
		mouse_y = mouse_y - 4;
		if(BrowserDetect.browser=='Explorer'){
			mouse_x = mouse_x + 1;
			mouse_y = mouse_y + 1;
		}
		
		// finally show the Connection
		new Effect.Appear(this.connection);
		//new Effect.BlindDown(this.connection);
		
		// now set the right styles
		this.setStyles(mouse_x, mouse_y);
	},
  
	setStyles: function(x, y){
    	// set the right styles to position the connection
		Element.setStyle(this.connection, { position:'absolute',
	 									  top:y + "px",
	 									  left:x + "px",
										  zindex:this.options.zindex
	 									});
	
		// apply default theme if wanted
		if (this.options.default_css){
		  	Element.setStyle(this.connection, { margin:this.options.margin,
			 								  padding:this.options.padding,
			                                  backgroundColor:this.options.backgroundColor,
											  zindex:this.options.zindex
		 									});	
		}	
  	},

  	hideConnection: function(event){
		new Effect.Fade(this.connection);
		//new Element.hide(this.connection);
  	},

  	getWindowHeight: function(){
    	var innerHeight;
		if (navigator.appVersion.indexOf('MSIE')>0) {
			innerHeight = document.body.clientHeight;
    	}
    	else {
			innerHeight = window.innerHeight;
    	}
    	return innerHeight;	
  	},
 
  	getWindowWidth: function(){
    	var innerWidth;
		if (navigator.appVersion.indexOf('MSIE')>0) {
			innerWidth = document.body.clientWidth;
    	} 
    	else {
			innerWidth = window.innerWidth;
    	}
    	return innerWidth;	
	}
}

function getPos(inputElement) {
    var coords =  new Object();
    coords.x = 0;
    coords.y = 0;
    try {
        targetElement = inputElement;
        if(targetElement.x && targetElement.y) {
            coords.x = targetElement.x;
            coords.y = targetElement.y;
        } else {
            if(targetElement.offsetParent) {
                coords.x += targetElement.offsetLeft;
                coords.y += targetElement.offsetTop;
                while(targetElement = targetElement.offsetParent) {
                    coords.x += targetElement.offsetLeft;
                    coords.y += targetElement.offsetTop;
                }
            } else {
                //alert(\"Could not find any reference for coordinate positioning.\");
            }
        }
        return coords;
    } catch(error) {
        //alert(error.msg);
        return coords;
    }
}



var Starrable = Class.create();

Starrable.prototype = Object.extend({
	initialize: function(id, type, name, is_starred, tools, is_user_logged_in){
		//console.log('new starrable('+ id + ',' + type + ',' + name+ ')')
		this.id = id;
		this.name = name;
		//this.resource_type = this.getResourceType();
		this.resource_type = type || this.getResourceType;
		this.description = null;
		this.in_sets = $A([]);
		this.is_starred = is_starred;
		this.is_user_logged_in = is_user_logged_in;
		this.tools = $H({});
		var tools = $H(tools);
		tools.each(function(tool){
			var key = tool.key;
			var val = tool.value;
			if(self[key]){
				//this.tools[key.toLowerCase()] = new self[key](this,val.node,val.trigger);
				// prototype 1.6 syntax:
				this.tools.set(key.toLowerCase(),new self[key](this,val.node,val.trigger));
			}
		}.bind(this));
		this.tools_active = false;
	},
	
	getResourceType: function(){
		var type = this.resource_type; 
		if(this.id && !type){
			switch(this.id.substr(0,3)){
				case "204":
				case "109":
				case "110":
					type = "topic";
					break;
				case "101":
				case "108":
					type = "story";
					break;
				case "103":
					type = "source";
					break;
				case "201":
				case "202":
					type = "image";
					break;
				case "112":
					type = "search";
					break;
				case "111":
					type = "user";
					break;
				case "119":
					type = "quote";
					break;
			}
		}
		return type;
	},
	
	getUrl: function(info){
		var results = this.details;
		var url = "";
		var type = info['resource_type']; 
		var id = info['resource_id'];
		switch(this.getResourceType()){
			case "story":
			case "article":
				url = "article/";
				break;
			case "quote":
				url = "quote/";
				break;
			case "photo":
			case "image":
				url = "photo/";
				break;
			case "topic":
				url = "topic/";
				break;
			case "source":
				url = "source/";
				break;
			case "search":
				url = "search?q=";
				id = encodeURIComponent(this.name);
				break;
		}
		return DAYLIFE.Globals.get_url('base') + url + id;
	},
	
	isInSet: function(id){
		if(this.in_sets.indexOf(id) > -1){
			return true;
		}
		return false;
	},
	
	star: function(on_success){
		var params, url;
		if(this.id){
			url = DAYLIFE.Globals.get_url('star_item');
			params = {
				resource_id: this.id,
				action: "star",
				name: this.name
			}
		} else {
			url = DAYLIFE.Globals.get_url('save_search');
			params = {
				search_string: this.name,
				action: "star"
			}
		}
		new Ajax.Request(
			url,
			{
				method: 'get', 
				parameters: params,
				onSuccess: function(on_success,transport){
					if(!this.id){
						this.id = eval("(" + transport.responseText + ").internal_resource_id");
					}
					this.is_starred = true;
					if(on_success instanceof Function){
						on_success();
					}
				}.bind(this,on_success),
				onFailure: function(){
					return false;
				}.bind(this)
			});
	},
	
	unstar: function(on_success){
		var params = {
			resource_id: this.id,
			action: "unstar"
		}
		new Ajax.Request(
			DAYLIFE.Globals.get_url('star_item'),
			{
				method: 'get', 
				parameters: params,
				onSuccess: function(on_success,transport){
					this.is_starred = false;
					if(on_success instanceof Function){
						on_success();
					}
				}.bind(this,on_success)
			}
		);
	}
});



// dependencies: effects.js, edit_in_place.js, starrable.js

var StarrableTool = Class.create();

StarrableTool.prototype = Object.extend({
	initialize: function(starrable,node,trigger){
		this.node = $(node);
		if(this.node){
			this.starrable = starrable;
			if(trigger){
				this.trigger = $(trigger.node);
				this.trigger_position = trigger.position;
			}
			this.node.is_active = false;
			this.node.starrable = null;
			this.node.fade = null;
			this.node.hide();
			this.timer = null;
			this.is_persistent = false;
			this.activated_once = false;
			this.expanders = node.getElementsBySelector('a[rel="expander"]');
			this.node.observe('click',this.routeClick.bind(this));
			if(this.trigger){
				this.trigger.observe('click',this.triggerClick.bind(this));
				this.trigger.observe('mouseout',this.triggerOut.bind(this));
				this.trigger.observe('mouseover',this.triggerOver.bind(this));
			}
		}
	},
	
	reset: function(){
		// to be overwritten
	},
	
	routeClick: function(e){
		Event.stop(e);
		return elem = $(Event.element(e));
	},
	
	triggerClick: function(e){
		//nuthin
	},
	
	triggerOver: function(e){
		//nuthin
	},
	
	triggerOut: function(e){
		//nuthin
	}
});


// ------------------------------------------
// StarTool
// ------------------------------------------

var StarTool = Class.extend(StarrableTool, {
	initialize: function(starrable,node,trigger){
		trigger = trigger || { node: this.findTrigger(node) };
		this.parent(starrable,node,trigger);
		if(this.node){
			this.offset_position = null;
			this.is_persistent = true;
			// this is a useful reference for other scripts:
			this.node.tool = this;
			this.node.show();
			if(this.starrable.resource_type == "image" || (this.starrable.resource_type == 'quote' && this.node.up('div.quote-attribution')) || this.node.up('#page-title') || this.node.up('div.module-type-source-focused-v1') || (this.starrable.resource_type == "story" && (this.node.up('#source-photos') || this.node.up('div.gallery-cell')))){
				this.is_star_always_visible = true;
			}
			this.node_container = this.node.up('div.star') || this.node.up('div.star-clicked');
			this.node.observe('mouseover',this.rollover.bind(this));
			this.node.observe('mouseout',this.rollover.bind(this));
		}
	},
	
	activate: function(hide){
		this.parent(true);
	},
	
	changeImg: function(sFrom,sTo){
		if(this.node.src){
			this.node.src = this.node.src.replace(sFrom,sTo);
		}
	},
	
	findTrigger: function(node){
		node = this.node || $(node);
		if(node){
			var candidates = $A([
				'div.article-summary-wrapper',
				'div.story-wrapper',
				'div.source',
				'#page-title',
				'div.screenshot',
				'div.quote',
				'div.element-type-quote-v1',
				'div.element-type-article-v1',
				'div.element-type-article-v2',
				'div.element-type-article-thin-v1',
				'div.element-type-source-v1'
			]);
			for (var i = candidates.length - 1; i >= 0; i--){
				var candidate = candidates[i];
				var elem = node.up(candidate);
				if(elem){
					return elem;
				}
			};
			//special case for solitaire connections / topics layer
			var connection = node.up('div.connection') || node.up('div.topic');
			if(connection){
				var trigger = (Prototype.Browser.IE6) ? connection.down('img.png').up('a') : connection.down('img.png');
				return trigger;
			}
		}
	},
	
	registerStar: function(){
		this.changeImg('-over','-on');
		// just in case the user has already moused out...
		this.changeImg('-off','-on');
		this.node_container.className = "star-clicked";
		this.node_container.style.display = "block";
	},
	
	registerUnstar: function(){
		var stbl = this.starrable;
		this.changeImg('-on','-over');
		this.node_container.className = "star";
		if(!this.is_star_always_visible){
			this.node_container.style.display = "none";
		}
		//this.starrable.deactivateTools([this]);
	},
	
	rollover: function(e){
		if(!this.starrable.is_starred){
			var type = e.type;
			(type == 'mouseover') ? this.changeImg('-off','-over') : this.changeImg('-over','-off');
			// if(type == 'mouseout' && !this.starrable.is_user_logged_in){
			// 	this.starrable.tools_active = false;
			// }
		}
	},
	
	routeClick: function(e){
		var stbl = this.starrable;
		if(!stbl.is_user_logged_in){
			Event.stop(e);
			show_splash('splash-not-logged-in');
		}else{
			this.parent(e);
			(stbl.is_starred) ? stbl.unstar(this.registerUnstar.bind(this)) : stbl.star(this.registerStar.bind(this));	
		}
	},
	
	triggerClick: function(){
		// nuthin
	},
	
	triggerOut: function(e){
		this.triggerout = window.setTimeout(function(){
			var stbl = this.starrable;
			if(!stbl.is_starred && !this.is_star_always_visible){
				this.node_container.style.display = "none";
			}
		}.bind(this),200)
	},
	
	triggerOver: function(e){
		if(this.triggerout){
			window.clearTimeout(this.triggerout);
			this.triggerout = null;
		}
		this.node_container.style.display = "block";
	}
});

if(!DAYLIFE){
	var DAYLIFE = {}
}

// dependencies: prototype.js
DAYLIFE.Daypi = function(){
	var proxy_base = DAYLIFE.Globals.get_url('base') + "ajax/publicapi/jsonrest/";
	
	return {
		request: function(method,params,callback){
			var payload, url = proxy_base + method;
			var req = new Ajax.Request(
				url,
				{
					method: 'get',
					parameters: params,
					onSuccess: function(transport){
						var json = transport.responseText.evalJSON();
						if(json){
							payload = json["response"]["payload"];
							if(payload){
								if(callback && callback instanceof Function){
									callback(json["response"]["payload"], method, params);
								}
							}else{
								// no payload returned
							}
						}else{
							//response couldn't be evaluated
						}
					}
				}
			);
			return req;
		},
		
		getDisplayName: function(type,data){
			var names = {
				story: data['headline'],
				article: data['headline'],
				topic: data['name']
			}
			var name = names[type.toLowerCase()] || data['article']['headline'];
			return name;
		},
		
		getResourceId: function(type,data){
			var ids = {
				story: 'story_id',
				article: 'article_id',
				photo: 'image_id',
				image: 'image_id',
				topic: 'topic_id',
				quote: 'quote_id'
			}
			var id_name = ids[type.toLowerCase()];
			if(id_name){
				return data[ids[type.toLowerCase()]];
			}else{
				return false;
			}
		},
		
		getResourceUrl: function(type,data){
			switch(type){
				case "story":
					url = "story/" + this.getResourceId(data);
					break;
				case "article":
					url = "article/" + this.getResourceId(data);
					break;
				case "photo":
				case "image":
					url = "image/" + this.getResourceId(data);
					break;
				case "topic":
				case "organization":
				case "person":
				case "place":
					url = "topic/" + data["internal_topic_id"];
					break;
				case "quote":
					if(data["article"] && data["article"]["url"]){
						return data["article"]["url"];
					}
					break;
			}
			if(url){
				return DAYLIFE.Globals.get_url('base') + url;
			} else {
				return false;
			}
		}, 
		
		offset: function(){
			//...
		},
		
		paginate: function(method, callback, query, limit, end_time, sort){
			limit = limit || 10;
			sort = sort || 'date';
			var photos, response;
			var params = {
				'sort': sort,
				'limit': limit,
				'query': query
			}
			if(end_time){
				params['start_time'] = end_time - 315360000; // = DL_SECONDS_IN_DECADE
				params['end_time'] = end_time;
			}
			return this.request(method,params,callback);
		},
		
		completed: true
	}
}();

// convenience class:
DAYLIFE.Daypi.Method = function(method){
	this.method = method;
	this.daypi = DAYLIFE.Daypi;
	this.page = 0;
	this.page_states = [];
}

DAYLIFE.Daypi.Method.prototype = {
	request: function(params,callback){
		return this.daypi.request(this.method,params,callback);
	}
}

// dependencies: prototype.js, scriptaculous.js builder
DAYLIFE.Daypi.Templates = function(){
	
	var templates = {
		search_image: function(item){
			//something
		}
	}
	
	return {
		render: function(items,template){
			var count = items.length;
			var elems = [];
			for(var i=0;i<count;i++){
				elems.push(this.templates[template](items[i]));
			}
			return elems;
		}
	}
}();




DAYLIFE.ArticleGrid = function(){
	
	return {
		init: function(article_grid_id){
			var articles = $(article_grid_id);
			if(articles){
				var redundant_switches = articles.getElementsBySelector('p.toggle-redundant');
				if(redundant_switches){
					redundant_switches.invoke('observe','click',this.toggle_redundant.bind(this));
				}
			}
		},
		
		toggle_redundant: function(e){
			var p = Event.findElement(e, 'p');
			var ul = p.next('ul');
			if(ul){
				var a = p.down('a');
				if(!ul.style.display || ul.style.display == 'none'){
					ul.style.display = 'block';
					a.update(a.innerHTML.replace('Show', 'Hide'));
					a.className = 'open';
				}else{
					ul.style.display = 'none';
					a.update(a.innerHTML.replace('Hide', 'Show'));
					a.className = 'closed';
				}
				Event.stop(e);
			}
		},
		
		completed: true
	}
}();


DAYLIFE.InsideStrip = function(){
	var strip, right, left, slider, slot_width;
	
	return {
		init: function(strip_id){
			strip = $(strip_id);
			if(strip){
				var scrollers = strip.getElementsBySelector('a[rel=scroll]');
				if(scrollers && scrollers.length == 2){
					left = scrollers[0];
					right = scrollers[1];
					slot_width = strip.offsetWidth;
				}
				slider = strip.down('table');
			}
			scrollers.invoke('observe','click',this.routeClick.bind(this));
		},
		
		routeClick: function(e){
			var a = Event.findElement(e, 'a');
			if(a == left  || a == right ){
				var masked = (a == left) ? -1 * slider.offsetLeft + 1 : slider.offsetLeft + slider.offsetWidth - slot_width;
				if(masked > 0){
					var move = (masked > slot_width) ? slot_width : masked;
					if(a == right) {
						move = -1 * move;
					}
					new Effect.Move(slider, { x: move, mode : 'relative' });
				}
				Event.stop(e);
			}
		},
		
		completed: true
	}
}()


DAYLIFE.PhotoGrid = function(){
		
		var open_details = $A([]);
		var grid = null;
		
		return {
			init: function(grid_id){
				grid = $(grid_id);
				if(grid){
					var photos = grid.getElementsBySelector('.element-type-photo-v1');
					photos.invoke('observe','mouseover',this.rollover.bind(this));
					photos.invoke('observe','mouseout',this.rollover.bind(this));
				}
			},
			
			openDetails: function(details){
				for(var i=open_details.length-1;i >= 0;i--){
					if(open_details[i] == details){
						open_details.splice(i,1);
						break;
					}
				};
				if(details.timeout){
					window.clearTimeout(details.timeout);
					details.timeout = null;
				}
				details.style.display = 'block';
				if(details.photo){
					details.photo.firstDescendant().style.borderColor = "#326bae";
				}
				while(open_details.length > 0){
					this.closeDetails(open_details[0]);
					open_details.shift();
				}
				open_details.push(details);
			},
			
			closeDetails: function(details){
				details.style.display = 'none';
				if(details.photo){
					details.photo.firstDescendant().style.borderColor = "#999";
				}
				if(details.timeout){
					window.clearTimeout(details.timeout);
					details.timeout = null;
				}
			},
			
			rollover: function(e){
				var div = Event.findElement(e,'div');
				if(!div.details){
					div.details = div.down('div.details');
				}
				var details = div.details || div;
				if(details && details.hasClassName('details')){
					if(!details.photo){
						details.photo = details.up();
					}
					if(Prototype.Browser.IE){
						if(details.up() == details.photo){
							grid.appendChild(details);
							details.observe('mouseover',this.rollover.bind(this));
							details.observe('mouseout',this.rollover.bind(this));
						}
						var top = details.photo.offsetHeight - 4;
						var left = (details.hasClassName('edge')) ? ((details.photo.hasClassName('large')) ? 33 : -153) : 0;
						Position.clone(details.photo, details, { setWidth: false, setHeight: false, offsetTop: top, offsetLeft: left });
					}
					if(e.type == 'mouseover'){
						this.openDetails(details);
					}else{
						var msecs = (div.details) ? 50 : 100;
						details.timeout = window.setTimeout(this.closeDetails.bind(this, details), msecs);
					}
				}else{
					var elem = Event.element(e);
					details = elem.up('div.details');
					if(details){
						this.openDetails(details);
					}
				}
			},
			
			completed: true
		}
	}();

DAYLIFE.PhotoStrip = function(){
	var strip, right, left, slider, slot_width;
	
	return {
		init: function(strip_id){
			strip = $(strip_id);
			if(strip){
				var scrollers = strip.getElementsBySelector('a[rel=scroll]');
				if(scrollers && scrollers.length == 2){
					left = scrollers[0];
					right = scrollers[1];
					slot_width = strip.offsetWidth - (2 * left.offsetWidth);
				}
				slider = strip.getElementsByTagName('ul')[0];
				// set slider width:
				var images = slider.getElementsByTagName('li');
				slider.style.width = images[0].offsetWidth * images.length + 'px';
			}
			strip.observe('click',this.routeClick.bind(this));
		},
		
		routeClick: function(e){
			var a = Event.findElement(e, 'a');
			if(a == left  || a == right ){
				var masked = (a == left) ? left.offsetWidth - slider.offsetLeft : slider.offsetLeft + slider.offsetWidth - right.offsetLeft;
				if(masked > 0){
					var move = (masked > slot_width) ? slot_width : masked;
					if(move == masked) {
						var img = a.down('img');
						img.src = img.src.replace('-on', '-off');
					}
					var other_a = (a == left) ? right : left;
					var other_img = other_a.down('img');
					other_img.src = other_img.src.replace('-off','-on');
					if(a == right) {
						move = -1 * move;
					}
				 	new Effect.Move(slider, { x: move, mode : 'relative' });
				}
				Event.stop(e);
			}
		},
		
		completed: true
	}
}()


if(!DAYLIFE){
	var DAYLIFE = {}
}

// dependencies: prototype.js, daylife.daypi.com
DAYLIFE.PhotoZoom = function(){
	var daypi = DAYLIFE.Daypi;
	var loading = DAYLIFE.Globals.get_url('img') + 'icons/loading.gif';
	var starsrc = DAYLIFE.Globals.get_url('img') + 'icons/star-off.gif';
	var getInfo = new daypi.Method('image_getInfo');
	var gallery, photos, zoom_box, splash_box, loading_img, zoom_img, info_div, caption, credit, next, previous, close, star_container, options, active, last_image_width, last_image_src, last_image_id, mini_loader;
	
	return {
		init: function(gallery_id,a_class){
			gallery = $(gallery_id);
			if(gallery){
				photos = gallery.getElementsBySelector('a[rel=photozoom]');
				gallery.observe('click', this.zoom.bind(this));
				Event.observe(document,'keydown',this.keyNav.bind(this));
				this.makeZoomBox();
			}
		},
		
		keyNav: function(e){
			if(active){
				var code = e.keyCode;
				if(code == Event.KEY_LEFT){
					this.getNewImage(previous.getAttribute('href'));					
					Event.stop(e);
				}else if(code == Event.KEY_RIGHT){
					this.getNewImage(next.getAttribute('href'));
					Event.stop(e);
				}else if(code == Event.KEY_ESC){
					this.closeZoom();
					Event.stop(e);
				}
			}
		},
		
		makeZoomBox: function(){
			// globals
			zoom_img = $(Builder.node('img', { src: DAYLIFE.Globals.get_url('img') + 'modules/x610_blank.gif' }));
			loading_img = $(Builder.node('img', { style: 'top: 47%; left: 47%; position: absolute; z-index: 10', src: loading, alt: 'loading...'}));
			caption = $(Builder.node('p', { style: 'width: 100%' }));
			credit = $(Builder.node('p', { style: 'width: 100%' }));
			next = $(Builder.node('a', { href: '#' }, 'Next photo'));
			previous = $(Builder.node('a', { href: '#' }, 'Previous photo'));
			star_container = $(Builder.node('p', { style: 'margin: 5px 0 0; line-height: 15px' }));
			close = $(Builder.node('a', { href: '#' }, 'Close photo window'));
			// DOM
			options = $(Builder.node('ul', { style: 'list-style-type: none; width: 300px; margin: 0 auto 10px' }, [
				Builder.node('li', { style: 'display: inline; font-weight: bold; margin-right: 25px' }, [close]),
				Builder.node('li', { style: 'display: inline; margin-right: 10px' }, [previous]),
				Builder.node('li', { style: 'display: inline' }, [next])
			]));
			zoom_box = $(Builder.node('div', { style: 'visibility: hidden' }, [
				Builder.node('div', { className: 'splash-box', style: 'z-index: 100000; width: 600px;' }, [
					Builder.node('div', { className: 'splash-box-content' }, [
						options,
						Builder.node('div', [
							Builder.node('a', { href: '#' }, [zoom_img]),
							caption, 
							credit
						]),
						loading_img
					])
				]),
				Builder.node('div', { className: 'splash' }, [
					Builder.node('div', { className: 'splash-bg' })
				])
			]));
			// append
			document.getElementsByTagName('body')[0].appendChild(zoom_box);
			splash_box = zoom_box.getElementsBySelector('div.splash-box')[0];
			info_div = zoom_img.parentNode;
			// position
			Position.clone(gallery, splash_box, { setWidth: false, setHeight: false });
			splash_box.style.margin = '20px 0 0 ' + (Math.floor((gallery.offsetWidth - splash_box.offsetWidth)/2)) + 'px';
			this.resizeSplashBox();
			//zoom_box.style.visibility = "visible";
			zoom_img.style.display = "block";
			// ATTACH BEHAVIORS
			zoom_img.observe('load', this.resizeSplashBox.bind(this));
			zoom_box.observe('click',this.clickSplashBox.bind(this));
		},
		
		getWindowDimensions: function(){
			var winX,winY,winScrollX,winScrollY;
			if (self.innerHeight) // all except Explorer
			{
				winX = self.innerWidth;
				winY = self.innerHeight;
				winScrollX = self.pageXOffset;
				winScrollY = self.pageYOffset;
			}
			else if (document.documentElement && document.documentElement.clientHeight)
				// Explorer 6 Strict Mode
			{
				winX = document.documentElement.clientWidth;
				winY = document.documentElement.clientHeight;
				winScrollX = document.documentElement.scrollLeft;
				winScrollY = document.documentElement.scrollTop;
			}
			else if (document.body) // other Explorers
			{
				winX = document.body.clientWidth;
				winY = document.body.clientHeight;
				winScrollX = document.body.scrollLeft;
				winScrollY = document.body.scrollTop;
			}
			return { x: winX, y: winY, scrollX: winScrollX, scrollY: winScrollY }
		},
	
		resizeSplashBox: function(e){
			var init = (!e) ? true : false;
			splash_box.style.margin = '0';
			var img_width = (zoom_img.offsetWidth > 0) ? zoom_img.offsetWidth : 610;
			var new_src = zoom_img.src;
			if(img_width > 0 && new_src != last_image_src){
				var win = this.getWindowDimensions();
				if(img_width != last_image_width){
					var box_width = splash_box.offsetWidth;
					var new_width = img_width + 40;
					var new_left = Math.floor((win.x - new_width)/2)
					var xScale = (new_width / box_width) * 100;
					// calculate size difference between new and old image, and resize if necessary
					var wDiff = box_width - new_width;
					if(wDiff != 0){
						new Effect.Scale(splash_box, xScale, {
							scaleY: false, 
							scaleContent: false, 
							scaleFromCenter: false, 
							duration: 0.7, 
							afterFinish: function(){
								if(!init){
									info_div.style.visibility = "visible";
								}
							} 
						});
						new Effect.Move (splash_box,{ x: new_left, y: win.scrollY + 20, mode: 'absolute'});
					}
				}else{
					new Effect.Move (splash_box,{ x: parseInt(splash_box.style.left), y: win.scrollY + 20, mode: 'absolute'});
					if(!init){
						info_div.style.visibility = "visible";
					}
				}
				last_image_width = img_width;
				last_image_src = new_src;
			}
		},
		
		showMiniLoader: function(a){
			if(!mini_loader){
				mini_loader = $(Builder.node('div',{ style: 'position: absolute; z-index: 1000; background: #fff' },[
					Builder.node('img', { style: 'margin: 0 auto 0', src: loading, alt: 'loading...'})
				]));
				mini_loader.setStyle({ opacity: 0.5 });
				$('leaf-gallery').appendChild(mini_loader);
			}
			Position.clone(a, mini_loader);
			mini_loader.show();
		},
	
		clickSplashBox: function(e){
			var href, elem = Event.element(e);
			if(elem == next || elem == previous){					
				Event.stop(e);
				href = elem.getAttribute('href');
				if(href != '#'){
					this.getNewImage(href);
				}
			}else if(elem == close){					
				Event.stop(e);
				this.closeZoom();
			}
		},
		
		closeZoom: function(){
			zoom_box.hide();
			active = false;
		},
	
		getNewImage: function(id){
			if(id && id != '#'){
				var count = photos.length;
				info_div.style.visibility = "hidden";
				loading_img.show();
				getInfo.request({ image_id: id }, this.render);
				for(var i=0;i<count;i++){
					if(photos[i].id == id){
						zoom_img.parentNode.href = photos[i].href;
						next.href = (photos[i+1]) ? photos[i+1].id : '#';
						(photos[i+1]) ? next.style.visibility = "visible" : next.style.visibility = "hidden";
						previous.href = (photos[i-1]) ? photos[i-1].id : '#';
						(photos[i-1]) ? previous.style.visibility = "visible" : previous.style.visibility = "hidden";
						break;
					}
				}
			}
		},
	
		makeStarrable: function(image){
			var star = Builder.node('a', { href: '#', style: 'margin-right: 10px' }, [
				Builder.node('img', { src: starsrc })
			]);
			star_container.update();
			star_container.appendChild(star);
			star_container.appendChild(document.createTextNode('save this photo'));
			var tools = {
				StarTool: { node: star }
			}
			new Starrable(image['image_id'], 'photo', 'who knows?', false, tools, true)
		},
	
		render: function(response){
			var url, source, txt1, source_link, image = response['image'][0];
			loading_img.hide();
			if(image){
				source = image['source'];
				url = image['url'];
				zoom_img.src = url;
				last_image_id = image['image_id'];
				//makeStarrable(image);
				if(source){
					txt1 = format_timestamp(image["timestamp_epoch"]) + ' from ';
					source_link = Builder.node('a', { href: source['daylife_url'] }, source['name']);
					credit.update(txt1);
					credit.appendChild(source_link);
					if(image['credit'] && image['credit'] != source['name']){
						credit.appendChild(document.createTextNode(' by ' + image['credit']));
					}
				}
				caption.update(image['caption']);
			}
		},

		zoom: function(e){
			var elem = Event.findElement(e,'a');
			if(elem && elem.rel && elem.rel.match('photozoom') && elem.id != ''){
				Event.stop(e);
				var img = elem.down('img');
				if(!zoom_box){
					this.makeZoomBox();
				}
				zoom_box.style.visibility = "visible";
				if(elem.id != last_image_id){
					this.getNewImage(elem.id);
				}
				zoom_box.show();
				active = true;
			}
		}, 
		
		completed: true
	}
}()



DAYLIFE.SourcePivot = function(){
	var full, sm, lg;
	
	return {
		init: function(screenshot_div_id){
			var div = $(screenshot_div_id);
			if(div){
				var imgs = div.getElementsBySelector('img');
				full = imgs[0];
				sm = imgs[1];
				lg = imgs[2];
			}
			imgs.each(function(img){
				var a = img.up('a');
				if(a){
					a.observe('click', this.routeClick);
				}
			}.bind(this));
		},
		
		routeClick: function(e){
			var on = Event.element(e);
			var off = (on == sm) ? lg : sm;
			full.src = on.src;
			on.up().addClassName('selected');
			off.up().removeClassName('selected');
			Event.stop(e);
		},
		
		completed: true
	}
}()


DAYLIFE.TopicGrid = function(){
	
	return {
		init: function(connections_id){
			var connections = $(connections_id);
			if(connections){
				var pngs = connections.getElementsBySelector('.png');
				if(pngs){
					pngs.invoke('observe','mouseover',this.rollover.bind(this));
					pngs.invoke('observe','mouseout',this.rollover.bind(this));
				}
			}
		},
		
		rollover: function(e){
			Event.stop(e);
			if(e.type == "mouseover"){
				from = "-off";
				to = '-on';
			}else{
				from = '-on';
				to = '-off'
			}
			var elem = Event.element(e);
			if(elem.src){
				elem.src = elem.src.replace(from,to);
			}else{
				//ie png fix:
				elem.style.filter = elem.style.filter.replace(from,to);
			}
		},
		
		completed: true
	}
}();


	
function openHighlightsWkNav(itemName, itemHeight) {
	document.getElementById(itemName).style.overflow="visible";
	document.getElementById(itemName).style.height=itemHeight;
}
		
function closeHighlightsWkNav(itemName, itemHeight) {
	document.getElementById(itemName).style.overflow="hidden";
	document.getElementById(itemName).style.height=itemHeight;
}

function getHighlights(startdate, enddate) {
	new Ajax.Request(
		DAYLIFE.Globals.get_url('browse_covers'), 
		{
		method: 'get',
		parameters: {
				'startdate': startdate,
				'enddate': enddate
		},
		onSuccess: function (transport) {
			var newData = transport.responseText.evalJSON();
			var imgData = newData['results'];
			printHighlights(imgData);
		}
	}); 

}

function printHighlights(imgData) {
	var cTag = $('browse-highlights-content');

	if (imgData["total"] > 0) {
		var outPut = "";
		var weekData = imgData["byweek"];
		for (var d=0; d<weekData.length; ++d) {
			if (weekData[d]["total"] > 0) {
				outPut = outPut + "<div class=\"element-type-highlight-week\"><h3><span class=\"day\">" + weekData[d]["weekday"] + ":</span>";
				outPut = outPut + " " + weekData[d]["display_date"] + "</h3>";
				var coversData = weekData[d]["covers"];
				for (var i=0; i<coversData.length; ++i) {
					outPut = outPut + "<div class=\"image image-link\">";
					outPut = outPut + "<a href=\""+ coversData[i]['link_url'] + "\">";
					outPut = outPut + "<img src=\"" + coversData[i]['small_img_url'] +"\">"
					outPut = outPut + "</a></div>";
				}
				outPut = outPut + '</div>';
			}
		}
		outPut = outPut + '<div class="clear"></div>';
		cTag.update(outPut);
	} else {
		cTag.update("no images found");
	}             
}



if(!DAYLIFE){
	var DAYLIFE = {}
}

DAYLIFE.StarController = function(){
	// private vars
	stars = $A([]);
	
	return {
		scanForStars: function(div_to_scan_id){
			var div_to_scan = $(div_to_scan_id);
			var star_divs = div_to_scan.select('div.star').concat(div_to_scan.select('div.star-clicked'));
			star_divs.each(function(div){
				if(div.hasClassName('new-star')) { // just until we eliminate the old style
					var star = new DAYLIFE.Star(div);
					stars.push(star);
				}
			})
		},
		
		findStars: function(){
			var star_divs = $$('div.star').concat($$('div.star-clicked'));
			star_divs.each(function(div){
				if(div.hasClassName('new-star')) { // just until we eliminate the old style
					var star = new DAYLIFE.Star(div);
					stars.push(star);
				}
			})
			document.observe('star:updateStarred', DAYLIFE.StarController.syncRedundantStars);
		},
		
		getRedundantStars: function(star_instance){
			var id = star_instance.id;
			var redundant = $A([]);
			stars.each(function(star){
				if(star != star_instance && star.id == id){
					redundant.push(star);
				}
			});
			if(redundant.length > 0){
				return redundant;
			}else{
				return false;
			}
		},
		
		syncRedundantStars: function(e){
			var instance = e.memo.instance;
			var redundant_stars = DAYLIFE.StarController.getRedundantStars(instance);
			if(redundant_stars){
				redundant_stars.each(function(redundant){
					redundant.sync(instance);
				})
			}
		}
		
	}
}();

DAYLIFE.Star = function(node){
	this.node = $(node);
	this.anchor = node.down('a');
	this.id = null;
	this.name = null;
	this.parseStarringUrl();
	this.description = node.title;
	this.is_always_visible = this.node.hasClassName('always-visible');
	this.is_starred = this.node.hasClassName('star-clicked');
	this.is_public = this.node.hasClassName('public');
	if(!this.is_always_visible){
		this.trigger = this.node.up('.star-trigger');
	}
	this.description_box = null;
	// attach behaviors
	if(this.trigger){
		this.trigger.observe('mouseover', this.triggerOver.bind(this));
		this.trigger.observe('mouseout', this.triggerOut.bind(this));
	}
	if(this.anchor){
		this.anchor.observe('click',this.starRequest.bind(this));
		this.anchor.observe('mouseover',this.starOver.bind(this));
	}
}

DAYLIFE.Star.prototype = {
	
	//methods
	
	buildDescriptionBox: function(){
		var description_text = (this.description) ? this.description : '[say why here]';
		var prompt_text = (this.is_public) ? 'Tell other Daylife users' : 'Note to self';
		this.description_box = $(Builder.node('div', { className: 'star_description'}, [
			this.node.cloneNode(true),
			Builder.node('a', { className: 'close-button', href: '#' }, '[x]'),
			Builder.node('span', { className: 'prompt' }, prompt_text),
			Builder.node('p', [
				Builder.node('span', 'I starred this because '),
				Builder.node('a', { className: 'description-text' }, description_text)
			]),
			Builder.node('form', { action: DAYLIFE.Globals.get_url('edit_description'), method: 'post', className: 'privacy' }, [
				Builder.node('input', { type: 'checkbox', name: 'is_private', value: 1 }),
				Builder.node('label', { 'for': 'name' }, 'Keep this item private')
			])
		]));
		Element.insert(document.getElementsByTagName('body')[0], this.description_box);
		var box_star = this.description_box.down('div.star-clicked');
		//just in case it cloned during the pulse effect:
		box_star.setStyle({ opacity: 1.0 });
		var box_close_button = this.description_box.down('a.close-button');
		var a_position = this.anchor.cumulativeOffset();
		var offleft = box_star.offsetLeft + 2;
		var offtop = box_star.offsetTop + 2;
		this.description_box.setStyle({ top: (a_position[1] - offtop) + 'px', left: (a_position[0] - offleft) + 'px'});
		// in case it got a not fully pulsated star...
		box_star.setStyle({ opacity: 1 });
		box_star.observe('click',this.starRequest.bind(this));
		box_close_button.observe('click',this.hideDescription.bind(this));
		this.description_box.edit_anchor = this.description_box.down('a.description-text');
		this.description_box.edit_anchor.observe('click', this.showDescriptionEditor.bind(this));
		if(!DAYLIFE.Globals.user_is_admin()){
			this.description_box.down('form.privacy').hide();
		}
		var privacy_box = this.description_box.down('input[type=checkbox]');
		if(!this.is_public) { privacy_box.checked = 'checked'; }
		privacy_box.observe('change', this.updatePrivacy.bind(this));
	},
	
	buildDescriptionEditor: function(){
		var action = DAYLIFE.Globals.get_url('edit_description');
		this.description_editor = $(Builder.node('form', { 'action': action, method: 'post' }, [
			Builder.node('input', { type: 'text', value: this.description, name: 'description', className: 'textfield', maxlength: 150 }),
			Builder.node('input', { type: 'submit', value: 'update', className: 'button' }),
			Builder.node('input', { type: 'reset', value: 'cancel', className: 'button' })
		]));
		var checkbox = this.description_box.down('input[type=checkbox]');
		if(DAYLIFE.Globals.user_is_admin()){
			Element.insert(checkbox, { before: this.description_editor } );
		}else{
			Element.insert(this.description_box, { bottom: this.description_editor });
		}
		this.description_editor.observe('reset', function(e){
			Event.stop(e);
			this.description_editor.getInputs('text')[0].value = this.description;
			this.hideDescriptionEditor();
		}.bind(this));
		this.description_editor.observe('submit', function(e){
			Event.stop(e);
			var url = this.description_editor.action;
			var params = this.description_editor.serialize(true);
			if(!params.description.match(/\S+/)){
				this.hideDescriptionEditor();
				return;
			}
			params.resource_id = this.id;
			params.name = this.name;
			if(!this.is_public){
				params.is_private = 1;
			}
			new Ajax.Request(
				url,
				{
					parameters: params,
					method: 'post'
				});
			// this should be done on success, but for now it requires more JS to make interaction clear...		
			this.description = params.description;
			this.description_box.edit_anchor.update(this.description);
			this.getDescriptionBoxBoundaries();
			this.hideDescriptionEditor();
			this.node.fire('star:updateStarred', { instance: this });
		}.bind(this));
	},
	
	getDescriptionBoxBoundaries: function(){
		var box_position = this.description_box.cumulativeOffset();
		this.description_box.boundaries = {
			left: box_position[0],
			right: box_position[0] + this.description_box.offsetWidth,
			top: box_position[1],
			bottom: box_position[1] + this.description_box.offsetHeight
		}
		return this.description_box.boundaries;
	},
	
	hideDescription: function(e){
		if(this.description_box){
			if(e) { Event.stop(e); }
			this.description_box.hide();
		}
	},
	
	hideDescriptionEditor: function(){
		this.description_editor.hide();
		this.description_box.edit_anchor.show();
	},
	
	observeDescriptionBox: function(){
		this.getDescriptionBoxBoundaries();
		this.description_box.observe('mouseout',function(e){
			if(!this.description_editor || !this.description_editor.visible()){
				var px = Event.pointerX(e);
				var py = Event.pointerY(e);
				if((px < this.description_box.boundaries.left || px > (this.description_box.boundaries.right-5)) || (py < this.description_box.boundaries.top || py > (this.description_box.boundaries.bottom -5))){
					this.hideDescription();
				}
			}
		}.bind(this));
	},
	
	parseStarringUrl: function(){
		if(this.anchor){
			var params = this.anchor.href.toQueryParams();
			this.id = params.resource_id;
			this.name = (params.name) ? params.name : params.search_string;
			if(this.name){
				this.name = decodeURIComponent(this.name.replace(/\+/g,' '));
			}
		}
	},
	
	showDescription: function(){
		if(!this.description_box){
			this.buildDescriptionBox();
		}
		this.description_box.show();
		if(!this.description_box.boundaries){
			this.observeDescriptionBox();
		}
	},
	
	showDescriptionEditor: function(){
		if(!this.description_editor){
			this.buildDescriptionEditor();
		}else{
			this.description_editor.show();
		}	
		this.description_editor.getInputs('text')[0].focus();
		this.description_box.edit_anchor.hide();
	},
	
	star: function(response){
		this.node.addClassName('star-clicked');
		this.node.removeClassName('star');
		// force it to display
		this.node.setStyle({display: 'block'});
		this.anchor.href = this.anchor.href.replace('action=star', 'action=unstar');
		if(response && response.internal_resource_id){
			//you starred a search!
			this.anchor.href = DAYLIFE.Globals.get_url('star_item') + "?name=" + this.name + "&resource_id=" + this.id + "&action=unstar";
		}
		this.is_starred = true;
		if(this.node.offsetHeight){ // only show if the star itself is visible?
			this.showDescription();
		}
	},
	
	starOver: function(e){
		if(this.is_starred){
			this.showDescription();
		}
	},
	
	starRequest: function(e){
		Event.stop(e);
		if(!DAYLIFE.Globals.user_logged_in()){
			//old code...
			show_splash('splash-not-logged-in');
			return;
		}
		var url = this.anchor.href;
		if (!this.is_public) {
			url += "&is_private=true";
		}
		if(this.description){
			url += "&description=" + encodeURIComponent(this.description);
		}
		var anchor = Event.findElement(e,'a');
		Effect.Pulsate(anchor, { duration: 1, from: 0.5, pulses: 2 });
		var pulse = window.setInterval(function(){ 
			Effect.Pulsate(anchor, { duration: 1, from: 0.5, pulses: 2 });
		}, 1000);
		new Ajax.Request(
			url,
			{
				method: 'get',
				onSuccess: function(transport){
					var response = transport.responseText.evalJSON(true);
					if(!this.is_starred){
						this.star(response);
					}else{
						this.unstar(response);
					}
					this.node.fire('star:updateStarred', { instance: this });
					window.clearInterval(pulse);
				}.bind(this),
				onFailure: function(){
					return false;
				}.bind(this)
			});
	},
	
	sync: function(model){
		if(model.is_starred != this.is_starred){
			if(model.is_starred){
				this.star();
			}else{
				this.unstar();
			}
		}
		var sync_props = $A(['id', 'name', 'description', 'is_public']);
		sync_props.each(function(prop){
			this[prop] = model[prop];
		}.bind(this));
		if(this.description_box){
			this.description_box.remove();
			delete this.description_box;
			delete this.description_editor;
		}
	},
	
	triggerOut: function(e){
		if(!this.is_starred){
			this.triggerout = window.setTimeout(function(){
				this.node.setStyle({display: 'none'});
			}.bind(this),200);
		}
	},
	
	triggerOver: function(e){
		if(this.triggerout){
			window.clearTimeout(this.triggerout);
			this.triggerout = null;
		}
		this.node.setStyle({display: 'block'});
	},
	
	unstar: function(response){
		this.node.addClassName('star');
		this.node.removeClassName('star-clicked');
		this.anchor.href = this.anchor.href.replace('action=unstar', 'action=star');
		this.is_starred = false;
		this.hideDescription();
	},
	
	updatePrivacy: function(e){
		var checkbox = Event.element(e);
		var form = checkbox.up('form');
		form.request({
			parameters: { resource_id: this.id, description: this.description, name: this.name },
			onSuccess: function(transport){
				this.is_public = ($F(checkbox) == 1) ? false : true;
				//update prompt:
				var prompt_text = (this.is_public) ? 'Tell other Daylife users' : 'Note to self';
				this.description_box.down('span.prompt').update(prompt_text);
				this.node.fire('star:updateStarred', { instance: this });
			}.bind(this)
		});
	}
	
}

if(Prototype.Browser.IE){
	// because IE is not finding this in time
	Event.observe(window, 'load', DAYLIFE.StarController.findStars);
} else {
	document.observe('dom:loaded', DAYLIFE.StarController.findStars);
}




DAYLIFE.EditInPlace = function(form){
	this.form = $(form);
	this.active_trigger;
	this.elements = this.form.getElements();
	this.labels = this.form.select('label');
	this.submit = new Element('input', { 'type': 'submit', 'class': 'button', 'value': 'update' });
	this.cancel = new Element('input', { 'type': 'reset', 'class': 'button', 'value': 'cancel' });
	this.buttons = new Element('fieldset', { 'class': 'buttons' });
	this.buttons.insert(this.submit);
	this.buttons.insert(this.cancel);
	this.form.addClassName('editable');
	this.form.observe('mouseover', this.routeOver);
	this.form.observe('mouseout', this.routeOut);
	this.form.observe('click', this.routeClick.bind(this));
	this.form.observe('reset', this.cancelEdit.bind(this));
	this.form.observe('submit', this.submitChange.bind(this));
}
	
DAYLIFE.EditInPlace.prototype = {

	cancelEdit: function(e){
		this.hideEditButtons();
		this.toggleEditField();
		this.active_trigger = null;
	},
	
	hideEditButtons: function(){
		this.buttons.removeClassName('editing');
	},
	
	routeClick: function(e){
		var element = e.element();
		if(element.hasClassName('edit')){
			this.startEdit(element);
		}
	},
	
	routeOut: function(e){
		var element = e.element();
		if(element.hasClassName('edit')){
			element.removeClassName('over');
		}
	},
	
	routeOver: function(e){
		var element = e.element();
		if(element.hasClassName('edit')){
			element.addClassName('over');
		}
	},
	
	showEditButtons: function(){
		var trigger = this.active_trigger;
		if(trigger && trigger.edits.field){
			var insert_after = (trigger.edits.label) ? trigger.edits.label : trigger.edits.field;
		}
		insert_after.insert({ 'after': this.buttons });
		this.buttons.addClassName('editing');
	},
	
	startEdit: function(trigger){
		if(trigger.readAttribute('title')){
			if(this.active_trigger && this.active_trigger != trigger){
				this.cancelEdit();
			}
			this.active_trigger = trigger;
			if(!trigger.edits){
				trigger.edits = {};
				var edits = trigger.readAttribute('title').replace('edit ','');
				if(edits) {
					trigger.edits.field = this.elements.find(function(elem){
						return elem.getAttribute('name') == edits;
					});
					trigger.edits.label = this.labels.find(function(label){
						return label.readAttribute('for') == edits;
					});
				}
			}
			this.showEditButtons();
			this.toggleEditField();
		}
	},
	
	submitChange: function(e){
		e.stop();
		this.submit.value = 'updating...';
		this.submit.disable();
		this.form.request({
			parameters: { redirect: null },
			onComplete: function(){
				this.submit.value = 'update';
				this.submit.enable();
				var update_str = '';
				// more manual than I'd like
				var field = this.active_trigger.edits.field;
				var field_tag = field.tagName.toLowerCase();
				if(field_tag == 'textarea' || (field_tag == 'input' && field.readAttribute('type') == 'text')){
					update_str = $F(field);
				}else if(field_tag == 'select'){
					update_str = field.options[field.selectedIndex].innerHTML;
					if(update_str != this.active_trigger.innerHTML){
						window.location.reload();
					}
				}else if(field_tag == 'input' && field.readAttribute('type') == 'checkbox'){
					update_str = ($F(field) == 1) ? 'private' : 'public';
				}
				this.active_trigger.update(update_str);
				this.cancelEdit();
			}.bind(this)
		});
	},
	
	toggleEditField: function(){
		var trigger = this.active_trigger;
		var field = trigger.edits.field;
		var label = trigger.edits.label;
		if(field){
			var is_editing = field.hasClassName('editing');
			(is_editing) ? field.removeClassName('editing') : field.addClassName('editing');
			if(label){
				(is_editing) ? label.removeClassName('editing') : label.addClassName('editing');
			}
			(is_editing) ? trigger.up().show() : trigger.up().hide();
		}
	}
}

document.observe('dom:loaded', function(){
	var eip_forms = $$('form.edit-in-place');
	if(eip_forms){
		eip_forms.each(function(eip){
			new DAYLIFE.EditInPlace(eip);
		})
	}
})


DAYLIFE.GalleryLayer = function(){
	var new_gallery_form, in_galleries_form, not_in_galleries_form, photo_info_form, photo_id, photo_description_label, photo_description_field, photo_name_label, photo_name_field, photo_collections_field, view_gallery_link;
	
	return {
		init: function(in_galleries_form_id, not_in_galleries_form_id, photo_info_form_id, new_gallery_form_id){
			in_galleries_form = $(in_galleries_form_id);
			not_in_galleries_form = $(not_in_galleries_form_id);
			photo_info_form = $(photo_info_form_id);
			new_gallery_form = $(new_gallery_form_id);
			if(in_galleries_form && not_in_galleries_form && photo_info_form){
				// more constants:
				photo_id = $F(photo_info_form.select('input[name=resource_id]')[0]);
				photo_description_field = photo_info_form.down('textarea');
				photo_description_label = photo_info_form.select('p.description')[0];
				photo_name_field = photo_info_form.down('input');
				photo_name_label = photo_info_form.select('p.titles')[0].down('strong');
				gallery_name_label = photo_name_label.next('strong');
				photo_collections_field = photo_info_form.select('input[name=collection_id]')[0];
				view_gallery_link = photo_info_form.select('a.view-link')[0];
				edit_photo_link = photo_info_form.select('a.edit-link')[0];
				photo_info_form.addClassName('editable');
				// behaviors: 
				in_galleries_form.observe('submit', this.addOrRemovePhoto.bind(this));
				in_galleries_form.down('select').observe('click', this.displayPhotoInfo.bind(this));
				not_in_galleries_form.observe('submit', this.addOrRemovePhoto.bind(this));
				photo_info_form.observe('submit', this.updatePhotoInfo.bind(this));
				photo_info_form.observe('reset', function(e){
					Event.stop(e);
					photo_info_form.removeClassName('editing');
					photo_info_form.addClassName('editable');
				});
				edit_photo_link.observe('click', function(e){
					Event.stop(e);
					photo_info_form.addClassName('editing');
					photo_info_form.removeClassName('editable');
				});
				new_gallery_form.observe('submit', this.addToNewGallery.bind(this));
			}
		},
		
		addOrRemovePhoto: function(e){
			Event.stop(e);
			var from = (Event.element(e) == in_galleries_form) ? in_galleries_form : not_in_galleries_form;
			var to = (from == in_galleries_form) ? not_in_galleries_form : in_galleries_form;
			from.request({
				parameters: { redirect: '' },
				onComplete: function(transport){
					to.enable();
					from.enable();
					var response = transport.responseText.evalJSON(true);
					var to_select = to.down('select');
					var options = from.select('option');
					options.each(function(option){
						if(response.collection_id.indexOf(option.value) != -1){
							option.remove();
							if(to == in_galleries_form){
								this.addOptionToInGalleries(option);
							} else {
								to_select.appendChild(option);
								if(in_galleries_form.select('option').length < 1) {
									photo_info_form.addClassName('empty');
								}
							}
						}
					}.bind(this))
				}.bind(this)
			});
			to.disable();
			from.disable();
		},
		
		addOptionToInGalleries: function(option){
			var in_select = in_galleries_form.down('select');
			in_select.appendChild(option);
			var options = in_select.select('option');
			in_select.selectedIndex = options.length - 1;
			var len = options.length;
			if(len == 1){
				photo_info_form.removeClassName('empty');
			}
			this.displayPhotoInfo();
			return len;
		},
		
		addToNewGallery: function(e){
			var error = this.validateNewGalleryForm();
			if(!error){
				new_gallery_form.request({
					parameters: { redirect: '' },
					onComplete: function(transport){
						new_gallery_form.enable();
						var response = transport.responseText.evalJSON(true);
						if(response.collection_id && response.collection_name){
							var option = Builder.node('option', { value: response.collection_id }, response.collection_name);
							this.addOptionToInGalleries(option);
							new_gallery_form.reset();
						}
					}.bind(this)
				});
				new_gallery_form.disable();
			} else {
				alert(error);
			}
			Event.stop(e);
		},
		
		displayPhotoInfo: function(e){
			var galleries = $F(in_galleries_form.down('select'));
			if(galleries && photo_info_form){
				var names = [];
				var options = in_galleries_form.select('option');
				options.each(function(option){
					if(galleries.indexOf(option.value)!=-1){
						names.push(option.innerHTML);
					}
				});
				if(galleries.length == 1){
					photo_info_form.addClassName('updating');
					new Ajax.Request(
						DAYLIFE.Globals.get_url('get_from_gallery'),
						{
							method: 'get',
							parameters: { collection_id: galleries[0], resource_id: photo_id },
							onSuccess: function(transport){
								var response = transport.responseText.evalJSON(true);
								var collection_id = response.collection_id;
								var display_name = response.resource.display_name;
								var description = response.resource.description;
								gallery_name_label.update(names[0]);
								photo_name_label.update(display_name);
								photo_name_field.value = display_name;
								photo_description_label.update(description);
								photo_description_field.value = description;
								photo_collections_field.value = collection_id;
								view_gallery_link.href = view_gallery_link.href.replace(/gallery\/*\w*/, 'gallery/' + collection_id);
								photo_info_form.removeClassName('updating');
								view_gallery_link.show();
							}
						});
				} else if(galleries.length > 1){
					gallery_name_label.update(names.join(', '));
					photo_name_label.update('Untitled');
					photo_name_field.value = '';
					photo_description_label.update();
					photo_description_field.value = '';
					photo_collections_field.value = galleries.join(',');
					view_gallery_link.hide();
				}
			}
		},
		
		validateNewGalleryForm: function(){
			var error = [];
			var inputs = new_gallery_form.getInputs('text');
			var name = $F(inputs[0]);
			if(!name){
				error.push('You must give the gallery a name.');
			} else if (name.length > 250) {
				error.push('The gallery name cannot be longer than 250 characters.');
			}
			if(error.length > 0){
				error = error.join('\n');
			} else {
				error = null;
			}
			return error;
		},
		
		validatePhotoInfoForm: function(){
			var error = [];
			var name = $F(photo_name_field);
			if(!name){
				error.push('You must give the photo a name.');
			} else if (name.length > 255) {
				error.push('The photo name cannot be longer than 255 characters.');
			}
			if(error.length > 0){
				error = error.join('\n');
			} else {
				error = null;
			}
			return error;
		},
		
		updatePhotoInfo: function(e){
			var error = this.validatePhotoInfoForm();
			if(!error){
				var collection_ids = photo_collections_field.value.split(',');
				if(collection_ids[1]){
					params = { 'collection_id[]': collection_ids, collection_id: null  }
				} else {
					params = { collection_id: collection_ids[0] }
				}
				params.redirect = '';
				var submit_button = photo_info_form.select('input[type=submit]')[0];
				if(submit_button){
					submit_button.value = 'updating...';
					submit_button.disable();
				}
				photo_info_form.request({
					parameters: params,
					onSuccess: function(transport){
						var response = transport.responseText.evalJSON(true);
						photo_info_form.addClassName('editable');
						photo_info_form.removeClassName('editing');
						photo_name_label.update(response.display_name);
						photo_description_label.update(response.description);
						if(submit_button){
							submit_button.value = 'update';
							submit_button.enable();
						}
					}
				});
			}else{
				alert(error);
			}			
			Event.stop(e);
		}
	}
}();


if(!DAYLIFE){
	var DAYLIFE = {}
}

DAYLIFE.SearchForm = function(){
	
	var the_form, button_submit, input_q, button_advanced, advanced_options, p_errors, as_more, positioned;
	var default_text = 'Search the world\'s news here';
	
	return {
		init:function(form_id, default_str){
			the_form = $(form_id);
			if(default_str){
				default_text = default_str;
			}
			if(the_form){
				button_submit = the_form.getInputs('image')[0];
				button_advanced = the_form.getInputs('image')[1];
				input_q = the_form.getInputs('text')[0];
				p_errors = the_form.select('p.errors')[0];
				advanced_options = the_form.select('dl')[0];
				the_form.observe('click', this.routeClick.bind(this));
				the_form.observe('submit', function(e){
					e.stop();
					if(this.validate()){
						the_form.submit();
					}
				}.bind(this));
				input_q.observe('focus', this.clearDefault.bind(this));
				the_form.observe('mouseover', this.rollover);
				the_form.observe('mouseout', this.rollover);
			}
			document.observe('click', function(){
				this.toggleAdvanced('hide');
			}.bind(this));
		},
		
		clearDefault: function(){
			if($F(input_q)==default_text){
				input_q.value = '';
				input_q.removeClassName('default');
			}
		},
		
		clearErrors: function(){
			p_errors.update();
		},
		
		positionAdvanced: function(){
			// I THOUGHT I'D NEVER HAVE TO DO THIS AGAIN!!!
			if(Prototype.Browser.IE){
				the_form.up().appendChild(advanced_options);
				var offset = button_submit.cumulativeOffset();
				advanced_options.setStyle({
					top: offset.top + button_submit.offsetHeight + 'px',
					left: button_submit.offsetLeft + the_form.offsetLeft + 'px'
				});
				advanced_options.observe('click', this.routeClick.bind(this));
				positioned = true;
			}
		},
		
		routeClick: function(e){
			var element = e.element();
			switch(element){
				case button_advanced:
					e.stop();
					this.toggleAdvanced();
					break;
				case p_errors:
					e.stop();
					p_errors.hide();
					input_q.focus();
					break;
				default:
					if(element.tagName.toLowerCase()=='a'){
						if(element.hasClassName('close')){
							e.stop();
							this.toggleAdvanced('hide');
						}
						var rel = element.getAttribute('rel');
						if(rel=='filter'){
							var href = element.getAttribute('href');
							the_form.action = href;
							var query_params = href.replace(/\+/g,' ').toQueryParams();
							delete query_params['q'];
							e.stop();
							if(this.validate()){
								the_form.submitPlus(query_params);
							}
						}else if(rel=='more'){
							e.stop();
							this.toggleMore(element);
						}
					}
			}
		},
		
		rollover: function(e){
			var element = e.element();
			switch(element){
				case button_submit:
				case button_advanced:
					if(element == button_submit || (element == button_advanced && !advanced_options.visible())){
						var src = element.getAttribute('src');
						if(e.type == 'mouseover'){
							element.src = src.replace('-off', '-on');
						}else{
							element.src = src.replace('-on', '-off');
						}
					}
					break;
			}
			
		},
		
		showErrors: function(errors){
			var str = errors.join(' ')
			p_errors.update(str);
			p_errors.setStyle({ display: 'block' });
			new Effect.Highlight(p_errors, { duration: 2.0, startcolor:'#ff0000', endcolor: '#ffffff' })
			this.toggleAdvanced('hide');
		},
		
		toggleAdvanced: function(state){
			var advsrc = button_advanced.getAttribute('src');
			var sbmsrc = button_submit.getAttribute('src');
			if(advanced_options.visible() || state == 'hide'){
				advanced_options.hide();
				button_advanced.src = advsrc.replace(/-(on|open)/, '-off');
				button_submit.src = sbmsrc.replace('-open', '');
			}else{
				if(Prototype.Browser.IE && !positioned){
					this.positionAdvanced();
				}
				advanced_options.show();
				button_advanced.src = advsrc.replace('-on', '-open');
				button_submit.src = sbmsrc.replace('.gif', '-open.gif');
			}
		},
		
		toggleMore: function(a){
			var dd_more = a.up('dd');
			var next = dd_more.next();
			var hide = next.visible();
			if(hide){
				a.update(a.innerHTML.replace('Hide', 'See'));
			}else{
				a.update(a.innerHTML.replace('See', 'Hide'));
			}
			while(next && next.tagName.toLowerCase() == 'dd'){
				if(hide){
					next.hide();
				}else{
					next.show();
				}
				next = next.next();
			}
		},
		
		validate: function(e){
			if(e){
				e.stop();
			}
			var errors = [];
			var query = $F(input_q);
			if(query==default_text || query==''){
				errors.push('Please enter a search term.');
			}
			if(errors.length>0){
				this.showErrors(errors);
				return false;
			}else{
				return true;
			}
		}
	}
}();

DAYLIFE.SiteNav = function(){
	
	var site_nav, site_nav_preview, site_nav_buttons, preview_map, banner_corner, feedback_link, preview_closer;
	//preload the background
	new Element('img', { 'src': DAYLIFE.Globals.get_url('img') + 'header/slider_bg_opaque.png' });
	
	return {
		init: function(site_nav_id, site_nav_preview_id, corner_img_id, feedback_link_id){
			site_nav = $(site_nav_id);
			site_nav_preview = $(site_nav_preview_id);
			site_nav_buttons = site_nav.select('li');
			banner_corner = $(corner_img_id);
			feedback_link = $(feedback_link_id);
			preview_map = $H();
			if(site_nav){
				site_nav.observe('click',this.togglePreview.bind(this));
			}
			document.observe('click', this.closePreview.bind(this));
			if(site_nav_preview){
				DAYLIFE.PhotoController.observe(site_nav_preview);
			}
			if(feedback_link){
				feedback_link.observe('click', function(e){
					show_splash('splash-feedback');
					e.stop();
				})
			}
			
		},
		
		closePreview: function(e){
			if(site_nav_buttons && !e.element().up('#'+site_nav_preview.getAttribute('id'))){
				site_nav_buttons.each(function(button){
					if(button.hasClassName('open')){
						button.removeClassName('open');
						this.hidePreview(button);
						site_nav_preview.setStyle({ display: 'none' });
						if(banner_corner && !Prototype.Browser.IE6){
							banner_corner.setStyle({display: 'block'});
						}
						return;
					}
				}.bind(this));
			}
		},
		
		getPreview: function(li){
			var key = (li.tagName) ? li.id : li;
			var preview = preview_map.get(key);
			if(!preview){
				var preview = $(key.replace('muku_site_nav','muku_site_nav_preview'));
				preview_map.set(key, preview); 
			}
			return preview;
		},
		
		hidePreview: function(li){
			var preview = this.getPreview(li);
			if(preview){
				preview.setStyle({display: 'none'});
			}
		},
		
		showPreview: function(li){
			var preview = this.getPreview(li);
			if(preview){
				preview.setStyle({display: 'block'});
			}
			// INSANE IE6 rendering hackeroonie
			if(Prototype.Browser.IE6 && !li.jiggled){
				preview.setStyle({visibilty: 'hidden'});
				window.setTimeout(function(){
					this.hidePreview(li);
					li.jiggled = true;
					this.showPreview(li);
					preview.setStyle({visibilty: 'visible'});
				}.bind(this), 200)
			}
		},
		
		togglePreview: function(e){
			var element = e.element();
			if(element.tagName.toLowerCase()=="a" && element.hasClassName('preview')){
				var a = element;
				var li = a.up('li');
				if(li.hasClassName('open')){
					li.removeClassName('open');
					this.hidePreview(li);
					site_nav_preview.setStyle({ display: 'none' });
					if(banner_corner && !Prototype.Browser.IE6){
						banner_corner.setStyle({display: 'block'});
					}
				}else{
					li.addClassName('open');
					site_nav_buttons.each(function(button){
						if(button!=li){
							button.removeClassName('open');
							this.hidePreview(button);
						}else{
							this.showPreview(button);
						}
					}.bind(this));
					site_nav_preview.setStyle({ display: 'block' })					
					if(banner_corner && !Prototype.Browser.IE6){
						banner_corner.setStyle({display: 'none'});
					}
				}
				e.stop();
			}
		}
	}
}();

DAYLIFE.PhotoMatrix = function(){
	
	var matrix_container, image_data, callout, callout_image, callout_caption, callout_timestamp, callout_link;
	var close_timer = 0;
	
	return {
		init: function(matrix_container_id, matrix_callout_id){
			matrix_container = $(matrix_container_id);
			callout = $(matrix_callout_id);
			callout_image = callout.down('img');
			callout_caption = callout.down('span.caption');
			callout_timestamp = callout.down('span.timestamp');
			var module = matrix_container.up('div.module-type-photomatrix');
			if(matrix_container){
				if(image_data){
					//preload thumbnails
					image_data.each(function(image){
						new Element('img', { 'src': image.value.src });
					})
				}
				if(module){
					module.observe('mouseover', this.routeMouse.bind(this));
					module.observe('mouseout', this.routeMouse.bind(this));
				}
			}
		},
		
		hideCallout: function(element){
			window.clearTimeout(close_timer);
			close_timer = window.setTimeout(function(){
				callout.setStyle({'display': 'none'});
			}, 200);
		},
		
		routeMouse: function(e){
			var element = e.element();
			if(element.tagName.toLowerCase()=='img'){
				e.stop();
				(e.type == 'mouseover') ? this.showCallout(element) : this.hideCallout(element);
			}
			var tooltip_a = e.findElement('a.tooltip');
			if(tooltip_a){
				tooltip = tooltip_a.down('p');
				var display = (e.type == 'mouseover') ? 'block' : 'none';
				tooltip.setStyle({'display': display});
				tooltip_a.title = '';
			}
		},
		
		setImageData: function(data_hash){
			image_data = new Hash(data_hash);
		},
		
		showCallout: function(element){
			var a = element.up('a.dna');
			if(a){
				var href = a.getAttribute('href');
				var matches = href.match(/0[\w]{12}/);
				var id = matches[0];
				if(id){
					window.clearTimeout(close_timer);
					var data = image_data.get(id);
					callout_caption.update(data.caption);
					callout_image.setAttribute('src', data.src);
					//callout_link.setAttribute('href', href);
					callout_timestamp.update(data.timestamp);
					var more_left = (Prototype.Browser.IE) ? a.up().offsetLeft : 0;
					var left = a.offsetLeft + + more_left + a.offsetWidth + 3 + 'px';
					callout.setStyle({'left': left, 'display': 'block'});
				}
			}
		}
		
	}
}();

DAYLIFE.SmallNav = function(){
	
	return {
		init: function(){
			var navs = $$('div.element-type-smallnav');
			navs.each(function(nav){
				nav.observe('click', this.routeClick.bind(this));
			}.bind(this))
		},
		
		changePlacemarker: function(a_placemarker){
			if(a_placemarker){
				a_placemarker.addClassName('selected');
				li = a_placemarker.up('li');
				var siblings = li.siblings();
				siblings.each(function(sibling){
					sibling.down('a').removeClassName('selected');
				})
			}
		},
		
		navigateTo: function(a_placemarker){
			if(a_placemarker){
				var href = a_placemarker.getAttribute('href');
				var matches = href.match(/\#(\w*)/);
				if(matches){
					var selected = $(matches[1]);
					if(selected){
						selected.show();
						var siblings = selected.siblings();
						siblings.invoke('hide');
						this.changePlacemarker(a_placemarker);
					}
				}
			}		
		},
		
		routeClick: function(e){
			var element = e.element();
			// for IEs
			if(element.tagName.toLowerCase() == 'span' && element.up().tagName.toLowerCase() == 'a'){
				element = element.up();
			}
			if(element.tagName.toLowerCase() == 'a'){
				if(element.hasClassName('placemarker')){
					e.stop();
					this.navigateTo(element);
				}else if(element.hasClassName('arrow')){
					e.stop();
					var smallnav = element.up('div.element-type-smallnav');
					var placemarkers = smallnav.down('ul.placemarkers');
					var selected = placemarkers.select('a.selected')[0];
					if(selected){
						var li = element.up('li');
						var change_to_li = (li.previous()) ? selected.up('li').next() : selected.up('li').previous();
						if(change_to_li){
							this.navigateTo(change_to_li.down('a'));
						}
					}
				}
			}
		}
		
	}
}();

document.observe('dom:loaded', function(){
	DAYLIFE.SmallNav.init();
})

if(!DAYLIFE){
	var DAYLIFE = {}
}

DAYLIFE.RelatedController = function(){
	// private vars
	related_modules = $A([]);
	
	return {
		clearRelatedModules: function(){
			related_modules = $A([]);
		},
		
		findRelatedModules: function(){
			var related_divs = $$('div.module-type-related');
			related_divs.each(function(div){
				var related_module = new DAYLIFE.RelatedModule(div);
				related_modules.push(related_module);
			});
		},
		
		getInstance: function(e){
			var found_instance = false;
			var node = e.memo.node;
			related_modules.each(function(module){
				if(module.node == node){
					found_instance = true;
					module.update();
				}
			});
			if(found_instance == false){
				var related_module = new DAYLIFE.RelatedModule(node);
				related_modules.push(node);
				related_module.update();
			}
		}
	}
}();

DAYLIFE.RelatedModule = function(node){
	this.node = $(node);
	var match = node.id.match(/related_for_(0[\w]{12})/);
	this.resource_id = (match) ? match[1] : null;
	match = node.id.match(/newsfeed_([0-9]+)/);
	this.newsfeed_id = (match) ? match[1] : null;
	this.updated = (this.node.hasClassName('placeholder')) ? false : true;
	this.activate();
}

document.observe('newsfeed:getRelated', DAYLIFE.RelatedController.getInstance);

DAYLIFE.RelatedModule.prototype = {
	
	activate: function(){
		this.node.observe('click', this.routeClick.bind(this));
	},
	
	routeClick: function(e){
		var element = e.element();
		var tab = (element.hasClassName('tab')) ? element : null;
		if(tab){
			e.stop();
			this.switchTabs(tab);
		}else if(element.hasClassName('arrow')){
			e.stop();
			this.paginate(element);
		}
	},
	
	paginate: function(arrow_a){
		var current_pagination = arrow_a.up('div');
		var current_row = current_pagination.previous('ul');
		var show_row = (arrow_a.getAttribute('title') == 'next') ? current_pagination.next('ul') : current_row.previous('ul');
		var show_pagination = show_row.next('div');
		if(show_row){
			show_row.show();
			show_pagination.show();
			show_row.siblings().each(function(row){
				if(row != show_pagination){
					row.hide();
				}
			});
		}
	},
	
	switchTabs: function(tab_a){
		var li = tab_a.up();
		if(!li.hasClassName('selected')){
			li.addClassName('selected');
			li.siblings().invoke('removeClassName', 'selected');
			var content = li.up('div.module-content');
			var panels = content.select('div.panel');
			for(var i=0;i<panels.length;i++){
				if(tab_a.getAttribute('rel') == i){
					panels[i].show();
				}else{
					panels[i].hide();
				}
			}
		}
	},
	
	update: function(){
		if(!this.updated){
			new Ajax.Request(
				DAYLIFE.Globals.get_url('get_related'),
				{
					method: 'get',
					parameters: {
						'resource_id' : this.resource_id,
						'newsfeed_id' : this.newsfeed_id
					},
					onSuccess: function(transport){
						var response = transport.responseText;
						var node_parent = this.node.up();
						var node_id = this.node.id;
						this.node.update(response);
						this.updated = true;
					}.bind(this),
					onFailure: function(){
						return false;
					}.bind(this)
				});
		}
	}
	
}

if(Prototype.Browser.IE){
	// because IE is not finding this in time
	Event.observe(window, 'load', DAYLIFE.RelatedController.findRelatedModules);
} else {
	document.observe('dom:loaded', DAYLIFE.RelatedController.findRelatedModules);
}



DAYLIFE.PhotoController = function(){
	
	var detail_divs = $A();
	var body, body_offset; //for IE fix
	
	return {
		observe: function(to_observe){
			to_observe = $(to_observe);
			if(to_observe){
				to_observe.observe('mouseover', this.toggleDetails.bind(this));
				to_observe.observe('mouseout', this.toggleDetails.bind(this));
			}
		},
		
		toggleDetails: function(e){
			var element = e.element();
			if(element.tagName.toLowerCase()=='img'){
				var photo = element.up('div.element-type-photo');
				if(photo) {
					if(photo.detail_index == null){
						var details = photo.down('div.details');
						photo.detail_index = detail_divs.length;
						detail_divs.push(details);
						if(Prototype.Browser.IE){
							element.setAttribute('alt', ''); //or we get conflicting tooltip
						}
					}else{
						var details = detail_divs[photo.detail_index];
					}
					if(details){
						if(Prototype.Browser.IE && !details.is_absolute){
							body = (!body) ? $$('body')[0] : body;
							var body_offset = (!body_offset) ? body.cumulativeOffset() : body_offset;
							var offset = details.cumulativeOffset();
							var photo_width = photo.offsetWidth;
							var styled_width = parseInt(details.getStyle('width'));
							if(photo.hasClassName('bordered-photo')){
								var add_offleft = (details.hasClassName('hang-right')) ? photo_width - styled_width - 9 : 9;
								var add_offtop = -10;
							}else{
								var add_offleft = (photo.hasClassName('right')) ? photo_width - styled_width : photo_width/2 - styled_width/2;
								var add_offtop = -3;
							}
							var offleft = offset.left - body_offset.left + add_offleft + 'px';
							var bgimage = details.getStyle('background-image');
							body.appendChild(details);
							var styles = {
								'left': offleft, 
								'top': (offset.top + photo.offsetHeight + add_offtop) + 'px',
								'backgroundImage' : bgimage
							}
							if(photo.hasClassName('right')){
								styles['backgroundPosition'] = 'top right';
							}
							if(photo.up('div.preview')){
								styles['zIndex'] = '5000';
							}
							details.setStyle(styles);
							details.is_absolute = true;
							details.removeClassName('details');
							details.addClassName('absolute-photo-details');
							if(photo.hasClassName('bordered-photo')){
								details.addClassName('bordered-photo');
							}
						}
						if(e.type=='mouseover'){
							details.setStyle({ display: 'block' });
						}else{
							details.setStyle({ display: 'none' });
						}
					}
				}
			}
		}
	}
}();

if(!DAYLIFE){
	var DAYLIFE = {}
}

DAYLIFE.Newsfeed = function(){
	
	var newsfeed_module, newsfeed_tabs, newsfeed_loading;
	
	return {
		init: function(module, tabs){
			newsfeed_module = module;
			if(newsfeed_module){
				newsfeed_module.observe('click', this.toggleExpanded);
			}
			newsfeed_tabs = tabs;
			if(newsfeed_tabs){
				newsfeed_loading = newsfeed_tabs.down('img');
				newsfeed_tabs.observe('click', this.toggleCategory.bind(this));
			}
		},
		
		toggleExpanded: function(e){
			var element = e.element();
			// for ie
			if(element.tagName.toLowerCase() == 'span'){
				var explore = element.up('a.explore');
				if(explore){
					element = explore;
				}
			}
			if(element.hasClassName('explore')){
				e.stop();
				var display_to = (element.hasClassName('collapse')) ? 'none' : 'block';
				var remove = (display_to == 'none') ? 'collapse' : 'expand';
				var add = (display_to == 'block') ? 'collapse' : 'expand';
				element.removeClassName(remove);
				element.addClassName(add);
				var container = element.up('div.story-related-container');
				var story_element = element.up('div.element-type-story');
				var related_module_node = story_element.next('div.module-type-related');
				if(related_module_node){
					related_module_node.setStyle({ 'display': display_to });
					if(display_to == 'block'){
						element.fire('newsfeed:getRelated', { 'node': related_module_node  });
					}
				}
				var more_div = story_element.down('div.more');
				if(more_div){
					more_div.setStyle({ 'display': display_to });
				}
				e.stop();
			}
		},

		replaceStories: function(category){
			newsfeed_loading.show();
			new Ajax.Request(
				DAYLIFE.Globals.get_url('get_newsfeed'),
				{
					method: 'get',
					parameters: {
						'category' : category
					},
					onSuccess: function(transport){
						var response = transport.responseText;
						newsfeed_module.update(response);
						DAYLIFE.RelatedController.clearRelatedModules();
						DAYLIFE.RelatedController.findRelatedModules();
						DAYLIFE.StarController.scanForStars(newsfeed_module);
						newsfeed_loading.hide();
						// handle ie display bugs:
						if(Prototype.Browser.IE){
							newsfeed_module.addClassName('updated');
						}
					}
				});
		},

		toggleCategory: function(e){
			var element = e.element();
			if(element.hasClassName('tab')){
				e.stop();
				var li = element.up();
				if(!li.hasClassName('selected')){
					//get the data AND...
					li.addClassName('selected');
					li.siblings().invoke('removeClassName', 'selected');
					var category = element.getAttribute('rel');
					this.replaceStories(category);
				}
			}
		}
	}
	
}();

if(!DAYLIFE){
	var DAYLIFE = {}
}

DAYLIFE.Modals = function(){
	
	var modals = $H({});
	
	return {
		init: function(){
			
		},
		
		getModal: function(id, view){
			var the_modal = modals.get(id);
			if(!the_modal){
				the_modal = new DAYLIFE.Modal(id, view);
				modals.set(id, the_modal);
			}
			return the_modal;
		},
		
		show: function(id, view){
			this.getModal(id, view).show();
			modals.each(function(modal){
				if(modal.key!=id){
					modal.value.hide();
				}
			});
		},
		
		refresh: function(id){
			this.getModal(id).refresh();
		}
	}
	
}();

DAYLIFE.Modal = function(id, view){
	this.node = null;
	this.box = null;
	this.id = id;
	this.view = view;
}

DAYLIFE.Modal.prototype = {
	makeTemplate: function(callback){
		this.node = new Element('div', { id: 'modal_' + this.id, className: 'module-type-modal', style: 'display: none' });
		this.node.appendChild(new Element('div', { className: 'modal-mask' }));
		this.box = this.node.appendChild(new Element('div', { className: 'modal-box' }));
		this.box.appendChild(new Element('p').update('LOADING...'));
		$$('body')[0].appendChild(this.node);
		this.node.observe('click', this.routeClick.bind(this));
		this.node.observe('submit', this.submit.bind(this));
		this.refresh();
	},
	
	hide: function(){
		if(this.node){
			this.node.hide();
		}
	},
	
	refresh: function(params){
		if(!this.node){
			this.makeTemplate();
		}
		if(this.view){
			new Ajax.Request(this.view, {
			  method: 'get',
				parameters: params,
			  onSuccess: function(r) {
					this.box.update(r.responseText);
			  }.bind(this)
			});
		}
	},
	
	routeClick: function(e){
		var element = e.element();
		switch(element.tagName.toLowerCase()){
			case 'input':
				if(element.getAttribute('type')=='button' && element.getAttribute('value')=='cancel'){
					this.hide();
				}
			break;
		}
		
	},
	
	show: function(){
		if(!this.node){
			this.makeTemplate();
		}
		this.node.show();
	},
	
	submit: function(e){
		var element = e.element();
		e.stop();
	}
}

if(!DAYLIFE){
	var DAYLIFE = {}
}

DAYLIFE.Share = function(){
	
	var social_sites = $A([
		$H({
			name: 'Facebook',
			url: new Template('http://www.facebook.com/sharer.php?u=#{url}&t=#{title}'),
			cname: 'facebook',
			window_attributes: 'toolbar=0,status=0,width=626,height=436'
		}),
		$H({
			name: 'Tumblr',
			url: new Template('http://www.tumblr.com/share?v=3&u=#{url}&t=#{title}'),
			cname: 'tumblr',
			window_attributes: 'toolbar=0,status=0,width=626,height=436'
		}),
		$H({
			name: 'del.icio.us',
			url: new Template('http://del.icio.us/post?url=#{url}&title=#{title}'),
			cname: 'delicious',
			window_attributes: 'toolbar=0,status=0,width=590,height=600,resizable=yes,scrollbars=yes'
		}),
		$H({
			name: 'Digg',
			url: new Template('http://digg.com/submit?url=#{url}&title=#{title}&bodytext=#{description}&media=#{media}&topic=#{topic}'),
			cname: 'digg',
			window_attributes: 'toolbar=0,status=0,width=800,height=600,resizable=yes,scrollbars=yes'
		}),
		$H({
			name: 'StumbleUpon',
			url: new Template('http://www.stumbleupon.com/submit?url=#{url}&title=#{title}'),
			cname: 'stumbleupon',
			window_attributes: 'toolbar=0,status=0,width=800,height=600,resizable=yes,scrollbars=yes'
		})
	]);
	
	var future_sites = $A([
		$H({
			name: 'Newsvine',
			url: new Template('http://www.newsvine.com/_wine/save?popoff=1&u=#{url}'),
			cname: 'newsvine',
			window_attributes: 'toolbar=0,status=0,width=590,height=600,resizable=yes,scrollbars=yes'
		})
	]);
	var share_box, social_sites_ul, last_clicked;
	
	
	return {
		init: function(){
			document.observe('click', this.toggleList.bind(this));
		},
		
		buildShareBox: function(){
			share_box = new Element('div', { id: 'share_box' });
			var social_sites_ul = new Element('ul');
			social_sites.each(function(site){
				var msg = site.get('name');
				var li = new Element('li');
				var a = new Element('a', { href: '', title: msg, className: 'do-share ' + site.get('cname') }).update(msg);
				site.set('node', li.appendChild(a));
				social_sites_ul.appendChild(li);
			});
			share_box.setStyle({ display: 'none' });
			share_box.appendChild(social_sites_ul);
			$$('body')[0].appendChild(share_box);
		},
		
		toggleList: function(e){
			var element = e.element();
			var up = element.up('a.share');
			if(element.hasClassName('share') || up){
				if(up){ 
					element = up; 
				}
				e.stop();
				if(!share_box || !share_box.visible() || (share_box && share_box.visible() && element != last_clicked)){
					this.updateShareBox({ url: encodeURIComponent(element.href), title: encodeURIComponent(element.title) });
					var offsets = element.cumulativeOffset();
					share_box.setStyle({
						left: offsets.left + 'px',
						top: offsets.top + element.offsetHeight + 'px'
					})
					share_box.show();
					last_clicked = element;
				}else{
					share_box.hide();
				}
			}else if(element.hasClassName('do-share')){
				e.stop();
				social_sites.each(function(site){
					if(element == site.get('node') && site.get('window_attributes')){
						var win = site.get('window');
						if(!win || win.closed){
							win = window.open(element.href, site.get('cname'), site.get('window_attributes'));
							site.set('window', win);
						}
						win.focus();
						return;
					}
				});
			}else{
				if(share_box){
					share_box.hide();
				}
			}
		},
		
		updateShareBox: function(meta){
			if(!share_box){
				this.buildShareBox();
			}
			social_sites.each(function(site){
				var node = site.get('node');
				if(node){
					node.href = site.get('url').evaluate(meta);
				}
			})
		}
		
	}
	
}();

document.observe('dom:loaded', function() { DAYLIFE.Share.init() });