/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/Environment.js
**
****************************************************************
****************************************************************/

/**
 * Environment
 * @author delphi
 *
 */

function Environment()
{
}


Environment.cookiePath  = '.froomity.com';
Environment.wwwUrl		= 'http://www.froomity.com'; 
Environment.ajaxUrl		= 'http://www.froomity.com/php/ajax.php'; // module & do bitte über ajax.php?module=&do= anängen
Environment.pageUrl		= 'http://www.froomity.com/php/page'; // module & do bitte über /module/do anhängen
Environment.cssUrl		= 'http://resources.froomity.com/css';
Environment.imageUrl	= 'http://resources.froomity.com/images';
Environment.flashUrl	= 'http://resources.froomity.com/flash';
Environment.jsUrl		= 'http://resources.froomity.com/js';

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/libs/prototype.js
**
****************************************************************
****************************************************************/
/*
 *
 * THIS FILE IS MODIFIED!!! (search the file for 'modified')
 *
 */


/*  Prototype JavaScript framework, version 1.6.0.2
 *  (c) 2005-2008 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.2',

  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;


/* 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.isUndefined(object)) return 'undefined';
      if (object === null) return 'null';
      return object.inspect ? object.inspect() : String(object);
    } catch (e) {
      if (e instanceof RangeError) return '...';
      throw e;
    }
  },

  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 (!Object.isUndefined(value))
        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 != null && typeof object == "object" &&
      'splice' in object && 'join' in object;
  },

  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 && Object.isUndefined(arguments[0])) 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 = Object.isUndefined(count) ? 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 = Object.isUndefined(truncation) ? '...' : 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;
    if (str.blank()) return false;
    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);
    });
  }
});
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 = Object.isUndefined(fillWith) ? 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 == null || 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 == null || 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 || 0, results = new Array(length);
  while (length--) results[length] = iterable[length];
  return results;
}

if (Prototype.Browser.WebKit) {
  $A = function(iterable) {
    if (!iterable) return [];
    if (!(Object.isFunction(iterable) && iterable == '[object NodeList]') &&
        iterable.toArray) return iterable.toArray();
    var length = iterable.length || 0, 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 (!Object.isUndefined(value)) 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() {

  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: function(iterator) {
      for (var key in this._object) {
        var value = this._object[key], pair = [key, value];
        pair.key = key;
        pair.value = value;
        iterator(pair);
      }
    },

    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();
    else if (Object.isHash(this.options.parameters))
      this.options.parameters = this.options.parameters.toObject();
  }
});

Ajax.Request = Class.create(Ajax.Base, {
  _complete: false,

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

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

    if (!['get', 'post'].include(this.method)) {
      // 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 && this.isSameOrigin() && contentType
          && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i)))
        this.evalResponse();
    }

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

    if (state == 'Complete') {
      // avoid memory leak in MSIE: clean up
      this.transport.onreadystatechange = Prototype.emptyFunction;
    }
  },

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

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

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

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

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

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

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

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

  status:      0,
  statusText: '',

  getStatus: Ajax.Request.prototype.getStatus,

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

  getHeader: Ajax.Request.prototype.getHeader,

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

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

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

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

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

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

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

    $super(url, options);
  },

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

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

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

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

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

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

    this.start();
  },

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

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

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

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

  onTimerEvent: function() {
    this.updater = new Ajax.Updater(this.container, this.url, this.options);
  }
});
function $(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}

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

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

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

if (!Node.ELEMENT_NODE) {
  // 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, insert, tagName, childNodes;

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

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

      content = Object.toHTML(content);

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

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

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

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

    return element;
  },

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

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

  recursivelyCollect: function(element, property) {
    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 $(element).select("*");
  },

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

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

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

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

  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] = Object.isUndefined(value) ? true : value;

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

  getHeight: function(element) {
    return $(element).getDimensions().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);
    var originalAncestor = 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 && nextAncestor.sourceIndex)
       return (e > a && e < nextAncestor.sourceIndex);
    }

    while (element = element.parentNode)
      if (element == originalAncestor) 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') ?
          (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') :
            property] = styles[property];

    return element;
  },

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

  getDimensions: function(element) {
    element = $(element);
    var display = $(element).getStyle('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 !== 'static') 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 (Prototype.Browser.Opera) {
  Element.Methods.getStyle = Element.Methods.getStyle.wrap(
    function(proceed, element, style) {
      switch (style) {
        case 'left': case 'top': case 'right': case 'bottom':
          if (proceed(element, 'position') === 'static') return null;
        case 'height': case 'width':
          // returns '0px' for hidden elements; we want it to return null
          if (!Element.visible(element)) return null;

          // returns the border-box dimensions rather than the content-box
          // dimensions, so we subtract padding and borders from the value
          var dim = parseInt(proceed(element, style), 10);

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

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

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

else if (Prototype.Browser.IE) {
  // IE doesn't report offsets correctly for static elements, so we change them
  // to "relative" to get the values, then change them back.
  Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.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;
    }
  );

  $w('positionedOffset 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);
        // Trigger hasLayout on the offset parent so that IE6 reports
        // accurate offsetTop and offsetLeft values for position: fixed.
        var offsetParent = element.getOffsetParent();
        if (offsetParent && offsetParent.getStyle('position') === 'fixed')
          offsetParent.setStyle({ zoom: 1 });
        element.setStyle({ position: 'relative' });
        var value = proceed(element);
        element.setStyle({ position: position });
        return value;
      }
    );
  });

  Element.Methods.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) {
          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.extend({
      cellpadding: 'cellPadding',
      cellspacing: 'cellSpacing'
    }, Element._attributeTranslations.read.names),
    values: {
      checked: function(element, value) {
        element.checked = !!value;
      },

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

  Element._attributeTranslations.has = {};

  $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' +
      'encType maxLength readOnly longDesc').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 Element#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 ('outerHTML' in document.createElement('div')) {
  Element.Methods.replace = function(element, content) {
    element = $(element);

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

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

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

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

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

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

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

(function() {
  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 = { };
    var B = Prototype.Browser;
    $w('width height').each(function(d) {
      var D = d.capitalize();
      dimensions[d] = (B.WebKit && !document.evaluate) ? self['inner' + D] :
        (B.Opera) ? document.body['client' + D] : document.documentElement['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();
  },

  shouldUseXPath: function() {
    if (!Prototype.BrowserFeatures.XPath) return false;

    var e = this.expression;

    // Safari 3 chokes on :*-of-type and :empty
    if (Prototype.Browser.WebKit &&
     (e.include("-of-type") || e.include(":empty")))
      return false;

    // XPath can't do namespaced attributes, nor can it read
    // the "checked" property from DOM nodes
    if ((/(\[[\w-]*?:|:checked)/).test(this.expression))
      return false;

    return true;
  },

  compileMatcher: function() {
    if (this.shouldUseXPath())
      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: function(m) {
      m[1] = m[1].toLowerCase();
      return new Template("[@#{1}]").evaluate(m);
    },
    attr: function(m) {
      m[1] = m[1].toLowerCase();
      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, 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); c = false;',
    attr: function(m) {
      m[3] = (m[5] || m[6]);
      return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}", c); 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 nodeValue && Selector.operators[matches[2]](nodeValue, matches[5] || matches[6]);
    }
  },

  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) {
      var _true = Prototype.emptyFunction;
      for (var i = 0, node; node = nodes[i]; i++)
        node._countedByPrototype = _true;
      return nodes;
    },

    unmark: function(nodes) {
      for (var i = 0, node; node = nodes[i]; i++)
        node._countedByPrototype = 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._countedByPrototype = Prototype.emptyFunction;
      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._countedByPrototype)) node.nodeIndex = j++;
        }
      } else {
        for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++)
          if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) 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])._countedByPrototype) {
          n._countedByPrototype = Prototype.emptyFunction;
          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, 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) {
      var uTagName = 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() === uTagName) 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, combinator) {
      if (!nodes) nodes = root.getElementsByTagName("*");
      if (nodes && combinator) nodes = this[combinator](nodes);
      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, combinator) {
      if (!nodes) nodes = root.getElementsByTagName("*");
      if (nodes && combinator) nodes = this[combinator](nodes);
      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._countedByPrototype) {
          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._countedByPrototype) 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() + '-'); }
  },

  split: function(expression) {
    var expressions = [];
    expression.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) {
      expressions.push(m[1].strip());
    });
    return expressions;
  },

  matchElements: function(elements, expression) {
    var matches = $$(expression), h = Selector.handlers;
    h.mark(matches);
    for (var i = 0, results = [], element; element = elements[i]; i++)
      if (element._countedByPrototype) 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) {
    expressions = Selector.split(expressions.join(','));
    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;
  }
});

if (Prototype.Browser.IE) {
  Object.extend(Selector.handlers, {
    // IE returns comment nodes on getElementsByTagName("*").
    // Filter them out.
    concat: function(a, b) {
      for (var i = 0, node; node = b[i]; i++)
        if (node.tagName !== "!") a.push(node);
      return a;
    },

    // IE improperly serializes _countedByPrototype in (inner|outer)HTML.
    unmark: function(nodes) {
      for (var i = 0, node; node = nodes[i]; i++)
        node.removeAttribute('_countedByPrototype');
      return nodes;
    }
  });
}

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 (Object.isUndefined(options.hash)) options.hash = true;
    var key, value, submitted = false, submit = options.submit;

    var data = elements.inject({ }, function(result, element) {
      if (!element.disabled && element.name) {
        key = element.name; value = $(element).getValue();
        if (value != null && (element.type != '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 (Object.isUndefined(value)) return element.checked ? element.value : null;
    else element.checked = !!value;
  },

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

  select: function(element, index) {
    if (Object.isUndefined(index))
      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);
      if (!expression) return element;
      var elements = [element].concat(element.ancestors());
      return Selector.findElement(elements, expression, 0);
    },

    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._prototypeEventID) return element._prototypeEventID[0];
    arguments.callee.id = arguments.callee.id || 1;
    return element._prototypeEventID = [++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;

      var event;
      if (document.createEvent) {
        event = document.createEvent("HTMLEvents");
        event.initEvent("dataavailable", true, true);
      } else {
        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.extend(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(),
  loaded:        false
});

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

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

/*
 * modified by maz
 *
 * the original version uses document.write() that is not good for delayed loading
 *
 */
	timer = setInterval(
		function()
		{
			if (window.Page && Page.checkLoaded())
			{
				fireContentLoadedEvent();
			}
		},
		100);

})();
/*------------------------------- 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();
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/String.js
**
****************************************************************
****************************************************************/

/**
 * String extension
 * @copyright Copyright &copy; 2008, krumedia
 *
 */


/**
 * Repeats a string n-times.
 * @param {Number} n The number or repetitions.
 * @return {String} A n-times concatenated string.
 * @copyright Copyright &copy; 2008, krumedia
 */
String.prototype.repeat = function(n)
{
	return new Array(n + 1).join(this);
};

/**
 * Replaces all characters in a string to not get interpreted by the browser.
 * @return {String} A HTML aware string.
 * @copyright Copyright &copy; 2008, krumedia
 */
