Added Canvas 1.1.0, originally not under SCM so no historical development records...

[canvas.git] / res / js / prototype.lb.js

/*  Prototype JavaScript framework, version 1.4.0\r
 *  (c) 2005 Sam Stephenson <sam@conio.net>\r
 *\r
 *  THIS FILE IS AUTOMATICALLY GENERATED. When sending patches, please diff\r
 *  against the source tree, available from the Prototype darcs repository.\r
 *\r
 *  Prototype is freely distributable under the terms of an MIT-style license.\r
 *\r
 *  For details, see the Prototype web site: http://prototype.conio.net/\r
 *\r
/*--------------------------------------------------------------------------*/\r
\r
var Prototype = {\r
  Version: '1.4.0',\r
  ScriptFragment: '(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)',\r
\r
  emptyFunction: function() {},\r
  K: function(x) {return x}\r
}\r
\r
var Class = {\r
  create: function() {\r
    return function() {\r
      this.initialize.apply(this, arguments);\r
    }\r
  }\r
}\r
\r
var Abstract = new Object();\r
\r
Object.extend = function(destination, source) {\r
  for (property in source) {\r
    destination[property] = source[property];\r
  }\r
  return destination;\r
}\r
\r
Object.inspect = function(object) {\r
  try {\r
    if (object == undefined) return 'undefined';\r
    if (object == null) return 'null';\r
    return object.inspect ? object.inspect() : object.toString();\r
  } catch (e) {\r
    if (e instanceof RangeError) return '...';\r
    throw e;\r
  }\r
}\r
\r
Function.prototype.bind = function() {\r
  var __method = this, args = $A(arguments), object = args.shift();\r
  return function() {\r
    return __method.apply(object, args.concat($A(arguments)));\r
  }\r
}\r
\r
Function.prototype.bindAsEventListener = function(object) {\r
  var __method = this;\r
  return function(event) {\r
    return __method.call(object, event || window.event);\r
  }\r
}\r
\r
Object.extend(Number.prototype, {\r
  toColorPart: function() {\r
    var digits = this.toString(16);\r
    if (this < 16) return '0' + digits;\r
    return digits;\r
  },\r
\r
  succ: function() {\r
    return this + 1;\r
  },\r
\r
  times: function(iterator) {\r
    $R(0, this, true).each(iterator);\r
    return this;\r
  }\r
});\r
\r
var Try = {\r
  these: function() {\r
    var returnValue;\r
\r
    for (var i = 0; i < arguments.length; i++) {\r
      var lambda = arguments[i];\r
      try {\r
        returnValue = lambda();\r
        break;\r
      } catch (e) {}\r
    }\r
\r
    return returnValue;\r
  }\r
}\r
\r
/*--------------------------------------------------------------------------*/\r
\r
var PeriodicalExecuter = Class.create();\r
PeriodicalExecuter.prototype = {\r
  initialize: function(callback, frequency) {\r
    this.callback = callback;\r
    this.frequency = frequency;\r
    this.currentlyExecuting = false;\r
\r
    this.registerCallback();\r
  },\r
\r
  registerCallback: function() {\r
    setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);\r
  },\r
\r
  onTimerEvent: function() {\r
    if (!this.currentlyExecuting) {\r
      try {\r
        this.currentlyExecuting = true;\r
        this.callback();\r
      } finally {\r
        this.currentlyExecuting = false;\r
      }\r
    }\r
  }\r
}\r
\r
/*--------------------------------------------------------------------------*/\r
\r
function $() {\r
  var elements = new Array();\r
\r
  for (var i = 0; i < arguments.length; i++) {\r
    var element = arguments[i];\r
    if (typeof element == 'string')\r
      element = document.getElementById(element);\r
\r
    if (arguments.length == 1)\r
      return element;\r
\r
    elements.push(element);\r
  }\r
\r
  return elements;\r
}\r
Object.extend(String.prototype, {\r
  stripTags: function() {\r
    return this.replace(/<\/?[^>]+>/gi, '');\r
  },\r
\r
  stripScripts: function() {\r
    return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');\r
  },\r
\r
  extractScripts: function() {\r
    var matchAll = new RegExp(Prototype.ScriptFragment, 'img');\r
    var matchOne = new RegExp(Prototype.ScriptFragment, 'im');\r
    return (this.match(matchAll) || []).map(function(scriptTag) {\r
      return (scriptTag.match(matchOne) || ['', ''])[1];\r
    });\r
  },\r
\r
  evalScripts: function() {\r
    return this.extractScripts().map(eval);\r
  },\r
\r
  escapeHTML: function() {\r
    var div = document.createElement('div');\r
    var text = document.createTextNode(this);\r
    div.appendChild(text);\r
    return div.innerHTML;\r
  },\r
\r
  unescapeHTML: function() {\r
    var div = document.createElement('div');\r
    div.innerHTML = this.stripTags();\r
    return div.childNodes[0] ? div.childNodes[0].nodeValue : '';\r
  },\r
\r
  toQueryParams: function() {\r
    var pairs = this.match(/^\??(.*)$/)[1].split('&');\r
    return pairs.inject({}, function(params, pairString) {\r
      var pair = pairString.split('=');\r
      params[pair[0]] = pair[1];\r
      return params;\r
    });\r
  },\r
\r
  toArray: function() {\r
    return this.split('');\r
  },\r
\r
  camelize: function() {\r
    var oStringList = this.split('-');\r
    if (oStringList.length == 1) return oStringList[0];\r
\r
    var camelizedString = this.indexOf('-') == 0\r
      ? oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1)\r
      : oStringList[0];\r
\r
    for (var i = 1, len = oStringList.length; i < len; i++) {\r
      var s = oStringList[i];\r
      camelizedString += s.charAt(0).toUpperCase() + s.substring(1);\r
    }\r
\r
    return camelizedString;\r
  },\r
\r
  inspect: function() {\r
    return "'" + this.replace('\\', '\\\\').replace("'", '\\\'') + "'";\r
  }\r
});\r
\r
String.prototype.parseQuery = String.prototype.toQueryParams;\r
\r
var $break    = new Object();\r
var $continue = new Object();\r
\r
var Enumerable = {\r
  each: function(iterator) {\r
    var index = 0;\r
    try {\r
      this._each(function(value) {\r
        try {\r
          iterator(value, index++);\r
        } catch (e) {\r
          if (e != $continue) throw e;\r
        }\r
      });\r
    } catch (e) {\r
      if (e != $break) throw e;\r
    }\r
  },\r
\r
  all: function(iterator) {\r
    var result = true;\r
    this.each(function(value, index) {\r
      result = result && !!(iterator || Prototype.K)(value, index);\r
      if (!result) throw $break;\r
    });\r
    return result;\r
  },\r
\r
  any: function(iterator) {\r
    var result = true;\r
    this.each(function(value, index) {\r
      if (result = !!(iterator || Prototype.K)(value, index))\r
        throw $break;\r
    });\r
    return result;\r
  },\r
\r
  collect: function(iterator) {\r
    var results = [];\r
    this.each(function(value, index) {\r
      results.push(iterator(value, index));\r
    });\r
    return results;\r
  },\r
\r
  detect: function (iterator) {\r
    var result;\r
    this.each(function(value, index) {\r
      if (iterator(value, index)) {\r
        result = value;\r
        throw $break;\r
      }\r
    });\r
    return result;\r
  },\r
\r
  findAll: function(iterator) {\r
    var results = [];\r
    this.each(function(value, index) {\r
      if (iterator(value, index))\r
        results.push(value);\r
    });\r
    return results;\r
  },\r
\r
  grep: function(pattern, iterator) {\r
    var results = [];\r
    this.each(function(value, index) {\r
      var stringValue = value.toString();\r
      if (stringValue.match(pattern))\r
        results.push((iterator || Prototype.K)(value, index));\r
    })\r
    return results;\r
  },\r
\r
  include: function(object) {\r
    var found = false;\r
    this.each(function(value) {\r
      if (value == object) {\r
        found = true;\r
        throw $break;\r
      }\r
    });\r
    return found;\r
  },\r
\r
  inject: function(memo, iterator) {\r
    this.each(function(value, index) {\r
      memo = iterator(memo, value, index);\r
    });\r
    return memo;\r
  },\r
\r
  invoke: function(method) {\r
    var args = $A(arguments).slice(1);\r
    return this.collect(function(value) {\r
      return value[method].apply(value, args);\r
    });\r
  },\r
\r
  max: function(iterator) {\r
    var result;\r
    this.each(function(value, index) {\r
      value = (iterator || Prototype.K)(value, index);\r
      if (value >= (result || value))\r
        result = value;\r
    });\r
    return result;\r
  },\r
\r
  min: function(iterator) {\r
    var result;\r
    this.each(function(value, index) {\r
      value = (iterator || Prototype.K)(value, index);\r
      if (value <= (result || value))\r
        result = value;\r
    });\r
    return result;\r
  },\r
\r
  partition: function(iterator) {\r
    var trues = [], falses = [];\r
    this.each(function(value, index) {\r
      ((iterator || Prototype.K)(value, index) ?\r
        trues : falses).push(value);\r
    });\r
    return [trues, falses];\r
  },\r
\r
  pluck: function(property) {\r
    var results = [];\r
    this.each(function(value, index) {\r
      results.push(value[property]);\r
    });\r
    return results;\r
  },\r
\r
  reject: function(iterator) {\r
    var results = [];\r
    this.each(function(value, index) {\r
      if (!iterator(value, index))\r
        results.push(value);\r
    });\r
    return results;\r
  },\r
\r
  sortBy: function(iterator) {\r
    return this.collect(function(value, index) {\r
      return {value: value, criteria: iterator(value, index)};\r
    }).sort(function(left, right) {\r
      var a = left.criteria, b = right.criteria;\r
      return a < b ? -1 : a > b ? 1 : 0;\r
    }).pluck('value');\r
  },\r
\r
  toArray: function() {\r
    return this.collect(Prototype.K);\r
  },\r
\r
  zip: function() {\r
    var iterator = Prototype.K, args = $A(arguments);\r
    if (typeof args.last() == 'function')\r
      iterator = args.pop();\r
\r
    var collections = [this].concat(args).map($A);\r
    return this.map(function(value, index) {\r
      iterator(value = collections.pluck(index));\r
      return value;\r
    });\r
  },\r
\r
  inspect: function() {\r
    return '#<Enumerable:' + this.toArray().inspect() + '>';\r
  }\r
}\r
\r
Object.extend(Enumerable, {\r
  map:     Enumerable.collect,\r
  find:    Enumerable.detect,\r
  select:  Enumerable.findAll,\r
  member:  Enumerable.include,\r
  entries: Enumerable.toArray\r
});\r
var $A = Array.from = function(iterable) {\r
  if (!iterable) return [];\r
  if (iterable.toArray) {\r
    return iterable.toArray();\r
  } else {\r
    var results = [];\r
    for (var i = 0; i < iterable.length; i++)\r
      results.push(iterable[i]);\r
    return results;\r
  }\r
}\r
\r
Object.extend(Array.prototype, Enumerable);\r
\r
Array.prototype._reverse = Array.prototype.reverse;\r
\r
Object.extend(Array.prototype, {\r
  _each: function(iterator) {\r
    for (var i = 0; i < this.length; i++)\r
      iterator(this[i]);\r
  },\r
\r
  clear: function() {\r
    this.length = 0;\r
    return this;\r
  },\r
\r
  first: function() {\r
    return this[0];\r
  },\r
\r
  last: function() {\r
    return this[this.length - 1];\r
  },\r
\r
  compact: function() {\r
    return this.select(function(value) {\r
      return value != undefined || value != null;\r
    });\r
  },\r
\r
  flatten: function() {\r
    return this.inject([], function(array, value) {\r
      return array.concat(value.constructor == Array ?\r
        value.flatten() : [value]);\r
    });\r
  },\r
\r
  without: function() {\r
    var values = $A(arguments);\r
    return this.select(function(value) {\r
      return !values.include(value);\r
    });\r
  },\r
\r
  indexOf: function(object) {\r
    for (var i = 0; i < this.length; i++)\r
      if (this[i] == object) return i;\r
    return -1;\r
  },\r
\r
  reverse: function(inline) {\r
    return (inline !== false ? this : this.toArray())._reverse();\r
  },\r
\r
  shift: function() {\r
    var result = this[0];\r
    for (var i = 0; i < this.length - 1; i++)\r
      this[i] = this[i + 1];\r
    this.length--;\r
    return result;\r
  },\r
\r
  inspect: function() {\r
    return '[' + this.map(Object.inspect).join(', ') + ']';\r
  }\r
});\r
var Hash = {\r
  _each: function(iterator) {\r
    for (key in this) {\r
      var value = this[key];\r
      if (typeof value == 'function') continue;\r
\r
      var pair = [key, value];\r
      pair.key = key;\r
      pair.value = value;\r
      iterator(pair);\r
    }\r
  },\r
\r
  keys: function() {\r
    return this.pluck('key');\r
  },\r
\r
  values: function() {\r
    return this.pluck('value');\r
  },\r
\r
  merge: function(hash) {\r
    return $H(hash).inject($H(this), function(mergedHash, pair) {\r
      mergedHash[pair.key] = pair.value;\r
      return mergedHash;\r
    });\r
  },\r
\r
  toQueryString: function() {\r
    return this.map(function(pair) {\r
      return pair.map(encodeURIComponent).join('=');\r
    }).join('&');\r
  },\r
\r
  inspect: function() {\r
    return '#<Hash:{' + this.map(function(pair) {\r
      return pair.map(Object.inspect).join(': ');\r
    }).join(', ') + '}>';\r
  }\r
}\r
\r
function $H(object) {\r
  var hash = Object.extend({}, object || {});\r
  Object.extend(hash, Enumerable);\r
  Object.extend(hash, Hash);\r
  return hash;\r
}\r
ObjectRange = Class.create();\r
Object.extend(ObjectRange.prototype, Enumerable);\r
Object.extend(ObjectRange.prototype, {\r
  initialize: function(start, end, exclusive) {\r
    this.start = start;\r
    this.end = end;\r
    this.exclusive = exclusive;\r
  },\r
\r
  _each: function(iterator) {\r
    var value = this.start;\r
    do {\r
      iterator(value);\r
      value = value.succ();\r
    } while (this.include(value));\r
  },\r
\r
  include: function(value) {\r
    if (value < this.start)\r
      return false;\r
    if (this.exclusive)\r
      return value < this.end;\r
    return value <= this.end;\r
  }\r
});\r
\r
var $R = function(start, end, exclusive) {\r
  return new ObjectRange(start, end, exclusive);\r
}\r
\r
var Ajax = {\r
  getTransport: function() {\r
    return Try.these(\r
      function() {return new ActiveXObject('Msxml2.XMLHTTP')},\r
      function() {return new ActiveXObject('Microsoft.XMLHTTP')},\r
      function() {return new XMLHttpRequest()}\r
    ) || false;\r
  },\r
\r
  activeRequestCount: 0\r
}\r
\r
Ajax.Responders = {\r
  responders: [],\r
\r
  _each: function(iterator) {\r
    this.responders._each(iterator);\r
  },\r
\r
  register: function(responderToAdd) {\r
    if (!this.include(responderToAdd))\r
      this.responders.push(responderToAdd);\r
  },\r
\r
  unregister: function(responderToRemove) {\r
    this.responders = this.responders.without(responderToRemove);\r
  },\r
\r
  dispatch: function(callback, request, transport, json) {\r
    this.each(function(responder) {\r
      if (responder[callback] && typeof responder[callback] == 'function') {\r
        try {\r
          responder[callback].apply(responder, [request, transport, json]);\r
        } catch (e) {}\r
      }\r
    });\r
  }\r
};\r
\r
Object.extend(Ajax.Responders, Enumerable);\r
\r
Ajax.Responders.register({\r
  onCreate: function() {\r
    Ajax.activeRequestCount++;\r
  },\r
\r
  onComplete: function() {\r
    Ajax.activeRequestCount--;\r
  }\r
});\r
\r
Ajax.Base = function() {};\r
Ajax.Base.prototype = {\r
  setOptions: function(options) {\r
    this.options = {\r
      method:       'post',\r
      asynchronous: true,\r
      parameters:   ''\r
    }\r
    Object.extend(this.options, options || {});\r
  },\r
\r
  responseIsSuccess: function() {\r
    return this.transport.status == undefined\r
        || this.transport.status == 0\r
        || (this.transport.status >= 200 && this.transport.status < 300);\r
  },\r
\r
  responseIsFailure: function() {\r
    return !this.responseIsSuccess();\r
  }\r
}\r
\r
Ajax.Request = Class.create();\r
Ajax.Request.Events =\r
  ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];\r