String.prototype.htmlchars = function()
{
	var value = this;
	value = value.replace(/&/g, '&amp;');
	value = value.replace(/"/g, '&quot;');
	value = value.replace(/'/g, '&#39;');
	value = value.replace(/</g, '&lt;');
	value = value.replace(/>/g, '&gt;');
	return value;
};

/**
 * Replaces all line-feeds by the br tag.
 * @return {String}
 * @copyright Copyright &copy; 2008, krumedia
 */
String.prototype.nl2br = function()
{
	return this.replace(/\r\n|\r|\n/g, '<br />');
};

String.prototype.trim = function()
{
	return this.match(/^\s*(.*?)\s*$/)[1];
};


String.prototype.parseCurrency = function()
{
	var result = this.match(/^(\d*(?:[\.,]\d*)*?)(?:[\.,](\d*))?(?:$|[^\.,\d])/);
	if (!result)
	{
		return 0;
	}
	var a = result[1].replace(/[\.,]/g, "");
	if (!result[2])
	{
		return Number('0' + a);
	}
	return Number('0' + a + '.' + result[2]);
};


/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/StringBuilder.js
**
****************************************************************
****************************************************************/

/**
 * StringBuilder class
 * @copyright Copyright &copy; 2008, krumedia
 *
 * idea taken from:
 *
 * http://www.codeproject.com/jscript/stringbuilder.asp
 * JavaScript StringBuilder
 * By K.Collins.
 *
 */

function StringBuilder(initialString)
{
	this.strings = new Array();
	if (initialString != undefined)
	{
		this.strings.push(initialString);
	}
}

StringBuilder.prototype.append = function(value)
{
	this.strings.push(value);
};

StringBuilder.prototype.clear = function()
{
	this.strings.length = 0;
};

StringBuilder.prototype.toString = function()
{
	return this.strings.join('');
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/ParameterBuilder.js
**
****************************************************************
****************************************************************/

/**
 * ParameterBuilder class
 * ParameterBuilder extends StringBuilder so you may use methods of StringBuilder as well.
 * @copyright Copyright &copy; 2008, krumedia
 *
 * example:
 * var parameterString = new ParameterBuilder() // create instance
 *     .append('action=skipIntro&count=1', 'bla=blub', {a: '1', b: '2'}) // append() allows any number of arguments (string & object)
 *     .append('hello&world') // append other things
 *     .appendPair('name', $('surname').value) // append a name-value pair
 *     .toString(); // finally create the string
 */

/*
 * var parameterBuilder = new ParameterBuilder();
 * parameterBuilder.__proto__ == ParameterBuilder.prototype;
 * parameterBuilder.__proto__.__proto__ == StringBuilder.prototype;
 */


function ParameterBuilder(initialString)
{
	StringBuilder.call(this, initialString);
}

ParameterBuilder.prototype = new StringBuilder();

ParameterBuilder.prototype.appendPair = function(name, value)
{
	var baseAppend = StringBuilder.prototype.append;
	if (this.strings.length > 0)
	{
		baseAppend.call(this, '&');
	}
	baseAppend.call(this, encodeURIComponent(name));
	baseAppend.call(this, '=');
	baseAppend.call(this, encodeURIComponent(value));
	return this;
};

ParameterBuilder.prototype.append = function()
{
	var baseAppend = StringBuilder.prototype.append;
	for (var i = 0; i < arguments.length; ++i)
	{	
		var arg = arguments[i];
		if (typeof arg == 'string')
		{
			if (this.strings.length > 0)
			{
				baseAppend.call(this, '&');
			}
			baseAppend.call(this, arg);
		}
		else if (typeof arg == 'object')
		{
			for (var name in arg)
			{
				if (this.strings.length > 0)
				{
					baseAppend.call(this, '&');
				}
				baseAppend.call(this, encodeURIComponent(name));
				baseAppend.call(this, '=');
				baseAppend.call(this, encodeURIComponent(arg[name]));
			}
		}
	}
	return this;
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/Cookie.js
**
****************************************************************
****************************************************************/

/**
 * Cookie class
 * Bietet schnelle und effektive Methoden per JS auf Cookievariablen zuzugreifen.
 */

function Cookie()
{
}

Cookie.INFINITE = -1;

Cookie.set = function(name, value, numSeconds)
{
	var cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value);
	if (numSeconds != undefined)
	{
		if (numSeconds == Cookie.INFINITE)
		{
			cookie += ';expires=Fri, 01 Jan 2038 00:00:00 GMT';
		}
		else if (numSeconds > 0)
		{
			var expire = new Date();
			expire.setTime(expire.getTime() + numSeconds * 1000);
			cookie += ';expires=' + expire.toGMTString();
		}
	}
	cookie += ';path=/;domain=' + Environment.cookiePath;
	document.cookie = cookie;
};

Cookie.get = function(name)
{
	var cookies = document.cookie.split(';');
	for (var i = 0, l = cookies.length; i < l; ++i)
	{
		var cookie = cookies[i];
		var p = cookie.indexOf('=');
		if (p == -1)
		{
			continue;
		}
		var cookieName = decodeURIComponent(cookie.substring(0, p).trim());
		if (cookieName == name)
		{
			var cookieValue = decodeURIComponent(cookie.substring(p + 1).trim());
			return cookieValue;
		}
	}
	return null;
};

// delete is a keyword
Cookie.remove = function(name)
{
	if (Cookie.get(name) === null)
	{
		return;
	}
	document.cookie = encodeURIComponent(name) + '=;expires=Thu, 01-Jan-1970 00:00:01 GMT'
		+ ';path=/;domain=' + Environment.cookiePath;
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/URL.js
**
****************************************************************
****************************************************************/

// alternativ:
// PrototypeJS: toQueryParams


/**
 * Url class
 * @author delphi
 * example:
 * http://www.froomity.com/?hallo=Welt
 * alert('Hallo '+Url.get('hallo'));
 * >> Hallo Welt
 */

function URL()
{
}

URL.get = function(name){
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	var regexS = "[\\?&]"+name+"=([^&#]*)";
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null ){
		return "";
	}else{
		return decodeURIComponent(results[1]);
	}
}



/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/AjaxHandler.js
**
****************************************************************
****************************************************************/

/**
 * AjaxHandler class
 * @copyright Copyright &copy; 2008, krumedia
 *
 * example:
 * AjaxHandler.getInstance().queueRequest('login', {parameters: 'hello=world', method: 'post', onSuccess: f1, onStart: f2});
 * - leave the name blank if the request cannot be skipped
 * - f2() may return false to cancel the request or may return a string to append additional parameters
 */

function AjaxHandler()
{
	var self = this;

	this.ids = {};
	this.order = [];
	this.pendingRequest = null;
	this.ajaxRequestObj = null;
	this.paused = false;
	
	this._onSuccessDelegate = function(transport) { self._onSuccess(transport); }; // cache delegates
	this._onFailureDelegate = function(transport) { self._onFailure(transport); };
	this._onExceptionDelegate = function(obj, exception) { self._onException(obj, exception); };
}

AjaxHandler.prototype.queueRequest = function(id /* : String */, data /* : Object */)
{
	this.order.push({id: id, data: data});

	if (id != '')
	{
		if (this.ids[id] == undefined)
		{
			this.ids[id] = 0;
		}
		this.ids[id] += 1; // increment bounce
	}
	
	if (this.pendingRequest == null)
	{
		this._nextRequest();
	}
};

AjaxHandler.prototype._getNextRequest = function()
{
	if (this.order.length < 1)
	{
		return null;
	}

	var request = this.order.shift();
	if (request.id != '')
	{
		for (var i = 0; i < this.order.length; )
		{
			if (request.id == this.order[i].id)
			{
				request = this.order.splice(i, 1)[0];
			}
			else
			{
				i += 1;
			}
		}
	}
	return request;
};

AjaxHandler.prototype._nextRequest = function()
{
	this.pendingRequest = null;
	this.ajaxRequestObj = null;
	
	var request;
	
	for (; ; )
	{
		request = this._getNextRequest();
		if (!request)
		{
			return;
		}
		
		var parameters = new ParameterBuilder(request.data.parameters);

		if (request.data.method == undefined)
		{
			request.data.method = 'post';
		}
		if (request.id != '')
		{
			parameters.appendPair('_bounce', ++this.ids[request.id]);
		}

		// set pendingRequest so that new requests get queued
		this.pendingRequest = request;
		if (request.data.onStart)
		{
			var appendParameters = request.data.onStart();
			if (appendParameters === false)
			{
				this.pendingRequest = null; // request canceled
				continue; // next request
			}
			if (typeof appendParameters == 'string')
			{
				parameters.append(appendParameters);
			}
		}
		request.data.parameters = parameters.toString();
		break;
	}

	this.ajaxRequestObj = new Ajax.Request(
		Environment.ajaxUrl,
		{
			method: request.data.method,
			parameters: request.data.parameters,
			onSuccess: this._onSuccessDelegate,
			onFailure: this._onFailureDelegate,
			onException: this._onExceptionDelegate
		}
	);
};

AjaxHandler.loginForm = null;

AjaxHandler.prototype._onSuccess = function(transport)
{
	var request = this.pendingRequest;
	this.pendingRequest = null; // allow queueing

	var response = null;
	try
	{
		response = eval(transport.responseText);
	}
	catch(e)
	{
	}
	
	if (response == null || response._scriptError)
	{
		//if (confirm('AjaxHandler error! Try again?\n\nReason: '
		//	+ (response == null ? 'eval() failed: ' + transport.responseText : response._scriptErrorMessage)))
		//{
		//	this.order.unshift(request);
		//}
		//this._nextRequest();
		
		this._nextRequest();
		throw (response == null ? 'eval() failed: ' + transport.responseText : response._scriptErrorMessage);
		
		return;
	}

	if ((request.id != '' && response._bounce != this.ids[request.id]) || response._mute)
	{
		this._nextRequest();
		return;
	}

	if (response._sessionExpired)
	{
		window.location.href = "http://www.froomity.com/Login.html";
			//var f = AjaxHandler.loginForm;
			//if (f == null)
			//{
				// create form
			//	f = $(document.createElement('div'));
			//	f.style.display = 'none';
			//	f.style.position = 'absolute';
			//	document.getElementsByTagName('body')[0].appendChild(f);
			//	f.update('\x3Cform style=\"background-color:rgb(255,243,181);border:1px solid rgb(255,206,12);\"\x3E\n\t\x3Cp\x3EYour session has expired! You may login to continue seamlessly:\x3C/p\x3E\n\t\x3Ctable\x3E\n\t\t\x3Ctr\x3E\n\t\t\t\x3Ctd\x3EU:\x3C/td\x3E\n\t\t\t\x3Ctd\x3E\x3Cinput type=\"text\" class=\"text\" name=\"froomityUserName\" value=\"\" /\x3E\x3C/td\x3E\n\t\t\x3C/tr\x3E\n\t\t\x3Ctr\x3E\n\t\t\t\x3Ctd\x3EP:\x3C/td\x3E\n\t\t\t\x3Ctd\x3E\x3Cinput type=\"password\" class=\"password\" name=\"froomityUserPassword\" value=\"\" /\x3E\x3C/td\x3E\n\t\t\x3C/tr\x3E\n\t\x3C/table\x3E\n\t\x3Cinput type=\"submit\" class=\"submit\" value=\"Go!\" /\x3E\n\x3C/form\x3E');
			//	AjaxHandler.loginForm = f;
	
			//}
	
			//var w = f.offsetWidth, h = f.offsetHeight;
			//var offset = document.viewport.getScrollOffsets();
			//var size = document.viewport.getDimensions();
			
			//f.style.visibility = 'hidden';
			//f.style.display = '';
			//f.style.left = '' + (offset.left + Math.round((size.width - w)  / 2)) + 'px';
			//f.style.top =  '' + (offset.top  + Math.round((size.height - h) / 2)) + 'px';
			//f.style.visibility = '';
			
			//var ah = this;
			
			//var form = $(f.getElementsBySelector('form')[0]);
			//form.onsubmit = function()
			//{
			//	requestAjax(function(response)
			//	{
			//		f.style.display = 'none';
			//		form.elements.froomityUserPassword.value = '';
	
			//		ah.order.unshift(request);
			//		if (ah.pendingRequest == null)
			//		{
			//			ah._nextRequest();
			//		}
					
			//		if (response.isLoggedIn == 0)
			//		{
			//			alert('Wrong credentials!');
			//		}
	
			//	}, 'module=login&do=login', form.serialize(), 'timezoneOffset=' + (new Date().getTimezoneOffset()));
	
			//	return false;
			//};
		return;
	}

	if (request.data.onSuccess)
	{
		// we need our own exception handler
		// otherwise prototypejs will catch and hide everything
		//try
		//{
			request.data.onSuccess(response, transport);
		//}
		//catch(exception)
		//{
		//	if (typeof exception == 'object' && exception.description)
		//	{
		//		alert('AjaxHandler exception!\n\nDescription: ' + exception.description);
		//	}
		//	else
		//	{
		//		alert('AjaxHandler exception!\n\nDescription: ' + exception);
		//	}
		//}
	}
	if (this.pendingRequest == null)
	{
		this._nextRequest();
	}
};

AjaxHandler.prototype._onFailure = function(transport)
{
	var request = this.pendingRequest;
	this.pendingRequest = null; // allow queueing

//	if (confirm('AjaxHandler error! Try again?\n\nReason: Ajax request failed (onFailure).'))
//	{
//		this.order.unshift(request);
//	}
//	this._nextRequest();

	this._nextRequest();
	throw 'AjaxHandler error! (failure)';


};

AjaxHandler.prototype._onException = function(obj, exception)
{
	var request = this.pendingRequest;
	this.pendingRequest = null; // allow queueing

	setTimeout(
		function()
		{
			 throw 'AjaxHandler error! Try again?\n\nReason: '
				+ (typeof exception == 'object' && exception.description ? exception.description : exception);
		},
		1
	);
	this._nextRequest();
};







AjaxHandler._instance = null;

AjaxHandler.getInstance = function()
{
	if (!AjaxHandler._instance)
	{
		AjaxHandler._instance = new AjaxHandler();
	}
	return AjaxHandler._instance;
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/Bubble.js
**
****************************************************************
****************************************************************/

/*
 * Bubble class
 * Copyright 2008, www.krumedia.com
 *
 */

function Bubble()
{
	this._construct();
}

Bubble.BG_POS_TL = 1;
Bubble.BG_POS_TR = 2;
Bubble.BG_POS_BL = 3;
Bubble.BG_POS_BR = 4;

Bubble.INNER_HORZ = 1;
Bubble.INNER_VERT = 2;

Bubble.NOSE_POS_TL = 1;
Bubble.NOSE_POS_TR = 2;
Bubble.NOSE_POS_BL = 3;
Bubble.NOSE_POS_BR = 4;

Bubble.defaultTheme = 'froomity';

Bubble.themes = {};



Bubble.prototype._construct = function()
{
	var self = this;

	this._theme = null;
	this._width = 0;
	this._height = 0;
	this._nosePos = Bubble.NOSE_POS_BR;
	var ieVersion = navigator.userAgent.match(/MSIE\s+(\d+(?:\.\d+)?)/);
	this._altMode = ieVersion && parseFloat(ieVersion[1]) < 7;
	this._title = '';
	this._buttons = [];
	this._cancelTimer = false;

	// elements
	this._rootElement = null;
	this._bgs = null;
	this._noses = null;
	this._contentElement = null;
	this._altFrameElement = null;
	this._altBgs = null;
	this._altContentElement = null;
	this._titleElement = null;
	this._closeButtonElement = null;
	this._buttonsContainerElement = null;
	this._buttonsRowElement = null;

	// delegates
	this._onCancelDelegate = function() { self.onCancel(); return false; };
	this._cancelTimerDelegate = function() { self._cancelTimer = false; self.onCancel(); };
	this._onCloseButtonOverDelegate = function() { self._closeButtonElement.style.backgroundPosition = '0px -' + self._theme.closeButtonHeight + 'px'; };
	this._onCloseButtonOutDelegate = function() { self._closeButtonElement.style.backgroundPosition = '0px 0px'; };
	
	this._createBubble();
};

Bubble.prototype._createBubble = function()
{
	// create all nodes

	var root = document.createElement('div');
	root.style.position = 'absolute';
	root.style.left = '250px';
	root.style.top = '250px';
	this._rootElement = root;
	var origin = document.createElement('div');
	origin.style.position = 'relative';
	root.appendChild(origin);

	var bg;
	if (this._altMode)
	{
		bg = document.createElement('div');
		bg.style.position = 'absolute';
		bg.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="",sizingMethod="scale");';
	}
	else
	{
		bg = document.createElement('img');
		bg.style.position = 'absolute';
	}
	var bgs = [];
	for (bgs.push(origin.appendChild(bg)); bgs.length < 9; bgs.push(origin.appendChild(bg.cloneNode(false)))) ;
	this._bgs = bgs;

	var noses = [];
	for (; noses.length < 4; noses.push(origin.appendChild(bg.cloneNode(false)))) ;
	this._noses = noses;

	var content = document.createElement('div');
	content.style.position = 'absolute';
	origin.appendChild(content);
	this._contentElement = content;

	// append now to access the frame doc
	document.getElementsByTagName("body")[0].appendChild(root);

	var frameDoc = document;
	var frameOrigin = origin;

	if (this._altMode)
	{
		var frame = document.createElement('iframe');
		frame.frameBorder = '0';
		frame.style.position = 'absolute';
		origin.appendChild(frame);
		frameDoc = frame.contentWindow ? frame.contentWindow.document : frame.document;
		frameDoc.open();
		frameDoc.write(
			'\x3C!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"\x3E\n'
			+ '\x3Chtml xmlns="http://www.w3.org/1999/xhtml" style="overflow:hidden;"\x3E\n'
			+ '\t\x3Chead\x3E\n'
			+ '\t\t\x3Cmeta http-equiv="Content-Type" content="text/html; charset=UTF-8" /\x3E\n'
			+ '\t\t\x3Ctitle\x3E\x3C/title\x3E\n'
			+ '\t\t\x3C/head\x3E\n'
			+ '\t\x3Cbody style="margin:0px;padding:0px;"\x3E\n'
			+ '\t\x3C/body\x3E\n'
			+ '\x3C/html\x3E\n'
		);
		frameDoc.close();
		this._altFrameElement = frame;

		frameOrigin = frameDoc.getElementsByTagName('body')[0];
		var altBg = frameDoc.createElement('img');
		altBg.style.position = 'absolute';
		var altBgs = [];
		for (altBgs.push(frameOrigin.appendChild(altBg)); altBgs.length < 9; altBgs.push(frameOrigin.appendChild(altBg.cloneNode(false)))) ;
		this._altBgs = altBgs;
		var altContent = frameDoc.createElement('div');
		altContent.style.position = 'absolute';
		altContent.style.overflow = 'hidden';
		frameOrigin.appendChild(altContent);
		this._altContentElement = altContent;
	}

	// _titleElement
	var title = frameDoc.createElement('div');
	title.style.position = 'absolute';
	frameOrigin.appendChild(title);
	this._titleElement = title;
	// _closeButtonElement
	var closeButton = frameDoc.createElement('a');
	closeButton.style.position = 'absolute';
	closeButton.style.display = 'block';
	closeButton.style.overflow = 'hidden';
	closeButton.onmouseover = this._onCloseButtonOverDelegate;
	closeButton.onmouseout = this._onCloseButtonOutDelegate;
	closeButton.onclick = this._onCancelDelegate;
	closeButton.href = '#'; // hand cursor
	frameOrigin.appendChild(closeButton);
	this._closeButtonElement = closeButton;
	// _buttonsContainerElement
	var buttonsContainer = frameDoc.createElement('div');
	buttonsContainer.style.position = 'absolute';
	buttonsContainer.style.borderWidth = '1px 0px 0px 0px';
	buttonsContainer.style.borderStyle = 'solid';
	var table = frameDoc.createElement('table');
	table.cellSpacing = 0;
	table.cellPadding = 0;
	buttonsContainer.appendChild(table);
	var tbody = frameDoc.createElement('tbody');
	table.appendChild(tbody);
	var tr = frameDoc.createElement('tr');
	tbody.appendChild(tr);
	this._buttonsRowElement = tr;
	var td = frameDoc.createElement('td');
	td.align = 'center';
	tr.appendChild(td);
	var button = frameDoc.createElement('button');
	button.style.display = 'none';
	button.style.borderWidth = '2px';
	button.style.borderStyle = 'groove';
	button.style.whiteSpace = 'nowrap';
	button.appendChild(frameDoc.createTextNode('button'));
	td.appendChild(button);
	frameOrigin.appendChild(buttonsContainer);
	this._buttonsContainerElement = buttonsContainer;
};

Bubble.prototype.getWindow = function()
{
	if (this._altMode)
	{
		var w = this._altFrameElement.contentWindow;
		if (!w) throw "contentWindow is not defined!";
		return w;
	}

	return window;
};


Bubble.prototype._setThemeName = function(themeName)
{
	var theme = Bubble.themes[themeName];
	if (theme == this._theme)
	{
		return;
	}
	
	var bgFiles = ['tl.png', 't.png', 'tr.png',
		'l.png', 'bg.png', 'r.png', 'bl.png', 'b.png', 'br.png'];
	var nFiles = ['tl.png', 'tr.png', 'bl.png', 'br.png'];

	var bgs = this._bgs;
	var noses = this._noses;
	if (this._altMode)
	{
		var filter = 'DXImageTransform.Microsoft.AlphaImageLoader';
		for (var i = 0; i < 9; ++i)
		{
			bgs[i].filters[filter].src = theme.resources + '/b-' + bgFiles[i];
			bgs[i].filters[filter].sizingMethod = 'scale'; // need to apply again
		}
		for (var i = 0; i < 4; ++i)
		{
			noses[i].filters[filter].src = theme.resources + '/n-' + nFiles[i];
			noses[i].filters[filter].sizingMethod = 'scale'; // need to apply again
		}

		var altBgs = this._altBgs;
		for (var i = 0; i < 9; ++i)
		{
			altBgs[i].src = theme.resources + '/a-' + bgFiles[i];
		}

		this._altContentElement.style.color = theme.textColor;
		this._altContentElement.style.font = theme.textFont;
		this._altContentElement.style.lineHeight = theme.textLineHeight;
	}
	else
	{
		for (var i = 0; i < 9; ++i)
		{
			bgs[i].src = theme.resources + '/b-' + bgFiles[i];
		}
		for (var i = 0; i < 4; ++i)
		{
			noses[i].src = theme.resources + '/n-' + nFiles[i];
		}
	}

	this._contentElement.style.color = theme.textColor;
	this._contentElement.style.font = theme.textFont;
	this._contentElement.style.lineHeight = theme.textLineHeight;
	this._titleElement.style.color = theme.textColor;
	this._titleElement.style.font = theme.textFont;
	this._titleElement.style.lineHeight = theme.textLineHeight;

	this._closeButtonElement.style.width = '' + theme.closeButtonWidth + 'px';
	this._closeButtonElement.style.height = '' + theme.closeButtonHeight + 'px';
	this._closeButtonElement.style.backgroundImage = 'url("' + theme.resources + '/btn-close.png")';
	this._buttonsContainerElement.style.borderTopColor = '' + theme.buttonsSeparatorColor;

	for (var td = this._buttonsRowElement.firstChild; td != null; td = td.nextSibling)
	{
		var button = td.firstChild;
		button.style.backgroundColor = '' + theme.buttonsBackgroundColor;
		button.style.borderColor = '' + theme.buttonsBorderColor;
		button.style.color = theme.textColor;
		button.style.font = theme.textFont;
	}

	this._theme = theme;
};

Bubble.prototype._setHTML = function(html, width /* optional */)
{
	var titleHeight = 18;
	var buttonsHeight = 30;

	var theme = this._theme;
	var maxWidth = theme.maxWidth - theme.contentPadding[3] - theme.contentPadding[1];
	width = Number(width);
	if (!width || width > maxWidth) width = maxWidth;

	var content = this._contentElement;
	content.style.width = '' + width + 'px';
	content.style.left = '' + theme.contentPadding[3] + 'px';
	content.style.top = '' + (theme.contentPadding[0] + titleHeight) + 'px';
	content.innerHTML = html;

	var w = content.offsetWidth;
	if (w < theme.minWidth - theme.contentPadding[3] - theme.contentPadding[1]) w = theme.minWidth;
	else w += theme.contentPadding[3] + theme.contentPadding[1];
	var h = content.offsetHeight;
	h += titleHeight; // title
	if (this._buttons.length != 0)
	{
		h += buttonsHeight; // buttons
	}

	if (h < theme.minHeight - theme.contentPadding[0] - theme.contentPadding[2]) h = theme.minHeight;
	else h += theme.contentPadding[0] + theme.contentPadding[2];

	this._width = w;
	this._height = h;
	this._positionElements(this._bgs, theme.background, w, h);

	if (this._altMode)
	{
		// frame background element
		w -= theme.altPadding[3] + theme.altPadding[1];
		h -= theme.altPadding[0] + theme.altPadding[2];

		var frame = this._altFrameElement;
		frame.style.left = '' + theme.altPadding[3] + 'px';
		frame.style.top = '' + theme.altPadding[0] + 'px';
		frame.style.width = '' + w + 'px';
		frame.style.height = '' + h + 'px';

		this._positionElements(this._altBgs, theme.altBackground, w, h);

		// frame content element
		var altContent = this._altContentElement;
		altContent.style.left = '' + (theme.contentPadding[3] - theme.altPadding[3]) + 'px';
		altContent.style.top = '' + (theme.contentPadding[0] - theme.altPadding[0] + titleHeight) + 'px';
		altContent.style.width = '' + content.offsetWidth + 'px';
		altContent.style.height = '' + content.offsetHeight + 'px';
//		altContent.style.margin = ''
//			+ (theme.contentPadding[0] - theme.altPadding[0] + titleHeight) + 'px '
//			+ (theme.contentPadding[1] - theme.altPadding[1]) + 'px '
//			+ (theme.contentPadding[2] - theme.altPadding[2]) + 'px '
//			+ (theme.contentPadding[3] - theme.altPadding[3]) + 'px';
		altContent.innerHTML = html;


		this._titleElement.style.left = '' + (theme.contentPadding[3] - theme.altPadding[3]) + 'px';
		this._titleElement.style.top = '' + (theme.contentPadding[0] - theme.altPadding[0]) + 'px';
		this._titleElement.style.width = '' + (this._width - theme.contentPadding[3] - theme.contentPadding[1]) + 'px';
		this._closeButtonElement.style.left = '' + (this._width - (theme.contentPadding[3] - theme.altPadding[3] /* left offset */) - theme.contentPadding[1] - theme.closeButtonWidth) + 'px';
		this._closeButtonElement.style.top = '' + (theme.contentPadding[0] - theme.altPadding[0]) + 'px';
		this._buttonsContainerElement.style.left = '' + (theme.contentPadding[3] - theme.altPadding[3]) + 'px';
		this._buttonsContainerElement.style.top = '' + (this._height - (theme.contentPadding[0] - theme.altPadding[0] /* top offset */) - theme.contentPadding[2] - buttonsHeight) + 'px';
		this._buttonsContainerElement.style.width = '' + (this._width - theme.contentPadding[3] - theme.contentPadding[1]) + 'px';
	}
	else
	{
		this._titleElement.style.left = '' + (theme.contentPadding[3]) + 'px';
		this._titleElement.style.top = '' + (theme.contentPadding[0]) + 'px';
		this._titleElement.style.width = '' + (this._width - theme.contentPadding[3] - theme.contentPadding[1]) + 'px';
		this._closeButtonElement.style.left = '' + (this._width - theme.contentPadding[1] - theme.closeButtonWidth) + 'px';
		this._closeButtonElement.style.top = '' + (theme.contentPadding[0]) + 'px';
		this._buttonsContainerElement.style.left = '' + (theme.contentPadding[3]) + 'px';
		this._buttonsContainerElement.style.top = '' + (this._height - theme.contentPadding[2] - buttonsHeight) + 'px';
		this._buttonsContainerElement.style.width = '' + (this._width - theme.contentPadding[3] - theme.contentPadding[1]) + 'px';
	}
	
	// set title
	this._titleElement.innerHTML = '' + this._title;

	// set buttons
	// remove all tds but the last
	var lastTd = this._buttonsRowElement.lastChild;
	while (lastTd.previousSibling != null)
	{
		this._buttonsRowElement.removeChild(this._buttonsRowElement.firstChild);
	}
	if (this._buttons.length != 0)
	{
		this._buttonsContainerElement.style.display = '';

		var buttonWidth = parseInt((this._width - theme.contentPadding[3] - theme.contentPadding[1]) / this._buttons.length) - 6;
		for (var i = 0; i < this._buttons.length; ++i)
		{
			var td = lastTd.cloneNode(true);
			td.style.width = '' + buttonWidth + 'px';
			var button = td.firstChild;
			button.firstChild.nodeValue = '' + this._buttons[i][0];
			button.onclick = this._createHandler(i, this._buttons[i][1]);
			button.style.margin = '3px';
			button.style.height = '' + (buttonsHeight - 7) + 'px';
			button.style.display = '';
			this._buttonsRowElement.insertBefore(td, lastTd);
			if (button.offsetWidth > buttonWidth)
			{
				button.style.width = '' + buttonWidth + 'px';
			}
		}
	}
	else
	{
		this._buttonsContainerElement.style.display = 'none';
	}
};

Bubble.prototype._createHandler = function(n, handler)
{
	var self = this;
	return function()
	{
		if (handler(n) !== false)
		{	
			self.hide();
		}
	};
};

Bubble.prototype._positionElements = function(bgs, info, width, height)
{
	bgs[0].style.left = '0px'; bgs[0].style.top = '0px';
	bgs[0].style.width = '' + info.leftWidth + 'px'; bgs[0].style.height = '' + info.topHeight + 'px';
	bgs[2].style.left = '' + (width - info.rightWidth) + 'px'; bgs[2].style.top = '0px';
	bgs[2].style.width = '' + info.rightWidth + 'px'; bgs[2].style.height = '' + info.topHeight + 'px';
	bgs[6].style.left = '0px'; bgs[6].style.top = '' + (height - info.bottomHeight) + 'px';
	bgs[6].style.width = '' + info.leftWidth + 'px'; bgs[6].style.height = '' + info.bottomHeight + 'px';
	bgs[8].style.left = '' + (width - info.rightWidth) + 'px'; bgs[8].style.top = '' + (height - info.bottomHeight) + 'px';
	bgs[8].style.width = '' + info.rightWidth + 'px'; bgs[8].style.height = '' + info.bottomHeight + 'px';

	var x, y, w, h;
	switch (info.innerMode)
	{
		case Bubble.INNER_HORZ:
			bgs[1].style.left = '' + info.leftWidth + 'px'; bgs[1].style.top = '0px';
			bgs[1].style.width = '' + (width - info.leftWidth - info.rightWidth) + 'px'; bgs[1].style.height = '' + info.topHeight + 'px';
			bgs[7].style.left = '' + info.leftWidth + 'px'; bgs[7].style.top = '' + (height - info.bottomHeight) + 'px';
			bgs[7].style.width = '' + (width - info.leftWidth - info.rightWidth) + 'px'; bgs[7].style.height = '' + info.bottomHeight + 'px';
			bgs[3].style.left = '0px'; bgs[3].style.top = '' + info.topHeight + 'px';
			bgs[3].style.width = '' + info.inner1WidthOrHeight + 'px'; bgs[3].style.height = '' + (height - info.topHeight - info.bottomHeight) + 'px';
			bgs[5].style.left = '' + (width - info.inner2WidthOrHeight) + 'px'; bgs[5].style.top = '' + info.topHeight + 'px';
			bgs[5].style.width = '' + info.inner2WidthOrHeight + 'px'; bgs[5].style.height = '' + (height - info.topHeight - info.bottomHeight) + 'px';
			x = info.inner1WidthOrHeight;
			y = info.topHeight;
			w = width - info.inner2WidthOrHeight - x;
			h = height - info.bottomHeight - y;
			break;
		case Bubble.INNER_VERT:
			throw 'Bubble.INNER_VERT not implemented. (TODO)'; // TODO
		default:
			throw 'Invalid innerMode.';
	}

	bgs[4].style.width = '' + info.bgWidth + 'px'; bgs[4].style.height = '' + info.bgHeight + 'px';
	switch (info.position)
	{
		case Bubble.BG_POS_TL:
			bgs[4].style.left = '' + x + 'px'; bgs[4].style.top = '' + y + 'px';
			bgs[4].style.clip = 'rect(0px, ' + w + 'px, ' + h + 'px, 0px)';
			break;
		case Bubble.BG_POS_TR:
			bgs[4].style.left = '' + (x + w - info.bgWidth) + 'px'; bgs[4].style.top = '' + y + 'px';
			bgs[4].style.clip = 'rect(0px, ' + info.bgWidth + 'px, ' + h + 'px, ' + (info.bgWidth - w) + 'px)';
			break;
		case Bubble.BG_POS_BL:
			bgs[4].style.left = '' + x + 'px'; bgs[4].style.top = '' + (y + h - info.bgHeight) + 'px';
			bgs[4].style.clip = 'rect(' + (info.bgHeight - h) + 'px, ' + w + 'px, ' + info.bgHeight + 'px, 0px)';
			break;
		case Bubble.BG_POS_BR:
			bgs[4].style.left = '' + (x + w - info.bgWidth) + 'px'; bgs[4].style.top = '' + (y + h - info.bgHeight) + 'px';
			bgs[4].style.clip = 'rect(' + (info.bgHeight - h) + 'px, ' + info.bgWidth + 'px, ' + info.bgHeight + 'px, ' + (info.bgWidth - w) + 'px)';
			break;
		default:
			throw 'Invalid position.';
	}

};


Bubble.prototype._positionNose = function()
{
	var theme = this._theme;
	var noses = this._noses;
	for (var i = 0; i < 4; ++i)
	{
		noses[i].style.display = 'none';
		noses[i].style.width = '' + theme.noses[i].width + 'px';
		noses[i].style.height = '' + theme.noses[i].height + 'px';
	}

	switch (this._nosePos)
	{
		case Bubble.NOSE_POS_TL:
			var bg = this._bgs[1];
			var x = parseInt(bg.style.left);
			var w = parseInt(bg.style.width);
			var h = parseInt(bg.style.height);
			bg.style.width = '' + (w - theme.noses[0].width) + 'px';
			bg.style.left = '' + (x + theme.noses[0].width) + 'px';
			noses[0].style.left = '' + x + 'px';
			noses[0].style.top = '' + (h - theme.noses[0].height) + 'px';
			noses[0].style.display = '';
			return [x + theme.noses[0].hotSpotX, h - theme.noses[0].height + theme.noses[0].hotSpotY];
			break;
		case Bubble.NOSE_POS_TR:
			var bg = this._bgs[1];
			var x = parseInt(bg.style.left);
			var w = parseInt(bg.style.width);
			var h = parseInt(bg.style.height);
			bg.style.width = '' + (w - theme.noses[1].width) + 'px';
			noses[1].style.left = '' + (x + w - theme.noses[1].width) + 'px';
			noses[1].style.top = '' + (h - theme.noses[1].height) + 'px';
			noses[1].style.display = '';
			return [x + w - theme.noses[1].width + theme.noses[1].hotSpotX, h - theme.noses[1].height + theme.noses[1].hotSpotY];
			break;
		case Bubble.NOSE_POS_BL:
			var bg = this._bgs[7];
			var x = parseInt(bg.style.left);
			var y = parseInt(bg.style.top);
			var w = parseInt(bg.style.width);
			bg.style.width = '' + (w - theme.noses[2].width) + 'px';
			bg.style.left = '' + (x + theme.noses[2].width) + 'px';
			noses[2].style.left = '' + x + 'px';
			noses[2].style.top = '' + y + 'px';
			noses[2].style.display = '';
			return [x + theme.noses[2].hotSpotX, y + theme.noses[2].hotSpotY];
			break;
		case Bubble.NOSE_POS_BR:
			var bg = this._bgs[7];
			var x = parseInt(bg.style.left);
			var y = parseInt(bg.style.top);
			var w = parseInt(bg.style.width);
			bg.style.width = '' + (w - theme.noses[3].width) + 'px';
			noses[3].style.left = '' + (x + w - theme.noses[3].width) + 'px';
			noses[3].style.top = '' + y + 'px';
			noses[3].style.display = '';
			return [x + w - theme.noses[3].width + theme.noses[3].hotSpotX, y + theme.noses[3].hotSpotY];
			break;
		default:
			throw 'Invalid _nosePos.';
	}
};

Bubble.prototype._resetView = function()
{
	this._buttons = [];
	this._title = '';
};

Bubble.prototype.showAt = function(x, y, html, width /* optional */, nosePos /* optional */)
{
	this.clearCancelTimer();

	// hide
	this._rootElement.style.visibility = 'hidden';
	this._rootElement.style.display = '';

	this._setHTML(html, width);

	if (nosePos == undefined)
	{
		if (x < this._width)
		{
			if (y < this._height) nosePos = Bubble.NOSE_POS_TL;
			else nosePos = Bubble.NOSE_POS_BL;
		}
		else
		{
			if (y < this._height) nosePos = Bubble.NOSE_POS_TR;
			else nosePos = Bubble.NOSE_POS_BR;
		}
	}
	this._nosePos = nosePos;
	var point = this._positionNose();

	this._resetView();

	// show
	this._rootElement.style.left = '' + (x - point[0]) + 'px';
	this._rootElement.style.top = '' + (y - point[1]) + 'px';
	this._rootElement.style.visibility = '';
};

Bubble.prototype.show = function(element, html, width /* optional */, nosePos /* optional */)
{
	var x = element.offsetWidth / 2;
	var y = element.offsetHeight / 2;
	for (; ; )
	{
		x += element.offsetLeft;
		y += element.offsetTop;
		element = element.offsetParent;
		if (element == null)
		{
			this.showAt(x, y, html, width, nosePos);
			break;
		}
	}
};

Bubble.prototype.hide = function()
{
	this._resetView();
	this._rootElement.style.display = 'none';
};

Bubble.prototype.onCancel = function()
{
	this.clearCancelTimer();
	this.hide();
};

Bubble.prototype.addButton = function(label, handler)
{
	this._buttons.push([label, handler]);
};

Bubble.prototype.setTitle = function(title)
{
	this._title = title;
};

Bubble.prototype.setCancelTimer = function(delay)
{
	this.clearCancelTimer();
	this._cancelTimer = setTimeout(this._cancelTimerDelegate, delay);
};

Bubble.prototype.clearCancelTimer = function()
{
	if (this._cancelTimer !== false)
	{
		clearTimeout(this._cancelTimer);
		this._cancelTimer = false;
	}
};


Bubble._instance = null;

Bubble.getInstance = function(theme /* optional */)
{
	if (theme == undefined)
	{
		theme = Bubble.defaultTheme;
	}

	if (!Bubble._instance)
	{
		Bubble._instance = new Bubble();
	}

	Bubble._instance._setThemeName(theme);

	return Bubble._instance;
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/Bubble.froomity.theme.js
**
****************************************************************
****************************************************************/

Bubble.themes.froomity =
{
	resources: Environment.imageUrl + '/bubble/froomity-theme',
	background:
	{
		leftWidth: 27,
		rightWidth: 27,
		topHeight: 26,
		bottomHeight: 26,
		inner1WidthOrHeight: 6,
		inner2WidthOrHeight: 22,
		innerMode: Bubble.INNER_HORZ,
		bgWidth: 298,
		bgHeight: 400,
		position: Bubble.BG_POS_BL
	},
	altBackground:
	{
		leftWidth: 6,
		rightWidth: 6,
		topHeight: 6,
		bottomHeight: 6,
		inner1WidthOrHeight: 1,
		inner2WidthOrHeight: 1,
		innerMode: Bubble.INNER_HORZ,
		bgWidth: 298,
		bgHeight: 400,
		position: Bubble.BG_POS_BL
	},
	contentPadding: [12, 27, 27, 12],
	altPadding: [5, 21, 21, 5],
	closeButtonWidth: 16,
	closeButtonHeight: 16,
	maxWidth: 326,
	minWidth: 120,
	minHeight: 100,
	buttonsSeparatorColor: '#d9a14c',
	buttonsBackgroundColor: '#fde28b',
	buttonsBorderColor: '#d9a14c',
	textColor: '#000000',
	textFont: 'normal 11px Verdana',
	textLineHeight: '130%',
	noses:
	[
		{width: 46, height: 45, hotSpotX: 5, hotSpotY: 2},
		{width: 46, height: 45, hotSpotX: 24, hotSpotY: 2},
		{width: 46, height: 45, hotSpotX: 5, hotSpotY: 26},
		{width: 46, height: 45, hotSpotX: 24, hotSpotY: 26}
	]
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/Bubble.qoc.theme.js
**
****************************************************************
****************************************************************/

Bubble.themes.qoc =
{
	resources: Environment.imageUrl + '/bubble/qoc-theme',
	background:
	{
		leftWidth: 40,
		rightWidth: 40,
		topHeight: 30,
		bottomHeight: 40,
		inner1WidthOrHeight: 40,
		inner2WidthOrHeight: 40,
		innerMode: Bubble.INNER_HORZ,
		bgWidth: 300,
		bgHeight: 400,
		position: Bubble.BG_POS_TL
	},
	altBackground:
	{
		leftWidth: 16,
		rightWidth: 16,
		topHeight: 16,
		bottomHeight: 16,
		inner1WidthOrHeight: 16,
		inner2WidthOrHeight: 16,
		innerMode: Bubble.INNER_HORZ,
		bgWidth: 300,
		bgHeight: 400,
		position: Bubble.BG_POS_BL
	},
	contentPadding: [15, 31, 31, 15],
	altPadding: [5, 21, 21, 5],
	closeButtonWidth: 16,
	closeButtonHeight: 16,
	maxWidth: 380,
	minWidth: 160,
	minHeight: 120,
	buttonsSeparatorColor: '#b56002',
	buttonsBackgroundColor: '#fff',
	buttonsBorderColor: '#b56002',
	textColor: '#000000',
	textFont: 'normal 11px Verdana',
	textLineHeight: '130%',
	noses:
	[
		{width: 46, height: 49, hotSpotX: 5, hotSpotY: 2},
		{width: 46, height: 49, hotSpotX: 24, hotSpotY: 2},
		{width: 46, height: 59, hotSpotX: 5, hotSpotY: 40},
		{width: 46, height: 59, hotSpotX: 24, hotSpotY: 40}
	]
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/ServerPoll.js
**
****************************************************************
****************************************************************/
/*
 * Haelt Sitzungen aktiv
 *
 * 31.07.08: setInterval -> setTimeout
 */


function ServerPoll()
{
}

ServerPoll.checkInterval = 4;
ServerPoll.requestInterval = 20;
ServerPoll.cookieName = 'sharedData';
ServerPoll.lastUpdateCookieName = 'sharedData_lastUpdate';
ServerPoll.expires = Cookie.INFINITE; // 60 * 60 * 12; // 12h
ServerPoll.callbacks = [];
ServerPoll.timer = null;
ServerPoll.lastCheck = 0;
ServerPoll.lastData = null;
ServerPoll._debugLastRequestStart = null;
ServerPoll._debugLastRequestSuccess = null;

ServerPoll.inspect = function()
{
	return ''
		+ 'lastRequestStart: ' + (new Date(ServerPoll._debugLastRequestStart).toLocaleString())
		+ '\nlastRequestSuccess: ' + (new Date(ServerPoll._debugLastRequestSuccess).toLocaleString())
		+ '\ntimer handle: ' + ServerPoll.timer
		+ '\nlastCheck: ' + (new Date(ServerPoll.lastCheck).toLocaleString())
		+ '\ncookie: ' + Object.toJSON(ServerPoll.getObject())
	;
};

ServerPoll.start = function()
{
	if (ServerPoll.timer === null)
	{
		ServerPoll.lastCheck = new Date().getTime();
		ServerPoll.timer = setTimeout(ServerPoll._onTick, 1000);
	}

	// Zeit lassen, damit anderer Code noch ServerPoll.addCallback aufrufen kann
	// während der Function.callQueue-Phase
	setTimeout(ServerPoll._doCheck, 10);
};

ServerPoll.setCheckInterval = function(interval)
{
	ServerPoll.checkInterval = Number(interval) || 4;
};

ServerPoll.setRequestInterval = function(interval)
{
	ServerPoll.requestInterval = Number(interval) || 20;
};

ServerPoll._onTick = function()
{
	ServerPoll.timer = setTimeout(ServerPoll._onTick, 1000);

	var now = new Date().getTime();
	if (now - ServerPoll.lastCheck >= ServerPoll.checkInterval * 1000)
	{
		ServerPoll.lastCheck = now;
		ServerPoll._doCheck();
	}
};

ServerPoll.addCallback = function(func)
{
	ServerPoll.callbacks.push(func);
};

ServerPoll.getObject = function()
{
	var data = Cookie.get(ServerPoll.cookieName);
	if (data === null)
	{
		return {};
	}
	else
	{
		return data.toQueryParams();
	}
};

ServerPoll.setObject = function(data)
{
	Cookie.set(ServerPoll.cookieName, Hash.toQueryString(data), ServerPoll.expires);
};

ServerPoll._doCheck = function()
{
	var lastUpdate = Cookie.get(ServerPoll.lastUpdateCookieName);
	var now = new Date().getTime();
	if (lastUpdate != null
		&& now - lastUpdate < ServerPoll.requestInterval * 1000)
	{
		ServerPoll._onCheckCompleted();
		return;
	}

	Cookie.set(ServerPoll.lastUpdateCookieName, '' + now, ServerPoll.expires);
	ServerPoll._debugLastRequestStart = now;
	var ajaxHandler = AjaxHandler.getInstance();
	ajaxHandler.queueRequest('',
		{
			parameters: 'module=serverPoll&now=' + now,
			onSuccess: ServerPoll._onSuccess
		}
	);
};

ServerPoll._onCheckCompleted = function()
{
	var data = ServerPoll.getObject();
	var lastData = ServerPoll.lastData;

	if (lastData != null)
	{
		var i;
		var diff = false;
		for (i in data) if (data[i] != lastData[i]) diff = true;
		for (i in lastData) if (data[i] != lastData[i]) diff = true;
		if (!diff) return;
	}
	ServerPoll.lastData = Object.clone(data);

	var c = ServerPoll.callbacks;
	for (var i = 0, l = c.length; i < l; ++i)
	{
		c[i](data);
	}
};

ServerPoll._onSuccess = function(response)
{
	var now = new Date().getTime();
	ServerPoll._debugLastRequestSuccess = now;
	
	ServerPoll._onCheckCompleted();
};


ServerPoll.start.queue();

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/Size.js
**
****************************************************************
****************************************************************/

/**
 * Creates a new instance of Size.
 * @classDescription Structure to hold a width and height.
 * @param {[Number]} width Width member of the Size instance.
 * @param {[Number]} height Height member of the Size instance.
 * @constructor
 * @copyright Copyright &copy; 2008, krumedia
 */

function Size()
{
	if (arguments.length == 2)
	{
		this.width = arguments[0];
		this.height = arguments[1];
	}
	else
	{
		this.width = 0;
		this.height = 0;
	}
}

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/AutoImage.js
**
****************************************************************
****************************************************************/

/**
 * Creates a new instance of AutoImage.
 * @classDescription Loads an image and updates an image element.
 * @param {String} imageFile The full url to an image.
 * @param {HTMLElement, String} imageElement The element to update its image.
 * @param {Number} maxWidth The maximal width of the image.
 * @param {Number} maxHeight The maximal height of the image.
 * @constructor
 * @copyright Copyright &copy; 2008, krumedia
 */
function AutoImage(imageFile, imageElement, maxWidth, maxHeight)
{
	imageElement = $(imageElement);
	var image = new Image();
	image.onload = function()
	{
		var size = AutoImage.boxSize(new Size(image.width, image.height), new Size(maxWidth, maxHeight));
		try
		{
			imageElement.width = size.width;
			imageElement.height = size.height;
			imageElement.src = image.src;
		}
		catch(e)
		{
		}
	};
	image.src = imageFile;
	// keep reference to not allow the GC to free the object
	this.image = image;
}

/**
 * Boxes a size within another size.
 * @param {Size} inSize The input size to transform.
 * @param {Size} boxSize The maximum size used to transform the input size.
 * @return {Size} A new instance of the transformed input size.
 * @copyright Copyright &copy; 2008, krumedia
 */
AutoImage.boxSize = function(inSize, boxSize)
{
	if (inSize.width / boxSize.width > inSize.height / boxSize.height)
	{
		return new Size(boxSize.width, Math.round(inSize.height * (boxSize.width / inSize.width)));
	}
	else
	{
		return new Size(Math.round(inSize.width * (boxSize.height / inSize.height)), boxSize.height);
	}
};

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/slideshow.js
**
****************************************************************
****************************************************************/
/*
 * Die Slideshow liest sich alle div Elemente der Klasse AlbumOverview aus und ermittelt aus ihnen nur die Elemente, die genug (2 oder mehr) Bilder
 * für eine Slideshow beinhalten. Diese Kontainer werden der Reihe nach abgeklappert und ihre Bilder zur Slideshow angestossen.
 */



var Slideshow = 
	{	
		running: false,
		startup: function() {
			// Startfunktion. Ueberprueft, ob es ueberhaupt Elemente gibt, die einer Slideshow benoetigen (Alben mit mehr als 2 Bilder)
			Slideshow.albums = new Array();
			var albums = $$('.albumOverview');
			for(var i = 0; i < albums.length; i++){
				var images = albums[i].select('img');
				if (images.length >= 2){
					Slideshow.albums.push(images);	
				}
			}
			if(Slideshow.albums.size() > 0 && !Slideshow.running){
				Slideshow.delay();
				Slideshow.running = true;
			}
			else
				Slideshow.running = false;
			// Else: Wir brauchen keine Slideshow!
		}, 
		delay: function(){
			// Delay zwischen zwei Bilderwechseln
			window.setTimeout(this.cycle,1337); // 1337 ms delay looks sooooooooo smooth!
		},
		cycle: function()
		{
			// Wechselt ein Bild, und ruft danach die Delayfunktion wieder auf.	
			if(!Slideshow.running)
				return true;
			if(Slideshow.currentAlbum === undefined || Slideshow.albums[Slideshow.currentAlbum] === undefined){
				Slideshow.currentAlbum = 0;
			}
			for(var i = 0; i < Slideshow.albums[Slideshow.currentAlbum].size(); i++){
				if(!Slideshow.albums[Slideshow.currentAlbum][i].style.display){
					if(Slideshow.albums[Slideshow.currentAlbum][i+1]) // es ist noch nicht das letzte Bild
						var appearing = Slideshow.albums[Slideshow.currentAlbum][i+1];
					else // Das war das letzte Bild -> von vorne anfangen
						var appearing = Slideshow.albums[Slideshow.currentAlbum][0];
					new Effect.Parallel(
						    [ new Effect.Fade(Slideshow.albums[Slideshow.currentAlbum][i], {sync: true}), 
						      new Effect.Appear(appearing, {sync: true}) ],
							    { duration: 0.5, 
							      afterFinish: function() { Slideshow.currentAlbum++; Slideshow.delay(); } 
							    }
						);
					break;						
				}
			}
		}
	}

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/DelayedTimer.js
**
****************************************************************
****************************************************************/
/**
 * Erzeugt z.b. eine verzoegerte Bubble
 */


function DelayedTimer(startCallback, stopCallback, delay)
{
	var self = this;
	this.params = [];
	this.timer = false;
	this.startCallback = startCallback;
	this.stopCallback = stopCallback;
	this.delay = delay;
	this.timerCallback = function() { self.timer = false; self.ontimer(); };
}

DelayedTimer.prototype.setDelay = function(delay)
{
	this.stop();
	this.delay = delay;
};

DelayedTimer.prototype.start = function(/* ... */)
{
	this.stop();
	this.params = $A(arguments);
	this.timer = setTimeout(this.timerCallback, this.delay);
};

DelayedTimer.prototype.stop = function()
{
	if (this.timer !== false)
	{
		clearTimeout(this.timer);
		this.timer = false;

		if (this.stopCallback)
		{
			this.stopCallback();
		}
	}
};

DelayedTimer.prototype.ontimer = function()
{
	if (this.startCallback)
	{
		this.startCallback.apply(window, this.params);
	}
};

var delayedBubble = new DelayedTimer(function(elementId, bubbleText){
	Bubble.getInstance().show(elementId, bubbleText);
},null,300);
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/picOverlay.js
**
****************************************************************
****************************************************************/
/*
 * Overlay Klasse für Albumbilder im Grossformat
 */

function picOverlay(){
	this._construct();	
}

picOverlay._instance = null;


/*
 * Konstruktor. legt eine Instanz an, auf der operiert werden kann
 */
picOverlay.prototype._construct = function(){
	var self = this;
	var ieVersion = navigator.userAgent.match(/MSIE\s+(\d+(?:\.\d+)?)/);
	this._altMode = ieVersion && parseFloat(ieVersion[1]) < 7;	
	var root = document.createElement('div');
	root.style.position = 'absolute';
	root.style.left = '50px';
	root.style.top = '10px';
	root.style.width = '850px';	
	root.style.height = '1000px';	
	root.style.backgroundColor = '#FFFFFF';
	root.style.border = '1px solid #A0A0A0';
	root.style.display = 'none';
	this._rootElement = root;
	var shadowBottom = document.createElement('img');
	shadowBottom.style.position = 'absolute';
	shadowBottom.style.bottom = '-6px';
	shadowBottom.src = Environment.imageUrl + '/picOverlay/bottom.png';
	root.appendChild(shadowBottom);
	var shadowRight = document.createElement('img');
	shadowRight.style.position = 'absolute';
	shadowRight.style.right = '-6px';
	shadowRight.src = Environment.imageUrl + '/picOverlay/right.png';
	root.appendChild(shadowRight);
	var origin = document.createElement('div');
	origin.style.position = 'relative';
	origin.style.padding = '10px';
	origin.style.height = '980px';
	root.appendChild(origin);
	var content = document.createElement('div');
	content.style.padding = '5px';
	content.style.height = '970px';	
	content.id = 'picOverlayContent';
	content.style.border = '1px solid #FFCE0C';	
	origin.appendChild(content);
	
	this._contentElement = content;
	document.getElementById('contentArea').appendChild(root);
}


/*
 * Zeigt den Content einer URL im Overlay an (kann auch fuer nicht-Bilder-Inhalt "missbraucht" werden)
 */
picOverlay.prototype.showPic = function(url){
	getHTMLFragmentInContainer($('picOverlayContent'),url);
	this._rootElement.style.display = '';
}

/*
 * Schliesst das Overlay (bzw. versteckt dieses nur, damit es spaeter schneller initialisiert werden kann)
 */
picOverlay.prototype.closeOverlay = function(){
	this._rootElement.style.display = 'none';
	this._contentElement.update('');
}


/*
 * Gibt eine Instanz zurueck, auf der gearbeitet werden kann
 */

picOverlay.getInstance = function()
{
	if (!picOverlay._instance)
	{
		picOverlay._instance = new picOverlay();
	}
	return picOverlay._instance;
};


/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/profileFunctions.js
**
****************************************************************
****************************************************************/
/*
 * Profilfunktionen 
 */


var Guestbook =
{
	submitForm: function(form)
	{
		$('froomityGuestbookEntryButton').disabled = true;
		requestAjax(function(response)
			{
				if (response.bubbleElement !== undefined){
					Bubble.getInstance().show(form.elements[response.bubbleElement], response.bubbleText);
				}
				else{
					location.reload();
				}
			},
			'module=guestbook&do=addGuestbookEntry', Form.serialize(form));
	},
	reportEntry: function(entry)
	{
		requestAjax(function(response)
			{
				if (response.bubbleElement !== undefined){
					Bubble.getInstance().show($(response.bubbleElement), response.bubbleText);
				}
			},
			'module=guestbook&do=reportGuestBookEntry&reported='+entry);
	},
	deleteEntry: function(entry)
	{
		requestAjax(function(response)
			{
				if (response.bubbleElement !== undefined){
					Bubble.getInstance().show($(response.bubbleElement), response.bubbleText);
				}
				if(response.refresh){
					location.reload();
					$('profileFunctions').show();
				}
			},
			'module=guestbook&do=deleteGuestBookEntry&entryId='+entry);
	}
	
};


var SendMsg =
{
	submitForm: function(form)
	{
		$('froomityMessage').readonly = "readonly";
		$('msgSubmitBtn').disabled = "disabled";
		requestAjax(function(response)
			{
				$('froomityMessage').readonly = false;
				$('msgSubmitBtn').disabled = false;
				if(response.message == 'send'){
					if($('messageWasSent') && $('sendMessageDiv') && $('froomityMessage')){
						$('messageWasSent').style.display = '';
						$('sendMessageDiv').style.display = 'none';
						$('froomityMessage').value = '';
					}
					window.setTimeout("SendMsg.reenable()", 15000);
				}
				if (response.bubbleElement !== undefined){
					Bubble.getInstance().show(form.elements[response.bubbleElement], response.bubbleText);	
				}
			},
			'module=message&do=sendMessage', Form.serialize(form));
		return false;
	},
	reenable: function(){
		// gibt Messages wieder frei
		if($('messageWasSent') && $('sendMessageDiv')){
			$('messageWasSent').style.display = 'none';
			$('sendMessageDiv').style.display = '';
		}
	}
};

/* 
 * Funktionen zum Arbeiten mit der Lokalzeit eines Benutzers (Ortszeit etc)
 */
var LocalTime =
{
	gmtDiff: 0,
	adjustClock: function(){
		if($('localTime')){
			var tmp = new Date();
			var now = new Date(tmp.getTime() - (LocalTime.gmtDiff - tmp.getTimezoneOffset()) * 60 * 1000)
			hours = now.getHours();
			minutes = now.getMinutes();
			seconds = now.getSeconds();
			thetime = (hours < 10) ? "0" + hours + ":" : hours + ":";
			thetime += (minutes < 10) ? "0" + minutes + ":" : minutes + ":";
			thetime += (seconds < 10) ? "0" + seconds : seconds;
			$('localTime').update(thetime);
		}
		window.setTimeout('LocalTime.adjustClock()',1000);
	}
};


/*
 * Prueft allgemeinen Zustand eines Profils:
 * 		- Onlinestatus
 * 		- Freundschaftsbeziehung (antrag stellen, ablehnen...)
 * 		- Favoriten
 * 		- ...
 */

var CheckOnlineState =
{
	checkState: function(userId)
	{
		requestAjax(function(response)
			{
				if(response.myId != userId && $('gbentryform')){
					$('gbentryform').show();
				}
				$('profileFunctions').show();
				if(response.statusInfo.avg_rate !== undefined && response.statusInfo.voteCount !== undefined && $('voting_avg_rate') && $('voting_voteCount')){
					$('voting_avg_rate').update(response.statusInfo.avg_rate);
					$('voting_voteCount').update(response.statusInfo.voteCount);					
				}
				 
				
				if (response.isOnline !== undefined && $('userProfileOnlineState') && $('userProfileInactiveState') && $('userProfileOfflineState')){
					if(response.isOnline == 'online'){
						$('userProfileOfflineState').style.display = 'none';
						$('userProfileOnlineState').style.display = '';
						$('userProfileInactiveState').style.display = 'none';
						if($('sendMessageDiv'))
							$('sendMessageDiv').style.display = '';
						$('onlineTime').update(response.onlineTime);
					}
					else if(response.isOnline == 'inactive'){
						$('userProfileOfflineState').style.display = 'none';
						$('userProfileOnlineState').style.display = 'none';
						$('userProfileInactiveState').style.display = '';
						if($('sendMessageDiv'))
							$('sendMessageDiv').style.display = '';
						$('onlineTimeInactive').update(response.onlineTime);
					}
					else{
						$('userProfileOfflineState').style.display = '';
						$('userProfileOnlineState').style.display = 'none';
						$('userProfileInactiveState').style.display = 'none';
						if($('sendMessageDiv'))
							$('sendMessageDiv').style.display = 'none';
						$('lastSeen').update(response.statusInfo.lastSeen);
					}
					if($('profileFunctionsMail'))
						$('profileFunctionsMail').style.display = '';
				}
				
				if(response.statusInfo.gagged !== undefined && $('profileFunctionsGag') && $('profileFunctionsUnGag')){
						if(response.statusInfo.gagged == 1){
							$('profileFunctionsGag').style.display = 'none';
							$('profileFunctionsUnGag').style.display = '';						
						}
						else if(response.statusInfo.gagged == -1){
							$('profileFunctionsGag').style.display = 'none';
							$('profileFunctionsUnGag').style.display = 'none';	
						}
						else{
							$('profileFunctionsGag').style.display = '';
							$('profileFunctionsUnGag').style.display = 'none';	
						}
					}

				if(response.myId != '-1'){
					var gbentries = $$('.entryFrom_' + response.myId);
					for(var i = 0; i < gbentries.length; i++){
						gbentries[i].style.display = '';
					}
				}
				if(response.statusInfo.favorit !== undefined && $('profileFunctionsAddToFavorits') && $('profileFunctionsRemoveFromFavorits')){
					if(response.statusInfo.favorit == 1){
						$('profileFunctionsAddToFavorits').style.display = 'none';
						$('profileFunctionsRemoveFromFavorits').style.display = '';						
					}
					else if(response.statusInfo.favorit == -1){
						$('profileFunctionsAddToFavorits').style.display = 'none';
						$('profileFunctionsRemoveFromFavorits').style.display = 'none';	
					}
					else{
						$('profileFunctionsAddToFavorits').style.display = '';
						$('profileFunctionsRemoveFromFavorits').style.display = 'none';	
					}
				}
				
				
				if(response.statusInfo.status !== undefined && $('profileFunctionsFriendsrequest') && $('profileFunctionsRemoveFriend') && $('profileFunctionsAbortRequest')){
					if(response.statusInfo.status == 0){
						$('profileFunctionsFriendsrequest').style.display = '';
						$('profileFunctionsRemoveFriend').style.display = 'none';
						$('profileFunctionsAbortRequest').style.display = 'none';
						$('profileFunctionsAcceptFriend').style.display = 'none';					
					}
					else if(response.statusInfo.status == -1 || response.statusInfo.gagged == 1){
						$('profileFunctionsFriendsrequest').style.display = 'none';
						$('profileFunctionsRemoveFriend').style.display = 'none';	
						$('profileFunctionsAbortRequest').style.display = 'none';
						$('profileFunctionsAcceptFriend').style.display = 'none';				
					}
					else if(response.statusInfo.status == 'PENDING'){
						// unbestaetigte Freundschaft
						if(response.pending !== undefined && response.pending)
						{
							$('profileFunctionsAbortRequest').style.display = 'none';
							$('profileFunctionsAcceptFriend').style.display = '';
						}else{
							$('profileFunctionsAcceptFriend').style.display = 'none';
							$('profileFunctionsAbortRequest').style.display = '';
						}
						$('profileFunctionsFriendsrequest').style.display = 'none';
						$('profileFunctionsRemoveFriend').style.display = 'none';	
											
					}
					else{
						$('profileFunctionsFriendsrequest').style.display = 'none';
						$('profileFunctionsAcceptFriend').style.display = 'none';
						$('profileFunctionsRemoveFriend').style.display = '';	
					}
				}
				
				if(response.statusInfo.status !== undefined && response.statusInfo.status == -1){
					if($('profileFunctionsMail'))
						$('profileFunctionsMail').style.display = 'none';
					if($('profileItsYou'))
						$('profileItsYou').style.display = '';
					if($('reportPic'))
						$('reportPic').style.display = 'none';
					var gbentries = $$('.gbdelete');
					for(var i = 0; i < gbentries.length; i++){
						gbentries[i].style.display = '';
					}
				}
				
				if(response.statusRights == 1 && $('profileFunctionsEdit')) {
					$('profileFunctionsEdit').style.display = '';
				}
				
				
				if($('profileLatestPics') && $('latestPicsContainer')){
					if(response.statusInfo.showLatestPics){
						$('profileLatestPics').show();
						$('latestPicsContainer').update(response.latestPics);
					}
					else{
						$('profileLatestPics').hide();
						$('latestPicsContainer').update('');
						
					}
						
				}
				
				LocalTime.gmtDiff = response.gmtDiff;
				LocalTime.adjustClock();
			},
			'module=userInfos&do=fetchUserInfos&userId=' + userId);
	}
};


/**
 * Wird aufgerufen, wenn der Benutzer ausgeloggt ist, und bei der "Diese Funktion kannst du nur nutzen,
 * wenn du eingeloggt bist" Bubble auf "ok" drueckt
 */
var Weiterleiten = 
{	
	weiterleiten: function()
	{
		window.location = Environment.wwwUrl;
	}
};


/**
 * Profilbild melden
 */
var ReportPic = 
{
	reportPic: function(userId)
	{
		requestAjax(function(response)
			{
				if (response.bubbleElement !== undefined){
					alert(response.bubbleText);
				}
			},
			'module=reportpic&do=report&reportedId=' + userId);
	}
};


/*
 * Meldet ein AlbumBild
 */
var ReportAlbumPic = 
{
	reportAlbumPic: function(image,userId)
	{
		requestAjax(function(response)
			{
				if (response.bubbleElement !== undefined){
					alert(response.bubbleText);
				}
			},
			'module=reportpic&do=report&reported=' + userId + '&reportedImage='+image);
	}
};

/*
 * Laedt ggf. EditUser etc nach (Adminfunktionen)
 */
function initProfile(userId)
{
	var data = ServerPoll.getObject();
	if(data.userState == undefined)
	{
		return;
	}

	requestAjax(
		function(response)
		{
			if(response.rightToDo != undefined)
			{
				$('profileEditUser').update(response.manageFunc);
				$('profileEditUser').style.display='';
			}
		},
		'module=teamMenu&do=loadEditUser&userToEdit=' + userId
	);				
}
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/currentVisit.js
**
****************************************************************
****************************************************************/
/**
 * Javascript funktionen zum "Wer schaut mich gerade an?"
 */

function currentVisit()
{
}

currentVisit.timer = null;			// ueberprueft alle 5000 ms, ob sich das shared Cookie sich geaendert hat, und ein neuer Benutzer einen anschaut
currentVisit.lastChange = 0;		// Zeitpunkt des letzten Wechselns (damit die Abstaende dazwischen gross genug sind)
currentVisit.rootElement = null;	// Das Root-Element, in dem das Miniprofil "genested" wird
currentVisit.lastVisitor = null;	// Die ID des Benutzers, der jemanden gerade anschaut
currentVisit.fadeTimer = null;		// Identifier zum FadeTimer, der das Profil nach oben / unten fadet
currentVisit.step = 0;				// aktueller Schritt
currentVisit.stepsTotal = 30; 		// Wieviel schritte insg.
currentVisit.startHeight = -100;	// Starthoehe, ab der das Miniprofil eingeblendet wird
currentVisit.stopHeight = 11;		// Das soll die Finale Position sein (Y-Koordinate)
currentVisit.msDelay = 10;			// Soviel millisekunden delay zwischen den einzelnen Steps
currentVisit.showTime = 13370;		// So lange wird ein Profil angezeigt, bevor es wieder ausgeblendet wird



/* initialize the whole procedure */
currentVisit.start = function()
{
	var root = document.createElement('div');
	root.style.position = 'relative';
	root.style.left = '300px';
	root.style.top = currentVisit.startHeight + 'px';
	root.style.opacity = '0';
	if(currentVisit.timer === null && document.getElementById('header')){
		document.getElementById('header').appendChild(root);
		currentVisit.rootElement = root;
		currentVisit.timer = setInterval(currentVisit._onTick, 5000);
	}
};

/* periodical updater */
currentVisit._onTick = function(){
	var data = ServerPoll.getObject();
	var now = new Date().getTime();
	if(data.lastVisitor !== null // <-- ?
		&& data.lastVisitFrom
		&& Number(data.lastVisitFrom) != currentVisit.lastVisitor
		&& now - 31337 > currentVisit.lastChange
		&& currentVisit.fadeTimer === null) // waiting 31.337 seconds between displaying two different Profiles just gives us a REALLY REALLY nice feeling.
	{
		currentVisit.lastVisitor = Number(data.lastVisitFrom);
		currentVisit.lastChange = now;
		currentVisit.showVisitor(Number(data.lastVisitFrom));
	}
}

/* helping method to ease smoothly */
currentVisit.percent = function(step)
{
	// Hier können - wenn gewünscht - verschiedene Geschwindigkeitsfunktionen angegeben werden, z.b. linera, exponentiell, etc.
	//return Math.sqrt(Math.sqrt(step / currentVisit.stepsTotal));
	return step / currentVisit.stepsTotal;
}


/* Starting procedure */
currentVisit.showVisitor = function(id)
{
	requestAjax(function(response)
			{
				if(response.currentVisitor){
					currentVisit.rootElement.innerHTML = response.currentVisitor;
					currentVisit.rootElement.style.top = currentVisit.startHeight + 'px';
					currentVisit.rootElement.style.opacity = '0';
					currentVisit.rootElement.style.display = '';					
					currentVisit.fadeTimer = setInterval(currentVisit.fadeIn, currentVisit.msDelay);
					currentVisit.step = 0;
				}
			},
			'module=currentVisit&userId=' + id);
};

/* fading in */
currentVisit.fadeIn = function()
{
	currentVisit.step++;
	if(currentVisit.step <= currentVisit.stepsTotal){
		currentVisit.rootElement.style.top = (currentVisit.startHeight + Math.round((currentVisit.stopHeight - currentVisit.startHeight) * currentVisit.percent(currentVisit.step))) + 'px';
		currentVisit.rootElement.style.opacity = (currentVisit.step/currentVisit.stepsTotal);
	}
	else{
		clearInterval(currentVisit.fadeTimer);
		currentVisit.fadeTimer = setInterval(currentVisit.beginFadeOut, currentVisit.showTime);
		currentVisit.step = 0;
	}
}

/* fading out */
currentVisit.fadeOut = function(){
	currentVisit.step++;
	if(currentVisit.step <= currentVisit.stepsTotal){
		currentVisit.rootElement.style.top = (currentVisit.stopHeight - Math.round((currentVisit.stopHeight - currentVisit.startHeight) * currentVisit.percent(currentVisit.step))) + 'px';
		currentVisit.rootElement.style.opacity = 1 - (currentVisit.step/currentVisit.stepsTotal);
	}
	else{
		clearInterval(currentVisit.fadeTimer);
		currentVisit.rootElement.style.display = 'none';
		currentVisit.fadeTimer = null; // wieder freigeben
	}
}


/* Delay for fading out */
currentVisit.beginFadeOut = function(){
	clearInterval(currentVisit.fadeTimer);
	currentVisit.fadeTimer = setInterval(currentVisit.fadeOut, currentVisit.msDelay);
	currentVisit.step = 0;
}



currentVisit.start.queue();
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/TimezoneReplacer.js
**
****************************************************************
****************************************************************/
/*
 * Ersetzt timestamps in ALLEN block / inline-HTML elementen die die Klasse TZR tragen oder DZR
 */

function replaceTimezones(){
	
	var tmp = new Date();
	
	
	var TimezoneReplacer = $$('.TZR');
	for(var i = 0; i < TimezoneReplacer.length; i++){
		if(TimezoneReplacer[i].style.display != 'inline' && TimezoneReplacer[i].innerHTML != ''){
			// Zeit soll ausgegeben werden
			newTimestamp = new Date(TimezoneReplacer[i].innerHTML * 1000);
			hours = newTimestamp.getHours();
			minutes = newTimestamp.getMinutes();
			seconds = newTimestamp.getSeconds();
			content = (hours < 10) ? "0" + hours + ":" : hours + ":";
			content += (minutes < 10) ? "0" + minutes + ":" : minutes + ":";
			content += (seconds < 10) ? "0" + seconds : seconds;
			TimezoneReplacer[i].update(content);
			TimezoneReplacer[i].style.display = 'inline';
		}
	}
	
	var DateZoneReplacer = $$('.DZR');
	for(var i = 0; i < DateZoneReplacer.length; i++){
		if(DateZoneReplacer[i].style.display != 'inline' && DateZoneReplacer[i].innerHTML != ''){
			// Zeit soll ausgegeben werden
			newTimestamp = new Date(DateZoneReplacer[i].innerHTML * 1000);
			day = newTimestamp.getDate();
			month = newTimestamp.getMonth() + 1;
			year = newTimestamp.getFullYear();
			content = (day < 10) ? "0" + day + "." : day + ".";
			content += (month < 10) ? "0" + month + "." : month + ".";
			content += year;
			DateZoneReplacer[i].update(content);
			DateZoneReplacer[i].style.display = 'inline';
		}
	}
}
replaceTimezones.queue();
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/EditPhoto.js
**
****************************************************************
****************************************************************/
EditPhoto = function(container, AJaXrequestHandler, AJaXrequestParam, onSave, onCancel, aftercrop, onError){
	var self = this;
	
	this.action = 'initializing';
	
	this.container	= $(container);
	this.showwhilewaiting = this.container.down('.EditPhotoWorking');
	this.workingArea = this.container.down('.EditPhotoImage');
	this.cropper = null;
	
	// 
	this.AJaXrequestHandler = AJaXrequestHandler;
	this.AJaXrequestParam = AJaXrequestParam;
	
	// Benutzerereignisse
	this.onCancel = onCancel;
	this.onSave = onSave;  // der nutzer will speichern
	this.aftercrop = aftercrop;
	this.onError = onError;			
	
	// aktueller Bearbeitungszustand des Bildes 
	this.quarterturn = 0; 
	this.imagearea = new Array(0,0,0,0);

	// CropperEigenschaften werden hier hinterlegt
	this.croparea = new Array(0,0,0,0);
	
	// nach Knöpfen suchen und verbinden
	if(this.container.down('.EditPhotoControlsLeft')){
		this.container.down('.EditPhotoControlsLeft').onclick = function(){
			self.rotateleft();
			return false;
		}
	}
	if(this.container.down('.EditPhotoControlsRight')){
		this.container.down('.EditPhotoControlsRight').onclick = function(){
			self.rotateright();
			return false;
		}
	}
	if(this.container.down('.EditPhotoControlsCut')){
		this.container.down('.EditPhotoControlsCut').onclick = function(){
			self.crop();
			return false;
		}
	}
	if(this.container.down('.EditPhotoControlsReset')){
		this.container.down('.EditPhotoControlsReset').onclick = function(){
			self.reset();
			return false;
		}
	}
	
	if(this.container.down('.EditPhotoControlsSave')){
		this.container.down('.EditPhotoControlsSave').onclick = function(){
			self.crop(
				self.onSave
			);
			return false;
		}
	}
	
	if(this.container.down('.EditPhotoControlsCancel')){
		this.container.down('.EditPhotoControlsCancel').onclick = function(){
			self.onCancel();
			return false;
		}
	}
	
	// und initial das Bild holen
	this.doAction($H({'doaction':'init'}));
}
	
EditPhoto.prototype.doAction = function(params,call_after){
	// prüfen ob nicht bereits eine Aktion läuft oder gar noch nicht fertig initialisiert wurde
	if (
		this.action == 'initializing' && params.get('doaction') == 'init'  // Initaktion ist zulässig
		||
		this.action == 'ready'
	){
		// zeigen das ein Request läuft
		this.action = 'working';
		this.AJaXrequestHandler(
			this.sucesshandler.bind(this,call_after),
			this.errorhandler.bind(this),
			this.AJaXrequestParam+
			'&'+
			$H({
				'quarterturn'	: this.quarterturn,
				'imagearea[]'	: this.imagearea,
				'rand'			: Math.floor(Math.random()*1000000)
			}).toQueryString()+
			'&'+
			params.toQueryString()
		);
		if($(this.showwhilewaiting)){
			this.showwhilewaiting.style.display = 'block';
		}
	}else{
		alert('Please wait until the EditPhoto has fully loaded.');
	}	
}

/*
 * ein Fehler, Mist! Bearbeiten auf jeden Fall wieder freigeben und 
 * falls eine onError behandlung mitgegeben wurde diese Aufrufen
 */
EditPhoto.prototype.errorhandler = function(transport){
	if($(this.showwhilewaiting)){
		this.showwhilewaiting.style.display = 'none';
	}
	if (typeof(this.onError) == 'function'){
		this.onError();
	}		
}

EditPhoto.prototype.sucesshandler = function(callafter,transport){
	if( this.cropper != null ) {
		this.cropper.remove();
	}
	result = transport.responseText.evalJSON();
	if (result.fehler){
		alert(result.fehler);
	}else{
		// wenn vorheriges vorhanden -> entfernen
		this.workingArea.update('');
		// neues Bild rein
		var workingimage = document.createElement('img');
		workingimage.width = result.workingimageDimensions.width;
		workingimage.height = result.workingimageDimensions.height;
		workingimage.src = result.workingimageUrl+'?zufall='+Math.floor(Math.random()*1000000);
		this.workingArea.appendChild(workingimage);
		
		// init des croppers
		
		if (result.cropperfixed){
			this.cropper = new Cropper.Img(
				$(workingimage),
				{
					minWidth: 10,
					minHeight: 10
					,ratioDim: {
						x: result.cropper.width,
						y: result.cropper.height
					}
					,displayOnInit: true
					,onEndCrop : this.onEndCrop.bind(this)
				}
			);
		}else if (result.cropperonloadCoords){
			this.cropper = new Cropper.Img(
				$(workingimage),
				{
					minWidth: 10,
					minHeight: 10
					,onloadCoords: result.onloadCoords
					,displayOnInit: true
					,onEndCrop : this.onEndCrop.bind(this)
				}
			);
		}else{
			this.cropper = new Cropper.Img(
				$(workingimage),
				{
					minWidth: 10,
					minHeight: 10
					,displayOnInit: true
					,onEndCrop : this.onEndCrop.bind(this)
				}
			);
		}
		
		// und noch die Infos zum bild aktuallisieren
		this.quarterturn = result.quarterturn;
		this.imagearea = result.imagearea;
		this.actualimagesize = result.actualimagesize;
		this.workingimageDimensions = result.workingimageDimensions;
		
		if($(this.showwhilewaiting)){
			$(this.showwhilewaiting).style.display = 'none';
		}
		
		// anzeigen das die Komponente fertigf ist
		this.action = 'ready';
		
		if (typeof(callafter) == 'function'){
			callafter()
		}
	}
}		


EditPhoto.prototype.onEndCrop = function(coords, dimensions){
	this.croparea = new Array(coords.x1,coords.x2,coords.y1,coords.y2);
	if (typeof(this.callaftercrop)=='function'){
		this.callaftercrop.bind(this)(coords, dimensions);
	}
}		


EditPhoto.prototype.reset = function(call_after){
	this.doAction($H({'doaction':'reset'}),call_after);
}

EditPhoto.prototype.rotateleft = function(call_after){
	this.doAction($H({'doaction':'rotateLeft'}),call_after);
}

EditPhoto.prototype.rotateright = function(call_after){
	this.doAction($H({'doaction':'rotateRight'}),call_after);
}

EditPhoto.prototype.crop = function(call_after){
	this.doAction($H({'doaction':'crop','croparea[]':this.croparea}),call_after);
}
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/UploadPhoto.js
**
****************************************************************
****************************************************************/
UploadPhoto = function(){}
UploadPhoto.afterUploadCallback = null; 
/**
 * Lade das Bild hoch und registriere die danach aufzurufenede Dunktion.
 * Die danach aufzurufende Funktion kann entweder ein anderes Modul 
 * initialisieren z.B den EditPhoto oder mit der eigenen SavePhoto weiter
 * machen. In jedem Fall muss sich der Programmierer entschieden haben. 
 */			
UploadPhoto.startUpload = function(afterUploadCallback){
	UploadPhoto.afterUploadCallback = afterUploadCallback;
	$('UploadPhotoForm').style.display = 'none';
	$('UploadPhotoAnimation').style.display = 'block';
	$('UploadPhotoForm').submit();
}
UploadPhoto.finishUpload = function(result){
	// uploadform zurücksetzen
	$('UploadPhotoForm').reset();
	$('UploadPhotoForm').style.display = 'inline';
	$('UploadPhotoAnimation').style.display = 'none';
	// und auf das ergebnis reagieren		
	if (result.success){
		// callback enthält den nachsten Schritt
		if (typeof(this.afterUploadCallback)=='function'){
			this.afterUploadCallback(result);
		}
	}else{ 
		var b = Bubble.getInstance();
		b.show($('UploadPhotoForm'), result.message);
		b.setCancelTimer(7000);
	}
}
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/froomity.js
**
****************************************************************
****************************************************************/

/**
 * example:
 * <form action="{$SERVER_URL}/registration.html" onsubmit="if (Page.loaded(this, 'onsubmit')) actionAsHref(this); return false;">
 */
function actionAsHref(form)
{
	window.location.href = form.action;
	return false;
}

/**
 * example:
 * requestAjax(function(response, transport) { alert('Antwort erhalten!'); }, 'module=meineDatei&do=turnOffTheInternet', $('submitForm').serialize());
 */
function requestAjax(successHandler /* , ... */)
{
	var parameterBuilder = new ParameterBuilder();
	var FailureHandler = null;
	
	if (arguments.length > 1)
	{
		var argument = $A(arguments).slice(1);
		if (typeof(argument) == 'function'){
			FailureHandler = argument;
		}
		parameterBuilder.append.apply(parameterBuilder, argument); 
	}



	var ajaxHandler = AjaxHandler.getInstance();
	
	if (typeof(FailureHandler) == 'function'){
		ajaxHandler.queueRequest('',
			{
				parameters: parameterBuilder.toString(),
				onSuccess: successHandler,
				onFailure: FailureHandler
			}
		);
	
	}else{
		ajaxHandler.queueRequest('',
			{
				parameters: parameterBuilder.toString(),
				onSuccess: successHandler
			}
		);
	}

	return false; // cancel event
}

/**
 * Laedt ein HTML Fragment in einen HTML Element
 *
 */


function getHTMLFragmentInContainer(container, fragment_url)
{
	container = $(container);
	var parameterBuilder = new ParameterBuilder();
	if (arguments.length > 2)
	{
		parameterBuilder.append.apply(parameterBuilder, $A(arguments).slice(2));
	}
	new Ajax.Request(
		fragment_url,
		{
			method: 'post',
			parameters: parameterBuilder.toString(),
			onSuccess: function(response){
				container.update(response.responseText);
				if(window.doAlphaImages && typeof(window.doAlphaImages) == 'function')
					doAlphaImages();
			}
		}
	);
	return false; // cancel event
}


/**
 * example:
 * loadInContainer($('bestaetigungDiv'), 'module=meineDatei&do=turnOffTheInternet', $('submitForm').serialize());
 */
function loadInContainer(container /* , ... */)
{
	container = $(container);
	var handler = function(response, transport)
	{
		container.update(response.content);
		// Unser Freund der IE 6...
		if(window.doAlphaImages && typeof(window.doAlphaImages) == 'function')
			doAlphaImages();
	};

	var args = $A(arguments);
	args.splice(0, 1, handler);
	requestAjax.apply(window, args);

	return false; // cancel event
}



/**
 * Prueft ob der Benutzer eine Nachricht hat - wenn ja, pruefen ob ein Popup offen ist
 */
function checkMsgState(){
	
	setTimeout(checkMsgState, 2000);
	var now = new Date().getTime();

	var data = ServerPoll.getObject();

	if (data.isLoggedIn != undefined && data.isLoggedIn == 1
		// check if there are unread messages for the current user
		&& (data.numMessagesUnread != undefined && data.numMessagesUnread != 0))
	{
		var messagesPopupTime = Cookie.get('messagesPopupTime');
		if (messagesPopupTime == null || Number(messagesPopupTime) + 10000 < now)
		{
			now += 20000; // optional; verhindert das Öffnen von mehreren Fenstern bei langsamen Verbindungen
			Cookie.set('messagesPopupTime', now, Cookie.INFINITE);
			window.open(Environment.wwwUrl + '/msgpopup.html', '', 'width=550,height=300,left=0,top=0,resizable=no,innerWidth=400,innerHeight=300');
		}
	}
}
setTimeout(checkMsgState, 2000);

function removeHighlight(form)
{
	var e = form.elements;
	for (var i = e.length; i-- != 0; )
	{
		$(e[i]).removeClassName('highlight');
	}
}

function displayErrors(form, errors, errorsBox, errorsContent)
{
	var html = new StringBuilder();
	var name = null;

	html.append('<ul>');
	for (name in errors)
	{
		// highlight element
		if (form.elements[name] !== undefined)
		{
			$(form.elements[name]).addClassName('highlight');
		}

		// add error to list
		html.append('<li>');
		html.append(errors[name]);
		html.append('</li>');
	}
	html.append('</ul>');

	if (name !== null)
	{
		// if any errors, display the box
		errorsBox.style.display = '';
		errorsContent.innerHTML = html.toString();
		return true;
	}
	else
	{
		// ...otherwise hide the box
		errorsBox.style.display = 'none';
		errorsContent.innerHTML = '';
		return false;
	}
}



/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/PhotoUpload.js
**
****************************************************************
****************************************************************/
function PhotoUploader(){}

/////////////////////////////////////////////////////////////////
//	Anpassungen
//



//Sorgt dafür, dass die Vorschau in der richtigen Größe angezeigt wird
PhotoUploader.showPreview = function(file){
	//Ladeanimation einblenden
	$('loadingImage').show();
	$('previewImage').hide();
	
	//Standardverhalten (große Bilder sprengen evtl Layout oder werden verzerrt dargestellt, 
	//wenn sie anderes Seitenverhältnishaben als im CSS) 
	//$('previewImage').src = image;
	
	//Funktion von Matthias die das Seitenverhältnis des Bildes beachtet
	var foobar = new AutoImage(file, 'previewImage', 80, 80);
	
	
	//Ladeanimation ausblenden
	$('loadingImage').hide();
	$('previewImage').show();
}

//Sorgt dafür, dass das bearbeitete Bild in der richtigen Größe angezeigt wird
PhotoUploader.showEditedImage = function(file){
	//Ladeanimation einblenden
	$('loadingImage').show();
	$('editedImage').hide();
	
	//Standardverhalten (große Bilder sprengen evtl Layout oder werden verzerrt dargestellt, 
	//wenn sie anderes Seitenverhältnishaben als im CSS) 
	//$('editedImage').src = file;
	
	//Funktion von Matthias die das Seitenverhältnis des Bildes beachtet
	var foobar = new AutoImage(file, 'editedImage', $('editArea').getWidth(), $('editArea').getWidth());
	
	
	//Ladeanimation ausblenden
	$('loadingImage').hide();
	$('editedImage').show();
}

//
//	Ende der Anpassungen
///////////////////////////////////////////////////////////////////


//Initialisierungen
PhotoUploader.cropper = null;

//Wird aufgerufen, sobald der Benutzer ein Foto hochladen will
PhotoUploader.startUpload = function(callback){
	//$('editedImage').hide();
	//$('loadingImage').show();
	//$('previewImage').hide();
	$('photoUploadForm').submit();
	PhotoUploader.uploadCallback = callback;
}

//Wird aufgerufen, wenn das Upload-Request beantwortet wurde
PhotoUploader.uploadFinished = function(response){
	//alert("finished");
	if(response.success){
		//Hochgeladenes Bild anzeigen
		var image = response.filename + '?anticache='+(new Date()).getTime();
		//PhotoUploader.showEditedImage(image);
		//PhotoUploader.showPreview(image);
		//$('loadingImage').hide();
		
		//EffektButtons einblenden
		//$('rotateButton').show();
		//$('cropButton').show();
		//$('saveButton').show();
		
		//Formulareintrag des Bildpfades löschen (damit auch das gleiche Bild ein onChange auslöst)
		//$('uploadInputField').value = "";
		
		//Ãœbergebene Callback-Funktion aufrufen
		var image = response.filename + '?anticache='+(new Date()).getTime();
		PhotoUploader.uploadCallback(image);
	}
	else{
		EditProfile.abortClicked();
	}
	if (response.bubbleElement !== undefined){
		var b = Bubble.getInstance(); 
		Bubble.getInstance().show($(response.bubbleElement), response.bubbleText, 250, Bubble.NOSE_POS_TL); 
		Bubble.getInstance().setCancelTimer(7000);
	}
}

//Wird aufgerufen, wenn "Drehen CW" Button geklickt wurde.
PhotoUploader.rotateImageCW = function(callback){
	var parameterBuilder = new ParameterBuilder();
	parameterBuilder.append('photoUploader=rotatecw');
	if(PhotoUploader.parameters != 'undefined')
		parameterBuilder.append(PhotoUploader.parameters);
	
	new Ajax.Request(PhotoUploader.ajaxurl, {
		method:	'post',
		parameters: parameterBuilder.toString(),
		onSuccess: function(transport){PhotoUploader.rotateCWFinished(transport, callback);}
	});
}

//Wird aufgerufen, wenn Drehen-Request beantwortet wurde.
PhotoUploader.rotateCWFinished = function(transport, callback){
	var response = eval('('+transport.responseText+')');
	if(response.success){
		var image = response.filename + '?anticache='+(new Date()).getTime();
		//PhotoUploader.showEditedImage(image);
		//PhotoUploader.showPreview(image);
		callback(image);
	}
	if (response.bubbleElement !== undefined){
		var b = Bubble.getInstance(); 
		Bubble.getInstance().show($(response.bubbleElement), response.bubbleText, 250, Bubble.NOSE_POS_TL); 
		Bubble.getInstance().setCancelTimer(7000);
	}
}

//Wird aufgerufen, wenn "Drehen CCW" Button geklickt wurde.
PhotoUploader.rotateImageCCW = function(callback){
	var parameterBuilder = new ParameterBuilder();
	parameterBuilder.append('photoUploader=rotateccw');
	if(PhotoUploader.parameters != 'undefined')
		parameterBuilder.append(PhotoUploader.parameters);
		
	new Ajax.Request(PhotoUploader.ajaxurl, {
		method:	'post',
		parameters: parameterBuilder.toString(),
		onSuccess: function(transport){PhotoUploader.rotateCCWFinished(transport, callback);}
	});
}

//Wird aufgerufen, wenn Drehen-Request beantwortet wurde.
PhotoUploader.rotateCCWFinished = function(transport, callback){
	var response = eval('('+transport.responseText+')');
	if(response.success){
		var image = response.filename + '?anticache='+(new Date()).getTime();
		//PhotoUploader.showEditedImage(image);
		//PhotoUploader.showPreview(image);
		callback(image);
	}
	if (response.bubbleElement !== undefined){
		var b = Bubble.getInstance(); 
		Bubble.getInstance().show($(response.bubbleElement), response.bubbleText, 250, Bubble.NOSE_POS_TL); 
		Bubble.getInstance().setCancelTimer(7000);
	}
}


PhotoUploader.showCropperUI = function(id){
	if(PhotoUploader.squareOnly){
		PhotoUploader.cropper = new Cropper.Img(id,{
			displayOnInit: true,
			ratioDim: { x: 200, y: 200 },
			onEndCrop: PhotoUploader.onEndCrop
		});	
	}
	else{
		PhotoUploader.cropper = new Cropper.Img(id,{
			displayOnInit: true,
			onloadCoords: { x1: 10, y1: 10, x2: 60, y2: 60 },
			minWidth: 50,
			minHeight: 50,
			onEndCrop: PhotoUploader.onEndCrop
		});	
	}
}

//Wird aufgerufen, wenn "Ausschneiden" Button geklickt wurde.
PhotoUploader.cropImage = function(){
	if(PhotoUploader.squareOnly){
		//Cropper-UI anzeigen (nur quadratische Markierung)
		PhotoUploader.cropper = new Cropper.Img('editedImage',{
			displayOnInit: true,
			ratioDim: { x: 200, y: 200 },
			onEndCrop: PhotoUploader.onEndCrop
		});
	}else{	
		//Cropper-UI anzeigen (beliebige Markierung)
		PhotoUploader.cropper = new Cropper.Img('editedImage',{
			displayOnInit: true,
			onloadCoords: { x1: 10, y1: 10, x2: 80, y2: 100 },
			onEndCrop: PhotoUploader.onEndCrop
		});
	}
	
	//Buttons austauschen
	/*$('rotateButton').hide();
	$('saveButton').hide();
	$('cropButton').hide();
	$('applyCropButton').show();
	$('abortCropButton').show();*/
}
	
//Wird aufgerufen, nachdem der Benutzer den Cropbereich verädert hat
PhotoUploader.onEndCrop = function(coords, dimensions){
	//Relative Werte aus [0,1]
	//Weil das zu beschneidende Bild eine andere Größe hat als das angezeigte,
	//müssen die Werte relativ betrachtet werden (damit der Ausschnitt an der richtigen Stelle bleibt)
	var width = $('editedImage').getWidth();
	var heigth = $('editedImage').getHeight();
	$( 'x1' ).value = coords.x1 / width;
	$( 'y1' ).value = coords.y1 / heigth;
	$( 'x2' ).value = coords.x2 / width;
	$( 'y2' ).value = coords.y2 / heigth;
	$( 'width' ).value = dimensions.width / width;
	$( 'height' ).value = dimensions.height / heigth;
}
	
//Wird aufgerufen, wenn Ausschneiden abgebrochen wurde.
PhotoUploader.abortCropImage = function(){
	//Cropper UI ausblenden
	PhotoUploader.cropper.remove();
	
	//Buttons austauschen
	$('rotateButton').show();
	$('saveButton').show();
	$('cropButton').show();
	$('applyCropButton').hide();
	$('abortCropButton').hide();
}

//wird aufgerufen, wenn der Benutzer auf den Anwenden Button Klickt
PhotoUploader.applyCropImage = function(callback){

	var parameterBuilder = new ParameterBuilder();
	parameterBuilder.append('photoUploader=crop&x=' + parseFloat($('x1').value) + "&y=" + parseFloat($('y1').value) + "&width=" + parseFloat($('width').value)+ "&height=" + parseFloat($('height').value));
	if(PhotoUploader.parameters != 'undefined')
		parameterBuilder.append(PhotoUploader.parameters);
		
		
	new Ajax.Request(PhotoUploader.ajaxurl, {
		method:		'post',
		parameters:	parameterBuilder.toString(),
		onSuccess:	function(transport){PhotoUploader.cropFinished(transport, callback);}
	});
	
	//Cropper UI ausblenden
	//PhotoUploader.cropper.remove();
	
	//Buttons austauschen
//	$('rotateButton').show();
//	$('uploadButton').show();
//	$('saveButton').show();
//	$('cropButton').show();
//	$('applyCropButton').hide();
//	$('abortCropButton').hide();
}

//Wird aufgerufen, wenn das AJaX-Request beantwortet wird 
PhotoUploader.cropFinished = function(transport, callback){
	var response = eval('('+transport.responseText+')');
	if(response.success){
		var image = response.filename + '?anticache='+(new Date()).getTime();
		//PhotoUploader.showEditedImage(image);
		//PhotoUploader.showPreview(image);
		callback(image);
	}
	if (response.bubbleElement !== undefined){
		var b = Bubble.getInstance(); 
		Bubble.getInstance().show($(response.bubbleElement), response.bubbleText, 250, Bubble.NOSE_POS_TL); 
		Bubble.getInstance().setCancelTimer(7000);
	}
}	
	
	
//Wird aufgerufen, wenn "Speichern" Button geklickt wurde.
PhotoUploader.saveImage = function(callback){
	var parameterBuilder = new ParameterBuilder();
	parameterBuilder.append('photoUploader=save');
	if(PhotoUploader.parameters != 'undefined')
		parameterBuilder.append(PhotoUploader.parameters);
	
	new Ajax.Request(PhotoUploader.ajaxurl, {
		method:	'post',
		parameters: parameterBuilder.toString(),
		onSuccess: function(transport){PhotoUploader.saveFinished(transport, callback);}
	});
}

//Wird aufgerufen, wenn das AJaX-Request beantwortet wird 
PhotoUploader.saveFinished = function(transport, callback){
	var response = eval('('+transport.responseText+')');
	if(response.success){
		var image = response.filename + '?anticache='+(new Date()).getTime();
		callback(image);
		//PhotoUploader.showPreview(image);
		//$('loadingImage').hide();
		//$('editedImage').hide();
		
		//Buttons Austauschen
		//$('saveButton').hide();
		//$('rotateButton').hide();
		//$('cropButton').hide();
		//$('applyCropButton').hide();
		//$('abortCropButton').hide();
	}else{
		EditProfile.abortClicked();
	}
	if (response.bubbleElement !== undefined){
		var b = Bubble.getInstance(); 
		Bubble.getInstance().show($(response.bubbleElement), response.bubbleText, 250, Bubble.NOSE_POS_TL); 
		Bubble.getInstance().setCancelTimer(7000);
	}
}	
	










/** PhotoUploader Klasse
	@author wuttke
*//*
var PhotoUploaderClass = Class.create({
	//Konstruktor.
	initialize: function(url) {
		this.ajaxurl  = url;
		this.uploadBusy = false;
		this.cropper = null;
	},
	
	//Wird aufgerufen, sobald der Benutzer ein Foto hochladen will
	startUpload: function(){
		if(! this.uploadBusy){
			this.uploadBusy = true;
			$('imageArea').show();
			$('loadingImage').show();
			$('editedImage').hide();
			$('photoUploadForm').submit();
		}
	},
	
	//Wird aufgerufen, wenn das Upload-Request beantwortet wurde
	uploadFinished: function(response){
		if(this.uploadBusy){
			this.uploadBusy = false;
			if(response.isError){
				alert(response.error);
				$('imageArea').hide();
			}else{
				//Hochgeladenes Bild anzeigen
				$('editedImage').src = response.result + '?anticache'+(new Date()).getTime();
				
				//EffektButtons einblenden
				$('rotateButton').show();
				$('cropButton').show();
				$('saveButton').show();
			}
		}
	},
	
	//Wird aufgerufen, wenn "Drehen" Button geklickt wurde.
	rotateImage: function(){
		new Ajax.Request(this.ajaxurl+'&anticache='+(new Date()).getTime(), {
			method:	'get',
			parameters: 'photoUploader=rotate',
			onSuccess: this.rotateFinished
		});
	},
	
	//Wird aufgerufen, wenn Drehen-Request beantwortet wurde.
	rotateFinished: function(transport){
		var response = eval('('+transport.responseText+')');
		if(response.success){
			$('editedImage').src = response.filename + '?anticache='+(new Date()).getTime();
		}else{
			alert('Fehler:\n'+response.error);
		}
	},
	
	//Wird aufgerufen, wenn "Speichern" Button geklickt wurde.
	saveImage: function(){
		new Ajax.Request(this.ajaxurl+'&anticache='+(new Date()).getTime(), {
			method:	'get',
			parameters: 'photoUploader=save',
			onSuccess: this.saveFinished
		});
	},
	
	//Wird aufgerufen, wenn Speichern-Request beantwortet wurde.
	saveFinished: function(transport){
		var response = eval('('+transport.responseText+')');
		if(!response.isError){
			$('editedImage').src = response.result + '?anticache='+(new Date()).getTime();
			$('editedImage').show();
			$('loadingImage').hide();
			$('imageArea').hide();
			
			//Buttons Austauschen
			$('uploadButton').show();
			$('saveButton').hide();
			$('rotateButton').hide();
			$('cropButton').hide();
			$('applyCropButton').hide();
			$('abortCropButton').hide();
		}else{
			alert('Fehler:\n'+response.error);
		}
	},
	
	//Wird aufgerufen, wenn "Ausschneiden" Button geklickt wurde.
	cropImage: function(){
		//Cropper-UI anzeigen
		this.cropper = new Cropper.Img('editedImage',{
			displayOnInit: true,
			ratioDim: { x: 200, y: 200 },
			onEndCrop: this.onEndCrop
		});
		
		//Buttons austauschen
		$('uploadButton').hide();
		$('saveButton').hide();
		$('cropButton').hide();
		$('applyCropButton').show();
		$('abortCropButton').show();
	},

	//Wird aufgerufen, nachdem der Benutzer den Cropbereich verädert hat
	onEndCrop: function(coords, dimensions){
		$( 'x1' ).value = coords.x1;
		$( 'y1' ).value = coords.y1;
		$( 'x2' ).value = coords.x2;
		$( 'y2' ).value = coords.y2;
		$( 'width' ).value = dimensions.width;
		$( 'height' ).value = dimensions.height;
	},
	
	//Wird aufgerufen, wenn Ausschneiden abgebrochen wurde.
	abortCropImage: function(){
		//Cropper UI ausblenden
		this.cropper.remove();
		
		//Buttons austauschen
		$('uploadButton').show();
		$('saveButton').show();
		$('cropButton').show();
		$('applyCropButton').hide();
		$('abortCropButton').hide();
	},

	//wird aufgerufen, wenn der Benutzer auf den Anwenden Button Klickt
	applyCropImage: function(){
		var params = $H({
			x:parseInt($('x1').value), 
			y:parseInt($('y1').value),
			width:parseInt($('width').value),
			height:parseInt($('height').value)
		});
	
		new Ajax.Request(this.ajaxurl+'&anticache='+(new Date()).getTime(), {
			method:		'get',
			parameters:	'photoUploader=crop' + params.toQueryString(),
			onSuccess:	this.cropFinished
		});
		
		//Cropper UI ausblenden
		this.cropper.remove();
		
		//Buttons austauschen
		$('uploadButton').show();
		$('saveButton').show();
		$('cropButton').show();
		$('applyCropButton').hide();
		$('abortCropButton').hide();
	},
	
	//Wird aufgerufen, wenn das AJaX-Request beantwortet wird 
	cropFinished: function(transport){
		var response = eval('('+transport.responseText+')');
		if(response.success){
			$('editedImage').src = response.filename + '?anticache='+(new Date()).getTime();
		}else{
			alert('Fehler:\n'+response.error);
		}
	}
});
var photoUploader = new PhotoUploaderClass(Environment.pageUrl + '/EditProfile/photoUpload');
*/
/*
var photoUploaderAJaXURL = "crop.php?do=save&anticache="+(new Date()).getTime();

// Wird onChange des UploadButtons aufgerufen
var uploadBusy = false;
function pu_startUpload(){
	if(!uploadBusy){
		$('imageArea').show();
		$('loadingImage').show();
		$('editedImage').hide();
		uploadBusy = true;
		$('photoUploadForm').submit();
		//alert("k");
	}
}

//Wird aus dem IFrame heraus aufgerufen, wenn der upload fertig ist.
function pu_uploadFinished(response){
	if(uploadBusy){
		uploadBusy = false;
		if(response.isError){
			alert(response.error);
			$('imageArea').hide();
		}else{
			//var image = Environment.wwwUrl+'/php/temp/PhotoEdit/'+response.result + '?anticache'+(new Date()).getTime();
			//var image = Environment.wwwUrl+'/php/temp/PhotoEdit/test.php';
			//$('pu_resultImage').innerHTML = '<img src="'+image+'" alt=""/>';
			//$('pu_resultArea').show();
			//Hochgeladenes Bild anzeigen
			$('editedImage').src = response.result + '?anticache'+(new Date()).getTime();
			
			//EffektButtons einblenden
			$('rotateButton').show();
			$('cropButton').show();
			$('saveButton').show();
		}
	}
}

//Wird aufgerufen, wenn Bild gespeichert werden soll
function pu_saveImage(){
	new Ajax.Request(photoUploaderAJaXURL, {
		method:	'get',
		onSuccess: pu_saveFinished
	});
	
	//alert('Speichern kommt noch.');
	
}

//Wird aufgerufen, wenn "Drehen" Button geklickt wurde
function pu_rotateImage(){
	var url = "crop.php?do=rotate&anticache="+(new Date()).getTime();
	new Ajax.Request(url, {
		method:	'get',
		onSuccess: rotateFinished
	});
}

function saveFinished(transport){
	var response = eval('('+transport.responseText+')');
	if(!response.isError){
		$('currentImage').src = response.result + '?anticache='+(new Date()).getTime();
		$('editedImage').src = "loading.gif";
		$('imageArea').hide();
		
		//Buttons Austauschen
		$('uploadButton').show();
		$('saveButton').hide();
		$('rotateButton').hide();
		$('cropButton').hide();
		$('applyCropButton').hide();
		$('abortCropButton').hide();
	}else{
		alert('Fehler:\n'+response.error);
	}
}

function rotateFinished(transport){
	var response = eval('('+transport.responseText+')');
	if(response.success){
		$('editedImage').src = response.filename + '?anticache='+(new Date()).getTime();
	}else{
		alert('Fehler:\n'+response.error);
	}
}

//Wird aufgerufen, wenn "Ausschneiden" Button geklickt wurde
var cropper;
function pu_cropImage(){
	//Cropper-UI anzeigen
	cropper = new Cropper.Img('editedImage',{
		displayOnInit: true,
		ratioDim: { x: 200, y: 200 },
		onEndCrop: onEndCrop
	});
	
	//Buttons austauschen
	$('uploadButton').hide();
	$('saveButton').hide();
	$('cropButton').hide();
	$('applyCropButton').show();
	$('abortCropButton').show();
	
}

function pu_abortCropImage(){
	//Cropper UI ausblenden
	cropper.remove();
	
	//Buttons austauschen
	$('uploadButton').show();
	$('saveButton').show();
	$('cropButton').show();
	$('applyCropButton').hide();
	$('abortCropButton').hide();
}

//Wird aufgerufen, wenn der Benutzer den CropBereich verändert hat
function onEndCrop( coords, dimensions ) {
	$( 'x1' ).value = coords.x1;
	$( 'y1' ).value = coords.y1;
	$( 'x2' ).value = coords.x2;
	$( 'y2' ).value = coords.y2;
	$( 'width' ).value = dimensions.width;
	$( 'height' ).value = dimensions.height;
}

//wird aufgerufen, wenn der Benutzer auf den Anwenden Button Klickt
function pu_applyCropImage(){
	var ajaxURL = 'crop.php?do=crop&anticache='+(new Date()).getTime();
	var params = $H({
		x:parseInt($('x1').value), 
		y:parseInt($('y1').value),
		width:parseInt($('width').value),
		height:parseInt($('height').value)
	});

	new Ajax.Request(ajaxURL, {
		method:		'get',
		parameters:	params.toQueryString(),
		onSuccess:	cropSuccess
	});
	
	//Cropper UI ausblenden
	cropper.remove();
	
	//Buttons austauschen
	$('uploadButton').show();
	$('saveButton').show();
	$('cropButton').show();
	$('applyCropButton').hide();
	$('abortCropButton').hide();
}

//Wird aufgerufen, wenn das AJaX-Request beantwortet wird 
function cropSuccess(transport){
	var response = eval('('+transport.responseText+')');
	if(response.success){
		$('editedImage').src = response.filename + '?anticache='+(new Date()).getTime();
	}else{
		alert('Fehler:\n'+response.error);
	}
}
*/
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/editProfile.js
**
****************************************************************
****************************************************************/
//Klasse um alle Funktionen zu Kapseln.
function EditProfile(){}

/************************************************************************
* Jeder Schritt besteht aus zwei Phasen: Vorbereiten und Abschlie�en
* Klickt der Benutzer auf "Weiter" wird der aktuelle Schritt abgeschlossen
* und der n�chste (sofern es einen n�chsten gibt) vorbereitet.
* Jeder Schritt, muss also diese beiden Methoden bereitstellen.
* Die Reihenfolge der Schritte wird im Array "stepArray" festgelegt. 
************************************************************************/

////////////////////////////////////////////////////////////////////////////////
//	Anpassungen
/****************** Phasen der Schritte ***********************************/ 
//Upload
EditProfile.prepareUploadStep = function(){
	var iURL = Environment.imageUrl;
	
	//Nicht ben�tigte Buttons deaktivieren
	$('rotateCWButton').disable();
	$('rotateCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_cw_deactivated.png")'});
	
	$('rotateComplete').disable();
	$('rotateComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_next_deactivated.png")'});
	
	$('rotateCCWButton').disable();
	$('rotateCCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_ccw_deactivated.png")'});
	
	$('cropComplete').disable();
	$('cropComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_crop_deactivated.png")'});
	
	$('saveButton').disable();
	$('saveButton').setStyle({backgroundImage:'url("'+iURL+'/pu_save_deactivated.png")'});
	
	$('abortButton').disable();
	$('abortButton').setStyle({backgroundImage:'url("'+iURL+'/pu_abort_deactivated.png")'});
	
	// Helpsteps einblenden:
	$('help_step_1').style.display = '';
	$('help_step_2').style.display = 'none';
	$('help_step_3').style.display = 'none';
	$('help_step_4').style.display = 'none';			

}


EditProfile.finishUploadStep = function(){//alert("finishUploadStep");
	$('CurrentProfilePic').hide();
	$('EditProfileDiv').show();
}

//Drehen
EditProfile.prepareRotateStep = function(){//alert("prepareRotateStep");
	var iURL = Environment.imageUrl;
	
	//Nicht ben�tigte Buttons deaktivieren
	
	$('cropComplete').disable();
	$('cropComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_crop_deactivated.png")'});
	
	$('saveButton').disable();
	$('saveButton').setStyle({backgroundImage:'url("'+iURL+'/pu_save_deactivated.png")'});
	
	//Ben�tigte Buttons aktivieren
	$('rotateCWButton').enable();
	$('rotateCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_cw_activated.png")'});
	
	$('rotateComplete').enable();
	$('rotateComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_next_activated.png")'});
	
	$('rotateCCWButton').enable();
	$('rotateCCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_ccw_activated.png")'});
	
	$('abortButton').enable();
	$('abortButton').setStyle({backgroundImage:'url("'+iURL+'/pu_abort_activated.png")'});
	
	// Helpsteps einblenden:
	$('help_step_1').style.display = 'none';
	$('help_step_2').style.display = '';
	$('help_step_3').style.display = 'none';
	$('help_step_4').style.display = 'none';	
}
EditProfile.finishRotateStep = function(){//alert("finishRotateStep");
	//Nichts weiter
}

//Ausschneiden
EditProfile.prepareCropStep = function(){//alert("prepareCropStep");
	var iURL = Environment.imageUrl;

	//Nicht ben�tigte Buttons deaktivieren
	
	$('rotateCWButton').disable();
	$('rotateCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_cw_deactivated.png")'});
	
	$('rotateComplete').disable();
	$('rotateComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_next_deactivated.png")'});
	
	$('rotateCCWButton').disable();
	$('rotateCCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_ccw_deactivated.png")'});
	
	$('saveButton').disable();
	$('saveButton').setStyle({backgroundImage:'url("'+iURL+'/pu_save_deactivated.png")'});
	
	//Ben�tigte Buttons aktivieren
	$('cropComplete').enable();
	$('cropComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_crop_activated.png")'});
	
	$('abortButton').enable();
	$('abortButton').setStyle({backgroundImage:'url("'+iURL+'/pu_abort_activated.png")'});
	
	//Cropper-UI anzeigen (nur quadratische Markierung erlaubt)
	PhotoUploader.showCropperUI('editedImage');
		
	// Helpsteps einblenden:
	$('help_step_1').style.display = 'none';
	$('help_step_2').style.display = 'none';
	$('help_step_3').style.display = '';
	$('help_step_4').style.display = 'none';	
}
EditProfile.finishCropStep = function(){//alert("finishCropStep");
	//Cropper UI ausblenden
	PhotoUploader.cropper.remove();
	
	//Ladeanmiation anzeigen
	$('editedImage').hide();
	$('loadingImage').show();
	
	//Ausschnieden anwenden
	PhotoUploader.applyCropImage(EditProfile.updateEditedImage);
}