\r
Ajax.Request.prototype = Object.extend(new Ajax.Base(), {\r
  initialize: function(url, options) {\r
    this.transport = Ajax.getTransport();\r
    this.setOptions(options);\r
    this.request(url);\r
  },\r
\r
  request: function(url) {\r
    var parameters = this.options.parameters || '';\r
    if (parameters.length > 0) parameters += '&_=';\r
\r
    try {\r
      this.url = url;\r
      if (this.options.method == 'get' && parameters.length > 0)\r
        this.url += (this.url.match(/\?/) ? '&' : '?') + parameters;\r
\r
      Ajax.Responders.dispatch('onCreate', this, this.transport);\r
\r
      this.transport.open(this.options.method, this.url,\r
        this.options.asynchronous);\r
\r
      if (this.options.asynchronous) {\r
        this.transport.onreadystatechange = this.onStateChange.bind(this);\r
        setTimeout((function() {this.respondToReadyState(1)}).bind(this), 10);\r
      }\r
\r
      this.setRequestHeaders();\r
\r
      var body = this.options.postBody ? this.options.postBody : parameters;\r
      this.transport.send(this.options.method == 'post' ? body : null);\r
\r
    } catch (e) {\r
      this.dispatchException(e);\r
    }\r
  },\r
\r
  setRequestHeaders: function() {\r
    var requestHeaders =\r
      ['X-Requested-With', 'XMLHttpRequest',\r
       'X-Prototype-Version', Prototype.Version];\r
\r
    if (this.options.method == 'post') {\r
      requestHeaders.push('Content-type',\r
        'application/x-www-form-urlencoded');\r
\r
      /* Force "Connection: close" for Mozilla browsers to work around\r
       * a bug where XMLHttpReqeuest sends an incorrect Content-length\r
       * header. See Mozilla Bugzilla #246651.\r
       */\r
      if (this.transport.overrideMimeType)\r
        requestHeaders.push('Connection', 'close');\r
    }\r
\r
    if (this.options.requestHeaders)\r
      requestHeaders.push.apply(requestHeaders, this.options.requestHeaders);\r
\r
    for (var i = 0; i < requestHeaders.length; i += 2)\r
      this.transport.setRequestHeader(requestHeaders[i], requestHeaders[i+1]);\r
  },\r
\r
  onStateChange: function() {\r
    var readyState = this.transport.readyState;\r
    if (readyState != 1)\r
      this.respondToReadyState(this.transport.readyState);\r
  },\r
\r
  header: function(name) {\r
    try {\r
      return this.transport.getResponseHeader(name);\r
    } catch (e) {}\r
  },\r
\r
  evalJSON: function() {\r
    try {\r
      return eval(this.header('X-JSON'));\r
    } catch (e) {}\r
  },\r
\r
  evalResponse: function() {\r
    try {\r
      return eval(this.transport.responseText);\r
    } catch (e) {\r
      this.dispatchException(e);\r
    }\r
  },\r
\r
  respondToReadyState: function(readyState) {\r
    var event = Ajax.Request.Events[readyState];\r
    var transport = this.transport, json = this.evalJSON();\r
\r
    if (event == 'Complete') {\r
      try {\r
        (this.options['on' + this.transport.status]\r
         || this.options['on' + (this.responseIsSuccess() ? 'Success' : 'Failure')]\r
         || Prototype.emptyFunction)(transport, json);\r
      } catch (e) {\r
        this.dispatchException(e);\r
      }\r
\r
      if ((this.header('Content-type') || '').match(/^text\/javascript/i))\r
        this.evalResponse();\r
    }\r
\r
    try {\r
      (this.options['on' + event] || Prototype.emptyFunction)(transport, json);\r
      Ajax.Responders.dispatch('on' + event, this, transport, json);\r
    } catch (e) {\r
      this.dispatchException(e);\r
    }\r
\r
    /* Avoid memory leak in MSIE: clean up the oncomplete event handler */\r
    if (event == 'Complete')\r
      this.transport.onreadystatechange = Prototype.emptyFunction;\r
  },\r
\r
  dispatchException: function(exception) {\r
    (this.options.onException || Prototype.emptyFunction)(this, exception);\r
    Ajax.Responders.dispatch('onException', this, exception);\r
  }\r
});\r
\r
Ajax.Updater = Class.create();\r
\r
Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {\r
  initialize: function(container, url, options) {\r
    this.containers = {\r
      success: container.success ? $(container.success) : $(container),\r
      failure: container.failure ? $(container.failure) :\r
        (container.success ? null : $(container))\r
    }\r
\r
    this.transport = Ajax.getTransport();\r
    this.setOptions(options);\r
\r
    var onComplete = this.options.onComplete || Prototype.emptyFunction;\r
    this.options.onComplete = (function(transport, object) {\r
      this.updateContent();\r
      onComplete(transport, object);\r
    }).bind(this);\r
\r
    this.request(url);\r
  },\r
\r
  updateContent: function() {\r
    var receiver = this.responseIsSuccess() ?\r
      this.containers.success : this.containers.failure;\r
    var response = this.transport.responseText;\r
\r
    if (!this.options.evalScripts)\r
      response = response.stripScripts();\r
\r
    if (receiver) {\r
      if (this.options.insertion) {\r
        new this.options.insertion(receiver, response);\r
      } else {\r
        Element.update(receiver, response);\r
      }\r
    }\r
\r
    if (this.responseIsSuccess()) {\r
      if (this.onComplete)\r
        setTimeout(this.onComplete.bind(this), 10);\r
    }\r
  }\r
});\r
\r
Ajax.PeriodicalUpdater = Class.create();\r
Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), {\r
  initialize: function(container, url, options) {\r
    this.setOptions(options);\r
    this.onComplete = this.options.onComplete;\r
\r
    this.frequency = (this.options.frequency || 2);\r
    this.decay = (this.options.decay || 1);\r
\r
    this.updater = {};\r
    this.container = container;\r
    this.url = url;\r
\r
    this.start();\r
  },\r
\r
  start: function() {\r
    this.options.onComplete = this.updateComplete.bind(this);\r
    this.onTimerEvent();\r
  },\r
\r
  stop: function() {\r
    this.updater.onComplete = undefined;\r
    clearTimeout(this.timer);\r
    (this.onComplete || Prototype.emptyFunction).apply(this, arguments);\r
  },\r
\r
  updateComplete: function(request) {\r
    if (this.options.decay) {\r
      this.decay = (request.responseText == this.lastText ?\r
        this.decay * this.options.decay : 1);\r
\r
      this.lastText = request.responseText;\r
    }\r
    this.timer = setTimeout(this.onTimerEvent.bind(this),\r
      this.decay * this.frequency * 1000);\r
  },\r
\r
  onTimerEvent: function() {\r
    this.updater = new Ajax.Updater(this.container, this.url, this.options);\r
  }\r
});\r
document.getElementsByClassName = function(className, parentElement) {\r
  var children = ($(parentElement) || document.body).getElementsByTagName('*');\r
  return $A(children).inject([], function(elements, child) {\r
    if (child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))\r
      elements.push(child);\r
    return elements;\r
  });\r
}\r
\r
/*--------------------------------------------------------------------------*/\r
\r
if (!window.Element) {\r
  var Element = new Object();\r
}\r
\r
Object.extend(Element, {\r
  visible: function(element) {\r
    return $(element).style.display != 'none';\r
  },\r
\r
  toggle: function() {\r
    for (var i = 0; i < arguments.length; i++) {\r
      var element = $(arguments[i]);\r
      Element[Element.visible(element) ? 'hide' : 'show'](element);\r
    }\r
  },\r
\r
  hide: function() {\r
    for (var i = 0; i < arguments.length; i++) {\r
      var element = $(arguments[i]);\r
      element.style.display = 'none';\r
    }\r
  },\r
\r
  show: function() {\r
    for (var i = 0; i < arguments.length; i++) {\r
      var element = $(arguments[i]);\r
      element.style.display = '';\r
    }\r
  },\r
\r
  remove: function(element) {\r
    element = $(element);\r
    element.parentNode.removeChild(element);\r
  },\r
\r
  update: function(element, html) {\r
    $(element).innerHTML = html.stripScripts();\r
    setTimeout(function() {html.evalScripts()}, 10);\r
  },\r
\r
  getHeight: function(element) {\r
    element = $(element);\r
    return element.offsetHeight;\r
  },\r
\r
  classNames: function(element) {\r
    return new Element.ClassNames(element);\r
  },\r
\r
  hasClassName: function(element, className) {\r
    if (!(element = $(element))) return;\r
    return Element.classNames(element).include(className);\r
  },\r
\r
  addClassName: function(element, className) {\r
    if (!(element = $(element))) return;\r
    return Element.classNames(element).add(className);\r
  },\r
\r
  removeClassName: function(element, className) {\r
    if (!(element = $(element))) return;\r
    return Element.classNames(element).remove(className);\r
  },\r
\r
  // removes whitespace-only text node children\r
  cleanWhitespace: function(element) {\r
    element = $(element);\r
    for (var i = 0; i < element.childNodes.length; i++) {\r
      var node = element.childNodes[i];\r
      if (node.nodeType == 3 && !/\S/.test(node.nodeValue))\r
        Element.remove(node);\r
    }\r
  },\r
\r
  empty: function(element) {\r
    return $(element).innerHTML.match(/^\s*$/);\r
  },\r
\r
  scrollTo: function(element) {\r
    element = $(element);\r
    var x = element.x ? element.x : element.offsetLeft,\r
        y = element.y ? element.y : element.offsetTop;\r
    window.scrollTo(x, y);\r
  },\r
\r
  getStyle: function(element, style) {\r
    element = $(element);\r
    var value = element.style[style.camelize()];\r
    if (!value) {\r
      if (document.defaultView && document.defaultView.getComputedStyle) {\r
        var css = document.defaultView.getComputedStyle(element, null);\r
        value = css ? css.getPropertyValue(style) : null;\r
      } else if (element.currentStyle) {\r
        value = element.currentStyle[style.camelize()];\r
      }\r
    }\r
\r
    if (window.opera && ['left', 'top', 'right', 'bottom'].include(style))\r
      if (Element.getStyle(element, 'position') == 'static') value = 'auto';\r
\r
    return value == 'auto' ? null : value;\r
  },\r
\r
  setStyle: function(element, style) {\r
    element = $(element);\r
    for (name in style)\r
      element.style[name.camelize()] = style[name];\r
  },\r
\r
  getDimensions: function(element) {\r
    element = $(element);\r
    if (Element.getStyle(element, 'display') != 'none')\r
      return {width: element.offsetWidth, height: element.offsetHeight};\r
\r
    // All *Width and *Height properties give 0 on elements with display none,\r
    // so enable the element temporarily\r
    var els = element.style;\r
    var originalVisibility = els.visibility;\r
    var originalPosition = els.position;\r
    els.visibility = 'hidden';\r
    els.position = 'absolute';\r
    els.display = '';\r
    var originalWidth = element.clientWidth;\r
    var originalHeight = element.clientHeight;\r
    els.display = 'none';\r
    els.position = originalPosition;\r
    els.visibility = originalVisibility;\r
    return {width: originalWidth, height: originalHeight};\r
  },\r
\r
  makePositioned: function(element) {\r
    element = $(element);\r
    var pos = Element.getStyle(element, 'position');\r
    if (pos == 'static' || !pos) {\r
      element._madePositioned = true;\r
      element.style.position = 'relative';\r
      // Opera returns the offset relative to the positioning context, when an\r
      // element is position relative but top and left have not been defined\r
      if (window.opera) {\r
        element.style.top = 0;\r
        element.style.left = 0;\r
      }\r
    }\r
  },\r
\r
  undoPositioned: function(element) {\r
    element = $(element);\r
    if (element._madePositioned) {\r
      element._madePositioned = undefined;\r
      element.style.position =\r
        element.style.top =\r
        element.style.left =\r
        element.style.bottom =\r
        element.style.right = '';\r
    }\r
  },\r
\r
  makeClipping: function(element) {\r
    element = $(element);\r
    if (element._overflow) return;\r
    element._overflow = element.style.overflow;\r
    if ((Element.getStyle(element, 'overflow') || 'visible') != 'hidden')\r
      element.style.overflow = 'hidden';\r
  },\r
\r
  undoClipping: function(element) {\r
    element = $(element);\r
    if (element._overflow) return;\r
    element.style.overflow = element._overflow;\r
    element._overflow = undefined;\r
  }\r
});\r
\r
var Toggle = new Object();\r
Toggle.display = Element.toggle;\r
\r
/*--------------------------------------------------------------------------*/\r
\r
Abstract.Insertion = function(adjacency) {\r
  this.adjacency = adjacency;\r
}\r
\r
Abstract.Insertion.prototype = {\r
  initialize: function(element, content) {\r
    this.element = $(element);\r
    this.content = content.stripScripts();\r
\r
    if (this.adjacency && this.element.insertAdjacentHTML) {\r
      try {\r
        this.element.insertAdjacentHTML(this.adjacency, this.content);\r
      } catch (e) {\r
        if (this.element.tagName.toLowerCase() == 'tbody' || this.element.tagName.toLowerCase() == 'tr') {\r
          this.insertContent(this.contentFromAnonymousTable());\r
        } else {\r
          throw e;\r
        }\r
      }\r
    } else {\r
      this.range = this.element.ownerDocument.createRange();\r
      if (this.initializeRange) this.initializeRange();\r
      this.insertContent([this.range.createContextualFragment(this.content)]);\r
    }\r
\r
    setTimeout(function() {content.evalScripts()}, 10);\r
  },\r
\r
  contentFromAnonymousTable: function() {\r
    var div = document.createElement('div');\r
    div.innerHTML = '<table><tbody>' + this.content + '</tbody></table>';\r
    return $A(div.childNodes[0].childNodes[0].childNodes);\r
  }\r
}\r
\r
var Insertion = new Object();\r
\r
Insertion.Before = Class.create();\r
Insertion.Before.prototype = Object.extend(new Abstract.Insertion('beforeBegin'), {\r
  initializeRange: function() {\r
    this.range.setStartBefore(this.element);\r
  },\r
\r
  insertContent: function(fragments) {\r
    fragments.each((function(fragment) {\r
      this.element.parentNode.insertBefore(fragment, this.element);\r
    }).bind(this));\r
  }\r
});\r
\r
Insertion.Top = Class.create();\r
Insertion.Top.prototype = Object.extend(new Abstract.Insertion('afterBegin'), {\r
  initializeRange: function() {\r
    this.range.selectNodeContents(this.element);\r
    this.range.collapse(true);\r
  },\r
\r
  insertContent: function(fragments) {\r
    fragments.reverse(false).each((function(fragment) {\r
      this.element.insertBefore(fragment, this.element.firstChild);\r
    }).bind(this));\r
  }\r
});\r
\r
Insertion.Bottom = Class.create();\r
Insertion.Bottom.prototype = Object.extend(new Abstract.Insertion('beforeEnd'), {\r
  initializeRange: function() {\r
    this.range.selectNodeContents(this.element);\r
    this.range.collapse(this.element);\r
  },\r
\r
  insertContent: function(fragments) {\r
    fragments.each((function(fragment) {\r
      this.element.appendChild(fragment);\r
    }).bind(this));\r
  }\r
});\r
\r
Insertion.After = Class.create();\r
Insertion.After.prototype = Object.extend(new Abstract.Insertion('afterEnd'), {\r
  initializeRange: function() {\r
    this.range.setStartAfter(this.element);\r
  },\r
\r
  insertContent: function(fragments) {\r
    fragments.each((function(fragment) {\r
      this.element.parentNode.insertBefore(fragment,\r
        this.element.nextSibling);\r
    }).bind(this));\r
  }\r
});\r
\r
/*--------------------------------------------------------------------------*/\r
\r
Element.ClassNames = Class.create();\r
Element.ClassNames.prototype = {\r
  initialize: function(element) {\r
    this.element = $(element);\r
  },\r
\r
  _each: function(iterator) {\r
    this.element.className.split(/\s+/).select(function(name) {\r
      return name.length > 0;\r
    })._each(iterator);\r
  },\r
\r
  set: function(className) {\r
    this.element.className = className;\r
  },\r
\r
  add: function(classNameToAdd) {\r
    if (this.include(classNameToAdd)) return;\r
    this.set(this.toArray().concat(classNameToAdd).join(' '));\r
  },\r
\r
  remove: function(classNameToRemove) {\r
    if (!this.include(classNameToRemove)) return;\r
    this.set(this.select(function(className) {\r
      return className != classNameToRemove;\r
    }).join(' '));\r
  },\r
\r
  toString: function() {\r
    return this.toArray().join(' ');\r
  }\r
}\r
\r
Object.extend(Element.ClassNames.prototype, Enumerable);\r
var Field = {\r
  clear: function() {\r
    for (var i = 0; i < arguments.length; i++)\r
      $(arguments[i]).value = '';\r
  },\r
\r
  focus: function(element) {\r
    $(element).focus();\r
  },\r
\r
  present: function() {\r
    for (var i = 0; i < arguments.length; i++)\r
      if ($(arguments[i]).value == '') return false;\r
    return true;\r
  },\r
\r
  select: function(element) {\r
    $(element).select();\r
  },\r
\r
  activate: function(element) {\r
    element = $(element);\r
    element.focus();\r
    if (element.select)\r
      element.select();\r
  }\r
}\r
\r
/*--------------------------------------------------------------------------*/\r
\r
var Form = {\r
  serialize: function(form) {\r
    var elements = Form.getElements($(form));\r
    var queryComponents = new Array();\r
\r
    for (var i = 0; i < elements.length; i++) {\r
      var queryComponent = Form.Element.serialize(elements[i]);\r
      if (queryComponent)\r
        queryComponents.push(queryComponent);\r
    }\r
\r
    return queryComponents.join('&');\r
  },\r
\r
  getElements: function(form) {\r
    form = $(form);\r
    var elements = new Array();\r
\r
    for (tagName in Form.Element.Serializers) {\r
      var tagElements = form.getElementsByTagName(tagName);\r
      for (var j = 0; j < tagElements.length; j++)\r
        elements.push(tagElements[j]);\r
    }\r
    return elements;\r
  },\r
\r
  getInputs: function(form, typeName, name) {\r
    form = $(form);\r
    var inputs = form.getElementsByTagName('input');\r
\r
    if (!typeName && !name)\r
      return inputs;\r
\r
    var matchingInputs = new Array();\r
    for (var i = 0; i < inputs.length; i++) {\r
      var input = inputs[i];\r
      if ((typeName && input.type != typeName) ||\r
          (name && input.name != name))\r
        continue;\r
      matchingInputs.push(input);\r
    }\r
\r
    return matchingInputs;\r
  },\r
\r
  disable: function(form) {\r
    var elements = Form.getElements(form);\r
    for (var i = 0; i < elements.length; i++) {\r
      var element = elements[i];\r
      element.blur();\r
      element.disabled = 'true';\r
    }\r
  },\r
\r
  enable: function(form) {\r
    var elements = Form.getElements(form);\r
    for (var i = 0; i < elements.length; i++) {\r
      var element = elements[i];\r
      element.disabled = '';\r
    }\r
  },\r
\r
  findFirstElement: function(form) {\r
    return Form.getElements(form).find(function(element) {\r
      return element.type != 'hidden' && !element.disabled &&\r
        ['input', 'select', 'textarea'].include(element.tagName.toLowerCase());\r
    });\r
  },\r
\r
  focusFirstElement: function(form) {\r
    Field.activate(Form.findFirstElement(form));\r
  },\r
\r
  reset: function(form) {\r
    $(form).reset();\r
  }\r
}\r
\r
Form.Element = {\r
  serialize: function(element) {\r
    element = $(element);\r
    var method = element.tagName.toLowerCase();\r
    var parameter = Form.Element.Serializers[method](element);\r
\r
    if (parameter) {\r
      var key = encodeURIComponent(parameter[0]);\r
      if (key.length == 0) return;\r
\r
      if (parameter[1].constructor != Array)\r
        parameter[1] = [parameter[1]];\r
\r
      return parameter[1].map(function(value) {\r
        return key + '=' + encodeURIComponent(value);\r
      }).join('&');\r
    }\r
  },\r
\r
  getValue: function(element) {\r
    element = $(element);\r
    var method = element.tagName.toLowerCase();\r
    var parameter = Form.Element.Serializers[method](element);\r
\r
    if (parameter)\r
      return parameter[1];\r
  }\r
}\r
\r
Form.Element.Serializers = {\r
  input: function(element) {\r
    switch (element.type.toLowerCase()) {\r
      case 'submit':\r
      case 'hidden':\r
      case 'password':\r
      case 'text':\r
        return Form.Element.Serializers.textarea(element);\r
      case 'checkbox':\r
      case 'radio':\r
        return Form.Element.Serializers.inputSelector(element);\r
    }\r
    return false;\r
  },\r
\r
  inputSelector: function(element) {\r
    if (element.checked)\r
      return [element.name, element.value];\r
  },\r
\r
  textarea: function(element) {\r
    return [element.name, element.value];\r
  },\r
\r
  select: function(element) {\r
    return Form.Element.Serializers[element.type == 'select-one' ?\r
      'selectOne' : 'selectMany'](element);\r
  },\r
\r
  selectOne: function(element) {\r
    var value = '', opt, index = element.selectedIndex;\r
    if (index >= 0) {\r
      opt = element.options[index];\r
      value = opt.value;\r
      if (!value && !('value' in opt))\r
        value = opt.text;\r
    }\r
    return [element.name, value];\r
  },\r
\r
  selectMany: function(element) {\r
    var value = new Array();\r
    for (var i = 0; i < element.length; i++) {\r
      var opt = element.options[i];\r
      if (opt.selected) {\r
        var optValue = opt.value;\r
        if (!optValue && !('value' in opt))\r
          optValue = opt.text;\r
        value.push(optValue);\r
      }\r
    }\r
    return [element.name, value];\r
  }\r
}\r
\r
/*--------------------------------------------------------------------------*/\r
\r
var $F = Form.Element.getValue;\r
\r
/*--------------------------------------------------------------------------*/\r
\r
Abstract.TimedObserver = function() {}\r
Abstract.TimedObserver.prototype = {\r
  initialize: function(element, frequency, callback) {\r
    this.frequency = frequency;\r
    this.element   = $(element);\r
    this.callback  = callback;\r
\r
    this.lastValue = this.getValue();\r
    this.registerCallback();\r
  },\r
\r
  registerCallback: function() {\r
    setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);\r
  },\r