//Speichern
EditProfile.prepareSaveStep = function(){//alert("prepareSaveStep");
	var iURL = Environment.imageUrl;
	
	//Nicht ben�tigte Buttons deaktivieren
	
	$('rotateCWButton').disable();
	$('rotateCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_cw_deactivated.png")'});
	
	$('rotateComplete').disable();
	$('rotateComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_next_deactivated.png")'});
	
	$('rotateCCWButton').disable();
	$('rotateCCWButton').setStyle({backgroundImage:'url("'+iURL+'/pu_ccw_deactivated.png")'});
	
	$('cropComplete').disable();
	$('cropComplete').setStyle({backgroundImage:'url("'+iURL+'/pu_crop_deactivated.png")'});
	
	//Ben�tigte Buttons aktivieren
	$('saveButton').enable();
	$('saveButton').setStyle({backgroundImage:'url("'+iURL+'/pu_save_activated.png")'});
	
	$('abortButton').enable();
	$('abortButton').setStyle({backgroundImage:'url("'+iURL+'/pu_abort_activated.png")'});
	
	// Helpsteps einblenden:
	$('help_step_1').style.display = 'none';
	$('help_step_2').style.display = 'none';
	$('help_step_3').style.display = 'none';
	$('help_step_4').style.display = '';	
}
EditProfile.finishSaveStep = function(){//alert("finishSaveStep");
	//Bild speichern und lLadeanimation anzeigen
	PhotoUploader.saveImage(EditProfile.saveFinished);
	$('editedImage').hide();
	$('loadingImage').show();
	
	
	
}
		
/****************** Reihenfolge der Schritte ***********************************/ 
//Inneres array besteht aus Funktions-Referenzen f�r die beiden Phasen des Schrittes
EditProfile.stepArray = new Array(
	"nothing",	//Weil array mit 0 beginnt, Schritte aber mit 1
	new Array( EditProfile.prepareUploadStep,	EditProfile.finishUploadStep ),
	new Array( EditProfile.prepareRotateStep,	EditProfile.finishRotateStep ),
	new Array( EditProfile.prepareCropStep,		EditProfile.finishCropStep ),
	new Array( EditProfile.prepareSaveStep,		EditProfile.finishSaveStep )
);		

/****************** Was soll beim Abbruch geschehen ***********************************/ 
EditProfile.abortClicked = function (){
	//Schrittz�hler wieder auf Anfang
	EditProfile.globalStep = 1;

	$('CurrentProfilePic').show();
	$('EditProfileDiv').hide();
	
	
	//Bilder weg
	$('loadingImage').hide();
	$('editedImage').hide();
	
	EditProfile.prepareUploadStep();
	
	//ggf Cropper ausblenden
	if(PhotoUploader.cropper)
		PhotoUploader.cropper.remove();
		
 	// Wichtig: Image-Input-Feld resetten!
 	Form.reset('photoUploadForm');
 	
}