\r
  onTimerEvent: function() {\r
    var value = this.getValue();\r
    if (this.lastValue != value) {\r
      this.callback(this.element, value);\r
      this.lastValue = value;\r
    }\r
  }\r
}\r
\r
Form.Element.Observer = Class.create();\r
Form.Element.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {\r
  getValue: function() {\r
    return Form.Element.getValue(this.element);\r
  }\r
});\r
\r
Form.Observer = Class.create();\r
Form.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {\r
  getValue: function() {\r
    return Form.serialize(this.element);\r
  }\r
});\r
\r
/*--------------------------------------------------------------------------*/\r
\r
Abstract.EventObserver = function() {}\r
Abstract.EventObserver.prototype = {\r
  initialize: function(element, callback) {\r
    this.element  = $(element);\r
    this.callback = callback;\r
\r
    this.lastValue = this.getValue();\r
    if (this.element.tagName.toLowerCase() == 'form')\r
      this.registerFormCallbacks();\r
    else\r
      this.registerCallback(this.element);\r
  },\r
\r
  onElementEvent: function() {\r
    var value = this.getValue();\r
    if (this.lastValue != value) {\r
      this.callback(this.element, value);\r
      this.lastValue = value;\r
    }\r
  },\r
\r
  registerFormCallbacks: function() {\r
    var elements = Form.getElements(this.element);\r
    for (var i = 0; i < elements.length; i++)\r
      this.registerCallback(elements[i]);\r
  },\r
\r
  registerCallback: function(element) {\r
    if (element.type) {\r
      switch (element.type.toLowerCase()) {\r
        case 'checkbox':\r
        case 'radio':\r
          Event.observe(element, 'click', this.onElementEvent.bind(this));\r
          break;\r
        case 'password':\r
        case 'text':\r
        case 'textarea':\r
        case 'select-one':\r
        case 'select-multiple':\r
          Event.observe(element, 'change', this.onElementEvent.bind(this));\r
          break;\r
      }\r
    }\r
  }\r
}\r
\r
Form.Element.EventObserver = Class.create();\r
Form.Element.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {\r
  getValue: function() {\r
    return Form.Element.getValue(this.element);\r
  }\r
});\r
\r
Form.EventObserver = Class.create();\r
Form.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {\r
  getValue: function() {\r
    return Form.serialize(this.element);\r
  }\r
});\r
if (!window.Event) {\r
  var Event = new Object();\r
}\r
\r
Object.extend(Event, {\r
  KEY_BACKSPACE: 8,\r
  KEY_TAB:       9,\r
  KEY_RETURN:   13,\r
  KEY_ESC:      27,\r
  KEY_LEFT:     37,\r
  KEY_UP:       38,\r
  KEY_RIGHT:    39,\r
  KEY_DOWN:     40,\r
  KEY_DELETE:   46,\r
\r
  element: function(event) {\r
    return event.target || event.srcElement;\r
  },\r
\r
  isLeftClick: function(event) {\r
    return (((event.which) && (event.which == 1)) ||\r
            ((event.button) && (event.button == 1)));\r
  },\r
\r
  pointerX: function(event) {\r
    return event.pageX || (event.clientX +\r
      (document.documentElement.scrollLeft || document.body.scrollLeft));\r
  },\r
\r
  pointerY: function(event) {\r
    return event.pageY || (event.clientY +\r
      (document.documentElement.scrollTop || document.body.scrollTop));\r
  },\r
\r
  stop: function(event) {\r
    if (event.preventDefault) {\r
      event.preventDefault();\r
      event.stopPropagation();\r
    } else {\r
      event.returnValue = false;\r
      event.cancelBubble = true;\r
    }\r
  },\r
\r
  // find the first node with the given tagName, starting from the\r
  // node the event was triggered on; traverses the DOM upwards\r
  findElement: function(event, tagName) {\r
    var element = Event.element(event);\r
    while (element.parentNode && (!element.tagName ||\r
        (element.tagName.toUpperCase() != tagName.toUpperCase())))\r
      element = element.parentNode;\r
    return element;\r
  },\r
\r
  observers: false,\r
\r
  _observeAndCache: function(element, name, observer, useCapture) {\r
    if (!this.observers) this.observers = [];\r
    if (element.addEventListener) {\r
      this.observers.push([element, name, observer, useCapture]);\r
      element.addEventListener(name, observer, useCapture);\r
    } else if (element.attachEvent) {\r
      this.observers.push([element, name, observer, useCapture]);\r
      element.attachEvent('on' + name, observer);\r
    }\r
  },\r
\r
  unloadCache: function() {\r
    if (!Event.observers) return;\r
    for (var i = 0; i < Event.observers.length; i++) {\r
      Event.stopObserving.apply(this, Event.observers[i]);\r
      Event.observers[i][0] = null;\r
    }\r
    Event.observers = false;\r
  },\r
\r
  observe: function(element, name, observer, useCapture) {\r
    var element = $(element);\r
    useCapture = useCapture || false;\r
\r
    if (name == 'keypress' &&\r
        (navigator.appVersion.match(/Konqueror|Safari|KHTML/)\r
        || element.attachEvent))\r
      name = 'keydown';\r
\r
    this._observeAndCache(element, name, observer, useCapture);\r
  },\r
\r
  stopObserving: function(element, name, observer, useCapture) {\r
    var element = $(element);\r
    useCapture = useCapture || false;\r
\r
    if (name == 'keypress' &&\r
        (navigator.appVersion.match(/Konqueror|Safari|KHTML/)\r
        || element.detachEvent))\r
      name = 'keydown';\r
\r
    if (element.removeEventListener) {\r
      element.removeEventListener(name, observer, useCapture);\r
    } else if (element.detachEvent) {\r
      element.detachEvent('on' + name, observer);\r
    }\r
  }\r
});\r
\r
/* prevent memory leaks in IE */\r
Event.observe(window, 'unload', Event.unloadCache, false);\r
var Position = {\r
  // set to true if needed, warning: firefox performance problems\r
  // NOT neeeded for page scrolling, only if draggable contained in\r
  // scrollable elements\r
  includeScrollOffsets: false,\r
\r
  // must be called before calling withinIncludingScrolloffset, every time the\r
  // page is scrolled\r
  prepare: function() {\r
    this.deltaX =  window.pageXOffset\r
                || document.documentElement.scrollLeft\r
                || document.body.scrollLeft\r
                || 0;\r
    this.deltaY =  window.pageYOffset\r
                || document.documentElement.scrollTop\r
                || document.body.scrollTop\r
                || 0;\r
  },\r
\r
  realOffset: function(element) {\r
    var valueT = 0, valueL = 0;\r
    do {\r
      valueT += element.scrollTop  || 0;\r
      valueL += element.scrollLeft || 0;\r
      element = element.parentNode;\r
    } while (element);\r
    return [valueL, valueT];\r
  },\r
\r
  cumulativeOffset: function(element) {\r
    var valueT = 0, valueL = 0;\r
    do {\r
      valueT += element.offsetTop  || 0;\r
      valueL += element.offsetLeft || 0;\r
      element = element.offsetParent;\r
    } while (element);\r
    return [valueL, valueT];\r
  },\r
\r
  positionedOffset: function(element) {\r
    var valueT = 0, valueL = 0;\r
    do {\r
      valueT += element.offsetTop  || 0;\r
      valueL += element.offsetLeft || 0;\r
      element = element.offsetParent;\r
      if (element) {\r
        p = Element.getStyle(element, 'position');\r
        if (p == 'relative' || p == 'absolute') break;\r
      }\r
    } while (element);\r
    return [valueL, valueT];\r
  },\r
\r
  offsetParent: function(element) {\r
    if (element.offsetParent) return element.offsetParent;\r
    if (element == document.body) return element;\r
\r
    while ((element = element.parentNode) && element != document.body)\r
      if (Element.getStyle(element, 'position') != 'static')\r
        return element;\r
\r
    return document.body;\r
  },\r
\r
  // caches x/y coordinate pair to use with overlap\r
  within: function(element, x, y) {\r
    if (this.includeScrollOffsets)\r
      return this.withinIncludingScrolloffsets(element, x, y);\r
    this.xcomp = x;\r
    this.ycomp = y;\r
    this.offset = this.cumulativeOffset(element);\r
\r
    return (y >= this.offset[1] &&\r
            y <  this.offset[1] + element.offsetHeight &&\r
            x >= this.offset[0] &&\r
            x <  this.offset[0] + element.offsetWidth);\r
  },\r
\r
  withinIncludingScrolloffsets: function(element, x, y) {\r
    var offsetcache = this.realOffset(element);\r
\r
    this.xcomp = x + offsetcache[0] - this.deltaX;\r
    this.ycomp = y + offsetcache[1] - this.deltaY;\r
    this.offset = this.cumulativeOffset(element);\r
\r
    return (this.ycomp >= this.offset[1] &&\r
            this.ycomp <  this.offset[1] + element.offsetHeight &&\r
            this.xcomp >= this.offset[0] &&\r
            this.xcomp <  this.offset[0] + element.offsetWidth);\r
  },\r
\r
  // within must be called directly before\r
  overlap: function(mode, element) {\r
    if (!mode) return 0;\r
    if (mode == 'vertical')\r
      return ((this.offset[1] + element.offsetHeight) - this.ycomp) /\r
        element.offsetHeight;\r
    if (mode == 'horizontal')\r
      return ((this.offset[0] + element.offsetWidth) - this.xcomp) /\r
        element.offsetWidth;\r
  },\r
\r
  clone: function(source, target) {\r
    source = $(source);\r
    target = $(target);\r
    target.style.position = 'absolute';\r
    var offsets = this.cumulativeOffset(source);\r
    target.style.top    = offsets[1] + 'px';\r
    target.style.left   = offsets[0] + 'px';\r
    target.style.width  = source.offsetWidth + 'px';\r
    target.style.height = source.offsetHeight + 'px';\r
  },\r
\r
  page: function(forElement) {\r
    var valueT = 0, valueL = 0;\r
\r
    var element = forElement;\r
    do {\r
      valueT += element.offsetTop  || 0;\r
      valueL += element.offsetLeft || 0;\r
\r
      // Safari fix\r
      if (element.offsetParent==document.body)\r
        if (Element.getStyle(element,'position')=='absolute') break;\r
\r
    } while (element = element.offsetParent);\r
\r
    element = forElement;\r
    do {\r
      valueT -= element.scrollTop  || 0;\r
      valueL -= element.scrollLeft || 0;\r
    } while (element = element.parentNode);\r
\r
    return [valueL, valueT];\r
  },\r
\r
  clone: function(source, target) {\r
    var options = Object.extend({\r
      setLeft:    true,\r
      setTop:     true,\r
      setWidth:   true,\r
      setHeight:  true,\r
      offsetTop:  0,\r
      offsetLeft: 0\r
    }, arguments[2] || {})\r
\r
    // find page position of source\r
    source = $(source);\r
    var p = Position.page(source);\r
\r
    // find coordinate system to use\r
    target = $(target);\r
    var delta = [0, 0];\r
    var parent = null;\r
    // delta [0,0] will do fine with position: fixed elements,\r
    // position:absolute needs offsetParent deltas\r
    if (Element.getStyle(target,'position') == 'absolute') {\r
      parent = Position.offsetParent(target);\r
      delta = Position.page(parent);\r
    }\r
\r
    // correct by body offsets (fixes Safari)\r
    if (parent == document.body) {\r
      delta[0] -= document.body.offsetLeft;\r
      delta[1] -= document.body.offsetTop;\r
    }\r
\r
    // set position\r
    if(options.setLeft)   target.style.left  = (p[0] - delta[0] + options.offsetLeft) + 'px';\r
    if(options.setTop)    target.style.top   = (p[1] - delta[1] + options.offsetTop) + 'px';\r
    if(options.setWidth)  target.style.width = source.offsetWidth + 'px';\r
    if(options.setHeight) target.style.height = source.offsetHeight + 'px';\r
  },\r
\r
  absolutize: function(element) {\r
    element = $(element);\r
    if (element.style.position == 'absolute') return;\r
    Position.prepare();\r
\r
    var offsets = Position.positionedOffset(element);\r
    var top     = offsets[1];\r
    var left    = offsets[0];\r
    var width   = element.clientWidth;\r
    var height  = element.clientHeight;\r
\r
    element._originalLeft   = left - parseFloat(element.style.left  || 0);\r
    element._originalTop    = top  - parseFloat(element.style.top || 0);\r
    element._originalWidth  = element.style.width;\r
    element._originalHeight = element.style.height;\r
\r
    element.style.position = 'absolute';\r
    element.style.top    = top + 'px';;\r
    element.style.left   = left + 'px';;\r
    element.style.width  = width + 'px';;\r
    element.style.height = height + 'px';;\r
  },\r
\r
  relativize: function(element) {\r
    element = $(element);\r
    if (element.style.position == 'relative') return;\r
    Position.prepare();\r
\r
    element.style.position = 'relative';\r
    var top  = parseFloat(element.style.top  || 0) - (element._originalTop || 0);\r
    var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0);\r
\r
    element.style.top    = top + 'px';\r
    element.style.left   = left + 'px';\r
    element.style.height = element._originalHeight;\r
    element.style.width  = element._originalWidth;\r
  }\r
}\r
\r
// Safari returns margins on body which is incorrect if the child is absolutely\r
// positioned.  For performance reasons, redefine Position.cumulativeOffset for\r
// KHTML/WebKit only.\r
if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) {\r
  Position.cumulativeOffset = function(element) {\r
    var valueT = 0, valueL = 0;\r
    do {\r
      valueT += element.offsetTop  || 0;\r
      valueL += element.offsetLeft || 0;\r
      if (element.offsetParent == document.body)\r
        if (Element.getStyle(element, 'position') == 'absolute') break;\r
\r
      element = element.offsetParent;\r
    } while (element);\r
\r
    return [valueL, valueT];\r
  }\r
}