/****************** Was soll nach dem Beenden des Letzten Schrittes geschehen **/
EditProfile.finished = function(){
	//Schrittz�hler wieder auf Anfang
	EditProfile.globalStep = 1;

	EditProfile.prepareUploadStep();
	
	Form.reset('photoUploadForm');
}

/*********************** Hilfsfunktionen der Schritte *******************/
EditProfile.uploadChanged = function (){
	//alert("Upload");
	//EditProfile.nextStep();
	$('loadingImage').show();
	PhotoUploader.startUpload(EditProfile.uploadFinished);
}

//Wird dem PhotoUploader als callback fkt f�r fertigen Upload mitgegeben
EditProfile.uploadFinished = function(file){
	EditProfile.updateEditedImage(file);
	EditProfile.nextStep();
}

//Wird dem PhotoUploader als callback fkt f�r fertiges speichern mitgegeben
EditProfile.saveFinished = function(file){
	$('loadingImage').hide();
	$('editedImage').hide();
}

EditProfile.rotateCWClicked = function (){
	$('editedImage').hide();
	$('loadingImage').show();
	PhotoUploader.rotateImageCW(EditProfile.updateEditedImage);
}
EditProfile.rotateCCWClicked = function (){
	$('editedImage').hide();
	$('loadingImage').show();
	PhotoUploader.rotateImageCCW(EditProfile.updateEditedImage);
}

//Aktualisiert das editierte Bild und beachtet dabei dessen Ausma�e
EditProfile.updateEditedImage = function(file){
	var foobar = new AutoImage(file, 'editedImage', 450, 500);
	$('loadingImage').style.display = 'none';
	$('editedImage').style.display = '';
}

//	Ende der Anpassungen
///////////////////////////////////////////////////////////////////////////		
		
//Z�hlvariable f�r die Schritte
EditProfile.globalStep = 1;

//Ersten Schritt vorbereiten
//EditProfile.stepArray[EditProfile.globalStep][0]();		

/////////////////////////////////////////////		
// Zentrale Methode f�r n�chsten Schritt		
/////////////////////////////////////////////
EditProfile.nextStep = function(){
	//Alten Schritt abschlie�en
	EditProfile.stepArray[EditProfile.globalStep][1]();
	
	//Schrittz�hler erh�hen
	EditProfile.globalStep++;
	
	//Neuen Schritt vorbereiten (falls noch einer �brig)
	if(EditProfile.globalStep <= EditProfile.stepArray.length - 1){
		EditProfile.stepArray[EditProfile.globalStep][0]();
	}else{
		EditProfile.finished();
	}
}




/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/js/own/last_js.js
**
****************************************************************
****************************************************************/
/*
 * Wird eingebunden, um das Ende und damit das vollstaendig geladene JS zu markieren
 */


Page._setJSLoaded();