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

var Prototype = {
  Version: '1.6.0',

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

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

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

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

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

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

/* Based on Alex Arnell's inheritance implementation. */
var Class = {
  create: function() {
    var parent = null, properties = $A(arguments);
    if (Object.isFunction(properties[0]))
      parent = properties.shift();

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

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

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

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

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

    klass.prototype.constructor = klass;

    return klass;
  }
};

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

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

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

    return this;
  }
};

var Abstract = { };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    return returnValue;
  }
};

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

RegExp.escape = function(str) {
  return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
};

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

var PeriodicalExecuter = Class.create({
  initialize: function(callback, frequency) {
    this.callback = callback;
    this.frequency = frequency;
    this.currentlyExecuting = false;

    this.registerCallback();
  },

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

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

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

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

Object.extend(String.prototype, {
  gsub: function(pattern, replacement) {
    var result = '', source = this, match;
    replacement = arguments.callee.prepareReplacement(replacement);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    return camelized;
  },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

var $break = { };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Array.from = $A;

Object.extend(Array.prototype, Enumerable);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

var Hash = Class.create(Enumerable, (function() {
  if (function() {
    var i = 0, Test = function(value) { this.key = value };
    Test.prototype.key = 'foo';
    for (var property in new Test('bar')) i++;
    return i > 1;
  }()) {
    function each(iterator) {
      var cache = [];
      for (var key in this._object) {
        var value = this._object[key];
        if (cache.include(key)) continue;
        cache.push(key);
        var pair = [key, value];
        pair.key = key;
        pair.value = value;
        iterator(pair);
      }
    }
  } else {
    function each(iterator) {
      for (var key in this._object) {
        var value = this._object[key], pair = [key, value];
        pair.key = key;
        pair.value = value;
        iterator(pair);
      }
    }
  }

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

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

    _each: each,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  activeRequestCount: 0
};

Ajax.Responders = {
  responders: [],

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

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

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

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

Object.extend(Ajax.Responders, Enumerable);

Ajax.Responders.register({
  onCreate:   function() { Ajax.activeRequestCount++ },
  onComplete: function() { Ajax.activeRequestCount-- }
});

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

    this.options.method = this.options.method.toLowerCase();
    if (Object.isString(this.options.parameters))
      this.options.parameters = this.options.parameters.toQueryParams();
  }
});

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

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

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

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

    this.parameters = params;

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

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

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

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

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

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

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

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

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

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

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

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

    // user-defined headers
    if (typeof this.options.requestHeaders == 'object') {
      var extras = this.options.requestHeaders;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  status:      0,
  statusText: '',

  getStatus: Ajax.Request.prototype.getStatus,

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

  getHeader: Ajax.Request.prototype.getHeader,

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

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

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

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

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

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

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

    $super(url, options);
  },

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

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

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

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

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

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

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

    this.start();
  },

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

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

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

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

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

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

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

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

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

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

Element.cache = { };

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

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

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

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

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

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

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

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

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

    var content, t, range;

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

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

      content = Object.toHTML(content);

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

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

    return element;
  },

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

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

  recursivelyCollect: function(element, property) {
    element = $(element);
    var elements = [];
    while (element = element[property])
      if (element.nodeType == 1)
        elements.push(Element.extend(element));
    return elements;
  },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    if (element.sourceIndex && !Prototype.Browser.Opera) {
      var e = element.sourceIndex, a = ancestor.sourceIndex,
       nextAncestor = ancestor.nextSibling;
      if (!nextAncestor) {
        do { ancestor = ancestor.parentNode; }
        while (!(nextAncestor = ancestor.nextSibling) && ancestor.parentNode);
      }
      if (nextAncestor) return (e > a && e < nextAncestor.sourceIndex);
    }

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

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

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

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

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

    return element;
  },

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

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

    // All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    els.position = 'absolute';
    els.display = 'block';
    var originalWidth = element.clientWidth;
    var originalHeight = element.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;
    return {width: originalWidth, height: originalHeight};
  },

  makePositioned: function(element) {
    element = $(element);
    var pos = Element.getStyle(element, 'position');
    if (pos == 'static' || !pos) {
      element._madePositioned = true;
      element.style.position = 'relative';
      // Opera returns the offset relative to the positioning context, when an
      // element is position relative but top and left have not been defined
      if (window.opera) {
        element.style.top = 0;
        element.style.left = 0;
      }
    }
    return element;
  },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    return $(document.body);
  },

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

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

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

    } while (element = element.offsetParent);

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

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

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

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

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

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

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

Element.Methods.identify.counter = 1;

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

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


if (!document.createRange || Prototype.Browser.Opera) {
  Element.Methods.insert = function(element, insertions) {
    element = $(element);

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

    var t = Element._insertionTranslations, content, position, pos, tagName;

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

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

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

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

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

    return element;
  };
}

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

else if (Prototype.Browser.IE) {
  $w('positionedOffset getOffsetParent viewportOffset').each(function(method) {
    Element.Methods[method] = Element.Methods[method].wrap(
      function(proceed, element) {
        element = $(element);
        var position = element.getStyle('position');
        if (position != 'static') return proceed(element);
        element.setStyle({ position: 'relative' });
        var value = proceed(element);
        element.setStyle({ position: position });
        return value;
      }
    );
  });

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

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

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

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

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

  Element._attributeTranslations = {
    read: {
      names: {
        'class': 'className',
        'for':   'htmlFor'
      },
      values: {
        _getAttr: function(element, attribute) {
          return element.getAttribute(attribute, 2);
        },
        _getAttrNode: function(element, attribute) {
          var node = element.getAttributeNode(attribute);
          return node ? node.value : "";
        },
        _getEv: function(element, attribute) {
          var attribute = element.getAttribute(attribute);
          return attribute ? attribute.toString().slice(23, -2) : null;
        },
        _flag: function(element, attribute) {
          return $(element).hasAttribute(attribute) ? attribute : null;
        },
        style: function(element) {
          return element.style.cssText.toLowerCase();
        },
        title: function(element) {
          return element.title;
        }
      }
    }
  };

  Element._attributeTranslations.write = {
    names: Object.clone(Element._attributeTranslations.read.names),
    values: {
      checked: function(element, value) {
        element.checked = !!value;
      },

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

  Element._attributeTranslations.has = {};

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

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

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

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

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

    return element;
  };

  // Safari returns margins on body which is incorrect if the child is absolutely
  // positioned.  For performance reasons, redefine Position.cumulativeOffset for
  // KHTML/WebKit only.
  Element.Methods.cumulativeOffset = function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;
      if (element.offsetParent == document.body)
        if (Element.getStyle(element, 'position') == 'absolute') break;

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

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

if (Prototype.Browser.IE || Prototype.Browser.Opera) {
  // IE and Opera are missing .innerHTML support for TABLE-related and SELECT elements
  Element.Methods.update = function(element, content) {
    element = $(element);

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

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

    if (tagName in Element._insertionTranslations.tags) {
      $A(element.childNodes).each(function(node) { element.removeChild(node) });
      Element._getContentFromAnonymousElement(tagName, content.stripScripts())
        .each(function(node) { element.appendChild(node) });
    }
    else element.innerHTML = content.stripScripts();

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

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

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

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

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

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

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

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

Element._insertionTranslations = {
  before: {
    adjacency: 'beforeBegin',
    insert: function(element, node) {
      element.parentNode.insertBefore(node, element);
    },
    initializeRange: function(element, range) {
      range.setStartBefore(element);
    }
  },
  top: {
    adjacency: 'afterBegin',
    insert: function(element, node) {
      element.insertBefore(node, element.firstChild);
    },
    initializeRange: function(element, range) {
      range.selectNodeContents(element);
      range.collapse(true);
    }
  },
  bottom: {
    adjacency: 'beforeEnd',
    insert: function(element, node) {
      element.appendChild(node);
    }
  },
  after: {
    adjacency: 'afterEnd',
    insert: function(element, node) {
      element.parentNode.insertBefore(node, element.nextSibling);
    },
    initializeRange: function(element, range) {
      range.setStartAfter(element);
    }
  },
  tags: {
    TABLE:  ['<table>',                '</table>',                   1],
    TBODY:  ['<table><tbody>',         '</tbody></table>',           2],
    TR:     ['<table><tbody><tr>',     '</tr></tbody></table>',      3],
    TD:     ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4],
    SELECT: ['<select>',               '</select>',                  1]
  }
};

(function() {
  this.bottom.initializeRange = this.top.initializeRange;
  Object.extend(this.tags, {
    THEAD: this.tags.TBODY,
    TFOOT: this.tags.TBODY,
    TH:    this.tags.TD
  });
}).call(Element._insertionTranslations);

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

Element.Methods.ByTag = { };

Object.extend(Element, Element.Methods);

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

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

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

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

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

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

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

    element._extendedByPrototype = Prototype.emptyFunction;
    return element;

  }, {
    refresh: function() {
      // extend methods for all tags (Safari doesn't need this)
      if (!Prototype.BrowserFeatures.ElementExtensions) {
        Object.extend(Methods, Element.Methods);
        Object.extend(Methods, Element.Methods.Simulated);
      }
    }
  });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

document.viewport = {
  getDimensions: function() {
    var dimensions = { };
    $w('width height').each(function(d) {
      var D = d.capitalize();
      dimensions[d] = self['inner' + D] ||
       (document.documentElement['client' + D] || document.body['client' + D]);
    });
    return dimensions;
  },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    return match;
  },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    var data = elements.inject({ }, function(result, element) {
      if (!element.disabled && element.name) {
        key = element.name; value = $(element).getValue();
        if (value != null && (element.type != 'submit' || (!submitted &&
            submit !== false && (!submit || key == submit) && (submitted = true)))) {
          if (key in result) {
            // a key is already present; construct an array of values
            if (!Object.isArray(result[key])) result[key] = [result[key]];
            result[key].push(value);
          }
          else result[key] = value;
        }
      }
      return result;
    });

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

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

  getElements: function(form) {
    return $A($(form).getElementsByTagName('*')).inject([],
      function(elements, child) {
        if (Form.Element.Serializers[child.tagName.toLowerCase()])
          elements.push(Element.extend(child));
        return elements;
      }
    );
  },

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

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

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

    return matchingInputs;
  },

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

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

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

    return firstByIndex ? firstByIndex : elements.find(function(element) {
      return ['input', 'select', 'textarea'].include(element.tagName.toLowerCase());
    });
  },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  activate: function(element) {
    element = $(element);
    try {
      element.focus();
      if (element.select && (element.tagName.toLowerCase() != 'input' ||
          !['button', 'reset', 'submit'].include(element.type)))
        element.select();
    } catch (e) { }
    return element;
  },

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

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

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

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

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

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

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

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

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

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

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

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

  optionValue: function(opt) {
    // extend element because hasAttribute may not be native
    return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text;
  }
};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  cache: { },

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

Event.Methods = (function() {
  var isButton;

  if (Prototype.Browser.IE) {
    var buttonMap = { 0: 1, 1: 4, 2: 2 };
    isButton = function(event, code) {
      return event.button == buttonMap[code];
    };

  } else if (Prototype.Browser.WebKit) {
    isButton = function(event, code) {
      switch (code) {
        case 0: return event.which == 1 && !event.metaKey;
        case 1: return event.which == 1 && event.metaKey;
        default: return false;
      }
    };

  } else {
    isButton = function(event, code) {
      return event.which ? (event.which === code + 1) : (event.button === code);
    };
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      return element;
    },

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

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

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

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

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

      destroyWrapper(id, eventName, handler);

      return element;
    },

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

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

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

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

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

Object.extend(Event, Event.Methods);

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

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

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

  var timer, fired = false;

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

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

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

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

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

Hash.toQueryString = Object.toQueryString;

var Toggle = { display: Element.toggle };

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

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

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

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

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

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

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

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

  // caches x/y coordinate pair to use with overlap
  within: function(element, x, y) {
    if (this.includeScrollOffsets)
      return this.withinIncludingScrolloffsets(element, x, y);
    this.xcomp = x;
    this.ycomp = y;
    this.offset = Element.cumulativeOffset(element);

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

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

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

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

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

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

  cumulativeOffset: Element.Methods.cumulativeOffset,

  positionedOffset: Element.Methods.positionedOffset,

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

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

  realOffset: Element.Methods.cumulativeScrollOffset,

  offsetParent: Element.Methods.getOffsetParent,

  page: Element.Methods.viewportOffset,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Element.addMethods();




// script.aculo.us effects.js v1.8.1, Thu Jan 03 22:07:12 -0500 2008

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

// converts rgb() and #xxx to #xxxxxx format,  
// returns self (or first argument) if not convertable  
String.prototype.parseColor = function() {  
  var color = '#';
  if (this.slice(0,4) == 'rgb(') {  
    var cols = this.slice(4,this.length-1).split(',');  
    var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);  
  } else {  
    if (this.slice(0,1) == '#') {  
      if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();  
      if (this.length==7) color = this.toLowerCase();  
    }  
  }  
  return (color.length==7 ? color : (arguments[0] || this));  
};

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

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

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

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

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

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

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

var Effect = {
  _elementDoesNotExistError: {
    name: 'ElementDoesNotExistError',
    message: 'The specified DOM element does not exist, but is required for this effect to operate'
  },
  Transitions: {
    linear: Prototype.K,
    sinoidal: function(pos) {
      return (-Math.cos(pos*Math.PI)/2) + 0.5;
    },
    reverse: function(pos) {
      return 1-pos;
    },
    flicker: function(pos) {
      var pos = ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
      return pos > 1 ? 1 : pos;
    },
    wobble: function(pos) {
      return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
    },
    pulse: function(pos, pulses) { 
      pulses = pulses || 5; 
      return (
        ((pos % (1/pulses)) * pulses).round() == 0 ? 
              ((pos * pulses * 2) - (pos * pulses * 2).floor()) : 
          1 - ((pos * pulses * 2) - (pos * pulses * 2).floor())
        );
    },
    spring: function(pos) { 
      return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6)); 
    },
    none: function(pos) {
      return 0;
    },
    full: function(pos) {
      return 1;
    }
  },
  DefaultOptions: {
    duration:   1.0,   // seconds
    fps:        100,   // 100= assume 66fps max.
    sync:       false, // true for combining
    from:       0.0,
    to:         1.0,
    delay:      0.0,
    queue:      'parallel'
  },
  tagifyText: function(element) {
    var tagifyStyle = 'position:relative';
    if (Prototype.Browser.IE) tagifyStyle += ';zoom:1';
    
    element = $(element);
    $A(element.childNodes).each( function(child) {
      if (child.nodeType==3) {
        child.nodeValue.toArray().each( function(character) {
          element.insertBefore(
            new Element('span', {style: tagifyStyle}).update(
              character == ' ' ? String.fromCharCode(160) : character), 
              child);
        });
        Element.remove(child);
      }
    });
  },
  multiple: function(element, effect) {
    var elements;
    if (((typeof element == 'object') || 
        Object.isFunction(element)) && 
       (element.length))
      elements = element;
    else
      elements = $(element).childNodes;
      
    var options = Object.extend({
      speed: 0.1,
      delay: 0.0
    }, arguments[2] || { });
    var masterDelay = options.delay;

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

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

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

Effect.ScopedQueue = Class.create(Enumerable, {
  initialize: function() {
    this.effects  = [];
    this.interval = null;    
  },
  _each: function(iterator) {
    this.effects._each(iterator);
  },
  add: function(effect) {
    var timestamp = new Date().getTime();
    
    var position = Object.isString(effect.options.queue) ? 
      effect.options.queue : effect.options.queue.position;
    
    switch(position) {
      case 'front':
        // move unstarted effects after this effect  
        this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
            e.startOn  += effect.finishOn;
            e.finishOn += effect.finishOn;
          });
        break;
      case 'with-last':
        timestamp = this.effects.pluck('startOn').max() || timestamp;
        break;
      case 'end':
        // start effect after last queued effect has finished
        timestamp = this.effects.pluck('finishOn').max() || timestamp;
        break;
    }
    
    effect.startOn  += timestamp;
    effect.finishOn += timestamp;

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

Effect.Queues = {
  instances: $H(),
  get: function(queueName) {
    if (!Object.isString(queueName)) return queueName;
    
    return this.instances.get(queueName) ||
      this.instances.set(queueName, new Effect.ScopedQueue());
  }
};
Effect.Queue = Effect.Queues.get('global');

Effect.Base = Class.create({
  position: null,
  start: function(options) {
    function codeForEvent(options,eventName){
      return (
        (options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') +
        (options[eventName] ? 'this.options.'+eventName+'(this);' : '')
      );
    }
    if (options && options.transition === false) options.transition = Effect.Transitions.linear;
    this.options      = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { });
    this.currentFrame = 0;
    this.state        = 'idle';
    this.startOn      = this.options.delay*1000;
    this.finishOn     = this.startOn+(this.options.duration*1000);
    this.fromToDelta  = this.options.to-this.options.from;
    this.totalTime    = this.finishOn-this.startOn;
    this.totalFrames  = this.options.fps*this.options.duration;
    
    eval('this.render = function(pos){ '+
      'if (this.state=="idle"){this.state="running";'+
      codeForEvent(this.options,'beforeSetup')+
      (this.setup ? 'this.setup();':'')+ 
      codeForEvent(this.options,'afterSetup')+
      '};if (this.state=="running"){'+
      'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+
      'this.position=pos;'+
      codeForEvent(this.options,'beforeUpdate')+
      (this.update ? 'this.update(pos);':'')+
      codeForEvent(this.options,'afterUpdate')+
      '}}');
    
    this.event('beforeStart');
    if (!this.options.sync)
      Effect.Queues.get(Object.isString(this.options.queue) ? 
        'global' : this.options.queue.scope).add(this);
  },
  loop: function(timePos) {
    if (timePos >= this.startOn) {
      if (timePos >= this.finishOn) {
        this.render(1.0);
        this.cancel();
        this.event('beforeFinish');
        if (this.finish) this.finish(); 
        this.event('afterFinish');
        return;  
      }
      var pos   = (timePos - this.startOn) / this.totalTime,
          frame = (pos * this.totalFrames).round();
      if (frame > this.currentFrame) {
        this.render(pos);
        this.currentFrame = frame;
      }
    }
  },
  cancel: function() {
    if (!this.options.sync)
      Effect.Queues.get(Object.isString(this.options.queue) ? 
        'global' : this.options.queue.scope).remove(this);
    this.state = 'finished';
  },
  event: function(eventName) {
    if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
    if (this.options[eventName]) this.options[eventName](this);
  },
  inspect: function() {
    var data = $H();
    for(property in this)
      if (!Object.isFunction(this[property])) data.set(property, this[property]);
    return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>';
  }
});

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

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

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

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

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

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

Effect.Scale = Class.create(Effect.Base, {
  initialize: function(element, percent) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({
      scaleX: true,
      scaleY: true,
      scaleContent: true,
      scaleFromCenter: false,
      scaleMode: 'box',        // 'box' or 'contents' or { } with provided values
      scaleFrom: 100.0,
      scaleTo:   percent
    }, arguments[2] || { });
    this.start(options);
  },
  setup: function() {
    this.restoreAfterFinish = this.options.restoreAfterFinish || false;
    this.elementPositioning = this.element.getStyle('position');
    
    this.originalStyle = { };
    ['top','left','width','height','fontSize'].each( function(k) {
      this.originalStyle[k] = this.element.style[k];
    }.bind(this));
      
    this.originalTop  = this.element.offsetTop;
    this.originalLeft = this.element.offsetLeft;
    
    var fontSize = this.element.getStyle('font-size') || '100%';
    ['em','px','%','pt'].each( function(fontSizeType) {
      if (fontSize.indexOf(fontSizeType)>0) {
        this.fontSize     = parseFloat(fontSize);
        this.fontSizeType = fontSizeType;
      }
    }.bind(this));
    
    this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
    
    this.dims = null;
    if (this.options.scaleMode=='box')
      this.dims = [this.element.offsetHeight, this.element.offsetWidth];
    if (/^content/.test(this.options.scaleMode))
      this.dims = [this.element.scrollHeight, this.element.scrollWidth];
    if (!this.dims)
      this.dims = [this.options.scaleMode.originalHeight,
                   this.options.scaleMode.originalWidth];
  },
  update: function(position) {
    var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
    if (this.options.scaleContent && this.fontSize)
      this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
    this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
  },
  finish: function(position) {
    if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
  },
  setDimensions: function(height, width) {
    var d = { };
    if (this.options.scaleX) d.width = width.round() + 'px';
    if (this.options.scaleY) d.height = height.round() + 'px';
    if (this.options.scaleFromCenter) {
      var topd  = (height - this.dims[0])/2;
      var leftd = (width  - this.dims[1])/2;
      if (this.elementPositioning == 'absolute') {
        if (this.options.scaleY) d.top = this.originalTop-topd + 'px';
        if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
      } else {
        if (this.options.scaleY) d.top = -topd + 'px';
        if (this.options.scaleX) d.left = -leftd + 'px';
      }
    }
    this.element.setStyle(d);
  }
});

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

Effect.ScrollTo = function(element) {
  var options = arguments[1] || { },
    scrollOffsets = document.viewport.getScrollOffsets(),
    elementOffsets = $(element).cumulativeOffset(),
    max = (window.height || document.body.scrollHeight) - document.viewport.getHeight();  

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

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

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

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

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

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

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

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

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

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

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

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

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

// Bug in opera makes the TD containing this element expand for a instance after finish 
Effect.Squish = function(element) {
  return new Effect.Scale(element, window.opera ? 1 : 0, { 
    restoreAfterFinish: true,
    beforeSetup: function(effect) {
      effect.element.makeClipping(); 
    },  
    afterFinishInternal: function(effect) {
      effect.element.hide().undoClipping(); 
    }
  });
};

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

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

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

  var dims = element.getDimensions();
  var moveX, moveY;
  
  switch (options.direction) {
    case 'top-left':
      moveX = moveY = 0;
      break;
    case 'top-right':
      moveX = dims.width;
      moveY = 0;
      break;
    case 'bottom-left':
      moveX = 0;
      moveY = dims.height;
      break;
    case 'bottom-right':
      moveX = dims.width;
      moveY = dims.height;
      break;
    case 'center':  
      moveX = dims.width / 2;
      moveY = dims.height / 2;
      break;
  }
  
  return new Effect.Parallel(
    [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
      new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
      new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
    ], Object.extend({            
         beforeStartInternal: function(effect) {
           effect.effects[0].element.makePositioned().makeClipping(); 
         },
         afterFinishInternal: function(effect) {
           effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); }
       }, options)
  );
};

Effect.Pulsate = function(element) {
  element = $(element);
  var options    = arguments[1] || { };
  var oldOpacity = element.getInlineOpacity();
  var transition = options.transition || Effect.Transitions.sinoidal;
  var reverser   = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) };
  reverser.bind(transition);
  return new Effect.Opacity(element, 
    Object.extend(Object.extend({  duration: 2.0, from: 0,
      afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
    }, options), {transition: reverser}));
};

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

Effect.Morph = Class.create(Effect.Base, {
  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({
      style: { }
    }, arguments[1] || { });
    
    if (!Object.isString(options.style)) this.style = $H(options.style);
    else {
      if (options.style.include(':'))
        this.style = options.style.parseStyle();
      else {
        this.element.addClassName(options.style);
        this.style = $H(this.element.getStyles());
        this.element.removeClassName(options.style);
        var css = this.element.getStyles();
        this.style = this.style.reject(function(style) {
          return style.value == css[style.key];
        });
        options.afterFinishInternal = function(effect) {
          effect.element.addClassName(effect.options.style);
          effect.transforms.each(function(transform) {
            effect.element.style[transform.style] = '';
          });
        }
      }
    }
    this.start(options);
  },
  
  setup: function(){
    function parseColor(color){
      if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff';
      color = color.parseColor();
      return $R(0,2).map(function(i){
        return parseInt( color.slice(i*2+1,i*2+3), 16 ) 
      });
    }
    this.transforms = this.style.map(function(pair){
      var property = pair[0], value = pair[1], unit = null;

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

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

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

Element.CSS_PROPERTIES = $w(
  'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' + 
  'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
  'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
  'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
  'fontSize fontWeight height left letterSpacing lineHeight ' +
  'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
  'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
  'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
  'right textIndent top width wordSpacing zIndex');
  
Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;

String.__parseStyleElement = document.createElement('div');
String.prototype.parseStyle = function(){
  var style, styleRules = $H();
  if (Prototype.Browser.WebKit)
    style = new Element('div',{style:this}).style;
  else {
    String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>';
    style = String.__parseStyleElement.childNodes[0].style;
  }
  
  Element.CSS_PROPERTIES.each(function(property){
    if (style[property]) styleRules.set(property, style[property]); 
  });
  
  if (Prototype.Browser.IE && this.include('opacity'))
    styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]);

  return styleRules;
};

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

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

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

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

Element.addMethods(Effect.Methods);




//stylet.jscript.class.util.hashtable.js
// Copyright(c)2007 Stylet All rights reserved.
// Title : Stylet Hashtable Class Javascript
// Version : 1.0
// Date : 2008-02-19
// Client : Tricycle
// Developer : Jae-Kyun, Park

// History : 1.0 - Functions are Implemented.


// A hashtable that is keyed off anything
Hashtable = function(){
 	this._underlyingHash = {};
};

//This function will get or set a value in the hashtable
Hashtable.prototype.get = function( key, val ){
	var hash = this._underlyingHash;
	var stringKey = this._getHashKey( key );
	var item = hash[stringKey];
	if(item == null){
		hash[stringKey] = [{key:key, val:val}];
		return val;
	}
	else{
		for( var i=0 ; i < item.length ; i++ ){
			if( item[i].key == key ){
				if(val != null){
					item[i].val = val;
				}
				return item[i].val;
			}
		}
		//if we get here there wasnt anything in the array (item) for me
		item.push( {key: key, val:val} );
		return val;
	}
};


//Aliasing for those not in the know
Hashtable.prototype.set = Hashtable.prototype.get;
Hashtable.prototype.put = Hashtable.prototype.get;

//Creates a Hashkey for entry into the hashtable
// we probably want a better one of these but...
Hashtable.prototype._getHashKey = function( key ){
	var stringKey;
	if( typeof(key) == 'object' ){
	        if( key.getHashKey ){
			stringKey = key.getHashKey();
		}
		else if( key.hashKey ){
			stringKey = key.hashKey;
		}
		else if( key.constructor ){
			switch( key.constructor ){
				case Array:
				case String:
				case Number:
					stringKey = key.toString();
					break;
				default:
					stringKey = 'k:';
					for(var item in key){
						stringKey += item[0];
					};
					break;
			}
		}
		else{
			stringKey = key.toString();
		}
	}
	else{
		stringKey = key.toString();
	}
};

//Empties the hashtable
Hashtable.clear = function(){ 
    this._underlyingHash = {}; 
};

//Removes an object from the hash
Hashtable.prototype.remove = function( key ){
	var hash = this._underlyingHash;
	var stringKey = this._getHashKey( key );
	var item = hash[stringKey];
	if(item == null){
		return null;
	}
	else{
		var bit = false;
		var rtn; 
		for( var i=0 ; i < item.length ; i++ ){
			if( bit == false && item[i].key == key ){
				bit = true;
				rtn = item[i].val;
			}
			else if( bit == true ){
				item [i-1] = item[i];
			}
		}
		item.slice(0, item.length-1);
		return rtn;
	}
};






//stylet.jscript.class.util.vector.js
// Copyright(c)2007 SWSPOT All rights reserved.
// Title : Stylet Vector Class Javascript Utility
// Version : 1.0
// Date : 2008-03-10
// Client : Stylet
// Developer : Jae-Kyun, Park (NOSPAM_______duex5190@nate.com)

// History : 1.0 - Functions are Implemented.

var Vector = function()
{
	this.initialize();
}

Vector.prototype = {

    elements : null,
   
    //자료추가
    //@obj : 추가 object 
    Push : function(obj)
   {
        this.elements.push(obj);
   },
   
   //내장자료구조의 갯수를 구함   
   Count : function()
   {
        return this.elements.length;
   },
   
   //객체가 비어있는지 여부를 검사
   IsEmpty : function()
   {
        if(this.elements.length<=0)
            return true;
        else
            return false;
   },
   
   //특정인덱스에 있는 객체를 제거
   RemoveAt : function(indexNo)
   {
           if(this.sizecheck(indexNo))
           {
                this.elements[indexNo] = null;
                this.reproduce(); 
           }else
           {
                this.throwerr("index out of range [Length : " + this.elements.length + " / Called Index : " + indexNo + "]");
           }
   },
   
   //특정인덱스에 있는 객체를 얻어옴
   Get : function(indexNo)
   {
        if(this.sizecheck(indexNo))
        {
            return this.elements[indexNo];
        }else
        {
            this.throwerr("index out of range [Length : " + this.elements.length + " / Called Index : " + indexNo + "]");
        }
   },
   
   //특정인덱스에 있는 객체를 리턴하며 제거함
   Pop : function(indexNo)
   {
        var retobj = this.Get(indexNo);
        this.RemoveAt(indexNo);
        return retobj;     
   },
   
   //랜덤하게 객체를 하나 리턴하며 제거함.
   PopRandom : function()
   {
        //랜덤범위를 구함
        var rnd_max = this.elements.length - 1;
        var rnd_min = 0;
        var x = Math.floor( Math.random()*(rnd_max-rnd_min)+rnd_min);
        return this.Pop(x);
   },
   
   //해당 객체가 포함되어 있는지 여부를 검사
   Contains : function(compareObj)
   {
        var temparr = this.elements;
        var retval = false;
        var z = 0;
        for(z=0;z<temparr.length;z++)
        {
            if(temparr[z]==compareObj)
            {
                retval = true;
                break; 
            }
        }
        return retval;
   },
   
   //호출 인덱스가 유효한 인덱스인지를 검사
   //@indexNo : 호출인덱스
   sizecheck : function(indexNo)
   {
        if(indexNo<this.elements.length)
        {
            return true;
        }else
        {
            return false;
        }
   },
   
   //에러발생
   //@errmsg : 에러메세지
   throwerr : function(errmsg)
   {
        alert(errmsg);
   },
   
   //Array 재생성 (null을 제외하고 array 를 재생성하여 elements 에 할당)   
   reproduce : function()
   {
        var temparr = this.elements;
        var newarr = new Array();
        var z = 0;
        for(z=0;z<temparr.length;z++)
        {
            if(temparr[z]!=null)newarr.push(temparr[z]);
        }
        this.elements = newarr;
   },
    
   //객체 Initialize 
    initialize : function()
   {
        this.elements = new Array();
   }     
}



















//stylet.jscript.static.util.common.js
// Copyright(c)2007 Stylet All rights reserved.
// Title : Stylet Common Utility Javascript (Static)
// Version : 1.0
// Date : 2008-01-24
// Client : Tricycle
// Developer : Jae-Kyun, Park

// History : 1.0 - Functions are Implemented.

var Common = 
{
    loadingImg : "<img src=/stylet/images/loading.gif>",
    loadinghtmlVisible : true, 
    
    //tag 키 등록
    //@obj : 등록할 오브젝트
    //@toID : 다음 포커스를 이동할 오브젝트 ID 
    tabReg : function (obj, toID) {
        if (toID == null) return;
        var maxLen = obj.getAttribute("maxlength"); 
        if (obj.value.length >= maxLen) {
            this.focusThis(toID);
        }
    },
    
    //해당 id 의 오브젝트에 focus
    //@id : 포커스를 맞출 오브젝트 ID 
    focusThis : function (id) {
        document.getElementById(id).focus();
    },
   
    //XML Element 에서 하위노드의 첫번째 값을 반환하는 함수
    //@obj : node object
    //@nodename : 가져올 자식 노드명  
    getXmlchildvalue : function (obj,nodename)
    {  
        
        var tobj =  obj.getElementsByTagName(nodename)[0];
        if(tobj.firstChild)
       {
            return tobj.firstChild.nodeValue;
       }else
       {
            return "";
       }
       
    },

    //UTF8 인코딩
    //@str : 인코딩할 문자열 
    utfEncoding : function (str)
    {
        return encodeURIComponent(str);
    },
   
    //Unicode 인코딩
    //@str ; 인코딩할 문자열 
    unicodeEncoding : function (str)
    {
        return escape(str);
    },
   
    
    //화면 중간으로 Window Open
    //@targetUrl : 오픈할 Page URL
    //@windowName : 오픈할 Window Handle Name
    //@properties : window.open properties (예: width=400,height=300)  
    popupWindowInCenter : function (targetUrl, windowName, properties) 
    {
        var arr = properties.replace(/=/ig,',').split(',');
        var childWidth, childHeight;
        for(var i=0; i<arr.length; i++)
        {
            if(arr[i].toLowerCase() == "width")
                childWidth = eval(arr[i+1]);
            if(arr[i].toLowerCase() == "height")
                childHeight = eval(arr[i+1]);
        }
        //var childTop = event.clientY + 8;
        //var childLeft = event.clientX + 8;
        var childTop = (screen.height-childHeight)/2 - 50;     //사이즈가 아래가 가리는 경향이 있어서 50을 줄임. 
        var childLeft = (screen.width-childWidth)/2;
        properties += ',top=' + childTop + ',left='+childLeft;
        var popObj = window.open(targetUrl, windowName, properties);
        popObj.focus();
    },
   
    closeLayer : function(layerstep)
   {
   
        var divid = "popup_window";
	    if(typeof(layerstep)!="undefined")
	    {
	        divid += "" + layerstep;
	    }

        var div = $(divid);
        if(div)document.body.removeChild(div);
        top.$("divScreenblank").style.display="none";
   },  
   
    popupLayerMousePosition : function(event,width,height,url,exec,layerstep)
   {
        var position_left = 0;
        var position_top = 0;
        

        
        var mouseX, mouseY;
        mouseX = window.event.clientX + document.documentElement.scrollLeft + 3;
        mouseY = window.event.clientY + document.documentElement.scrollTop + 6;
        
        var screenwidth = document.documentElement.clientWidth ;
	    var screenheight = document.documentElement.clientHeight;
	    
	    if(mouseX + width>=screenwidth)
	        mouseX = screenwidth - width - 50;
	        
        
        this.popupLayer(mouseY,mouseX,width,height,url,exec,layerstep);
   }, 
   
      
    popupLayerMousePosition2 : function(event,width,height,url,exec,layerstep)
   {
        var position_left = 0;
        var position_top = 0;
        

        
        var mouseX, mouseY;
        mouseX = window.event.clientX + document.documentElement.scrollLeft-300;
        mouseY = window.event.clientY + document.documentElement.scrollTop + 6;
        
        var screenwidth = document.documentElement.clientWidth ;
	    var screenheight = document.documentElement.clientHeight;
	    
	    if(mouseX + width>=screenwidth)
	        mouseX = screenwidth - width - 50;
	        
        
        this.popupLayer(mouseY,mouseX,width,height,url,exec,layerstep);
   }, 
   
    //레이어 화면중간 보이기    
    //@width : 레이어 넓이
    //@height : 레이어 높이
    //@url : 레이어URL
    //@exec : 레이어드로잉후 실행되어야 할 함수   
    popupLayerInCenter : function (width,height,url,exec,layerstep)
    {
        //화면의 중간위치 계산하기
        var scleft = document.documentElement.scrollLeft;
	    var sctop = document.documentElement.scrollTop;
    	
	    var screenwidth = document.documentElement.clientWidth ;
	    var screenheight = document.documentElement.clientHeight;
	    var left = parseInt((screenwidth - width)/2) + scleft;
	    var top = parseInt((screenheight - height)/2) + sctop;
	 
	    this.popupLayer(top,left,width,height,url,exec);
    },
    //레이어 화면중간 보이기    
    //@width : 레이어 넓이
    //@height : 레이어 높이
    //@url : 레이어URL
    //@exec : 레이어드로잉후 실행되어야 할 함수   
    popupLayerInCenterHalfClub : function (width,height,url,exec,layerstep)
    {
        //화면의 중간위치 계산하기
        var scleft = document.documentElement.scrollLeft;
	    var sctop = document.documentElement.scrollTop;
    	
	    var screenwidth = document.documentElement.clientWidth+document.documentElement.scrollWidth;
	    var screenheight = document.documentElement.clientHeight+document.documentElement.scrollHeight;
	    var left = parseInt((screenwidth - width)/2) + scleft;
	    var top = parseInt((screenheight - height)/2) + sctop;
	 
	    this.popupLayer(top,left,width,height,url,exec);
    },
    popupLayerInCenterTwar : function (width,height,url,exec,layerstep)
    {
        //화면의 중간위치 계산하기
        var scleft = document.documentElement.scrollLeft;
	    var sctop = document.documentElement.scrollTop;
    	
	    var screenwidth = document.documentElement.clientWidth ;
	    var screenheight = document.documentElement.clientHeight;
	    var left = parseInt((screenwidth - width)/2) + scleft;
	    var top = parseInt((screenheight - height)/2) + sctop-100;
	 
	    this.popupLayer(top,left,width,height,url,exec);
    },
    
    //레이어 보이기
    //@top : 상단위치 
    //@width : 레이어 넓이
    //@height : 레이어 높이
    //@url : 레이어URL
    //@exec : 레이어드로잉후 실행되어야 할 함수      
    popupLayer : function (top, left, width, height, url, exec,layerstep) 
    {		
   
        /* 
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;
        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;
        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight + "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 
        getdiv.style.display = "block";
        */
         
         
         
	    
	    var divid = "popup_window";
	    if(typeof(layerstep)!="undefined")
	    {
	        divid += "" + layerstep;
	    }
	    
	    var div = $(divid);
	    //if(div)document.body.removeChild(div);
	    //div = $(divid);
	    
	    
	    
	    if (!div) {
		    div = document.createElement("div"); 
		    div.id = divid;//"popup_window";
		    div.className = "layer";
		    div.style.top = top + "px";
		    div.style.width = width + "px";
		    div.style.height = height + "px";
		    //div.style.overflow = "auto";
		    //div.style.left = (document.body.clientWidth - width)/2 + "px";
		    div.style.left = left + "px";
		    div.style.zIndex = 9990;
		    div.style.position = "absolute";
		    document.body.appendChild(div);
	    } else {
		    div.style.top = top + "px";
		    div.style.width = width + "px";
		    div.style.height = height + "px";
		    //div.style.overflow = "auto";
		    //div.style.left = (document.body.clientWidth - width)/2 + "px";
		    div.style.left = left + "px";
		    div.style.zIndex = 9990;
		    div.style.position = "absolute";	    
		    Element.show(div);
	    }
	    this.drawRemotehtml(url, div, exec,width,height);	
    },
   
    // 특정 DIV 위치의 내용을 변경
    //@url : layer page url 
    //@dest : layer 드로잉할 object
    //@exec : onsuccess 후 실행되어야 할 함수
    //@width (optional) : 레이어넓이
    //@height (optional) : 레이어높이     
    drawRemotehtml : function (url, dest, exec,width,height){
   
        
        var loadinghtml = this.loadingImg;
    	if(typeof(width)!="undefined"&&typeof(height)!="undefined")
    	    loadinghtml = "<table width='" + width + "' cellspacing=1 cellpadding=0 border=0 bgcolor='#cccccc'><tr><td bgcolor='#ffffff' height='" + height + "' align='center' style='font-size:10px;font-family:tahoma;'>" + this.loadingImg + " Loading...</td></tr></table>";
    	 
	    new Ajax.Updater(
					     dest, 
					     url, 
					     {
					      asynchronous: true, 
					      method: 'get', 
					      onLoading: function()
					      {
					            /*
					            if(Common.loadinghtmlVisible)
					                Element.update(dest, loadinghtml)
					            else
					            {					                
					                Common.loadinghtmlVisible = true;
					                //Element.update(dest, "");
					             }
					             */
					             
					      }, 
					      onComplete: function(result){					                    
					  				    eval( '(' + exec + ')' ); 
					  				    
					  			      },
					      evalScripts: true 
					     }
					    );
    	
    },
   
   
    // 이벤트추가
    //@instance : 이벤트를 추가할 객체
    //@eventName : 추가할 이벤트명 (예:click)
    //@callbackfunc : 이벤트를 실행할 함수명   
    zAttachEvent : function (instance,eventName,callbackfunc)
    {    
        if(document.addEventListener)
        {
            //support - FireFox 
            instance.addEventListener(eventName,callbackfunc,false);
        }else
        {
            //support - IE 
            instance.attachEvent("on" + eventName,callbackfunc);
        }
    },

    // Early Binding for Window OnLoad Event
    //@init_func : 온로드함수 
    _earlyOnload : function (init_func) { 
        if(document.addEventListener) { // for Mozilla
            document.addEventListener("DOMContentLoaded", function(){eval(init_func)}, false);
        } else { // for other browsers
            window.onload = function(){eval(init_func)};
        }
    },
   
   
   //CheckBox 를 모두 선택하거나 해제합니다.
   //@cbxname : 체크박스명
   //@docheck : 체크여부 결정(true/false)
    SelectAllCheckbox : function(cbxname,docheck)
   {
        var objs = $n(cbxname);
        for(i=0;i<objs.length;i++)
        {
            objs[i].checked = docheck;
        }
   },
   
   //이벤트를 추가합니다.(Attach)
   //@obj : 이벤트를 추가할 DOM Object
   //@eventName : 이벤트명 (on 은 제외하고 예:load)
   //@functionNotify : 이벤트 콜백함수
   AddEventHandler : function(obj, eventName, functionNotify) {
        if (obj.attachEvent) {
            obj.attachEvent('on' + eventName, functionNotify);
        }
        else if (obj.addEventListener) {
            obj.addEventListener(eventName, functionNotify, true);
        }
        else {
            obj['on' + eventName] = functionNotify;
        }
    },
   
   //이벤트를 제거합니다.(Detach)
   //@obj : 이벤트를 추가할 DOM Object
   //@eventName : 이벤트명 (on 은 제외하고 예:load)
   //@functionNotify : 이벤트 콜백함수
    RemoveEventHandler : function(obj, eventName, functionNotify) {
        if (obj.detachEvent) {
            obj.detachEvent('on' + eventName, functionNotify);
        }
        else if (obj.removeEventListener) {
            obj.removeEventListener(eventName, functionNotify, true);
        }
        else {
            obj['on' + eventName] = null;
        }
    },
   
   
    //SWF Object 를 생성합니다. (SWFObject 객체 참조)
    //@swfurl : flash url 
    //@swffilename : only filename (abc.swf)
    //@width : flash width
    //@height : flash height    
    CreateSWF : function(swffilename,swfname,width,height)
    {
        window[swfname] = new Object();
        var so = new SWFObject("http://www.stylet.com/stylet/common/flash/" + swffilename, swfname, width, height, "8.0.0.0", "#ffffff");
        so.addParam("quality", "high");
        so.addParam("wmode", "transparent");
        so.addParam("allowScriptAccess", "always");
        return so;
    },
   
    objectinCenter : function(obj,divwidth,divheight)
	{
	    /* logging browser info */
		var logmsg = "";
        var baseobject = null;
        var screenwidth = 0;
        var screenheight = 0;
        var scleft = 0;
        var sctop = 0; 
        
        if(document.documentElement)
        {
            //this.log("document.documentElement supported.\n");
            baseobject = document.documentElement;
        }else if(document.body)
        {
            //this.log("document.body supported.\n");
            baseobject = document.body;
        }
        
        //this.log("screenwidth : " + baseobject.clientWidth);
        //this.log("screenheight : " + baseobject.clientHeight);
        //this.log("scrollleft : " + baseobject.scrollLeft);
        //this.log("scrolltop : " + baseobject.scrollTop);
        //this.log("scrollwidth : " + baseobject.scrollWidth);
        //this.log("scrollheight : " + baseobject.scrollHeight);
        //this.log("offsetWidth : " + baseobject.offsetWidth);
        //this.log("offsetHeight : " + baseobject.offsetHeight);
        //this.log("clientWidth : " + baseobject.clientWidth);
        //this.log("clientHeight : " + baseobject.clientHeight);
        screenwidth = baseobject.offsetWidth;
        screenheight = baseobject.offsetHeight;
        
        if(baseobject.clientWidth>0)
        {
            screenwidth = baseobject.clientWidth;
            screenheight = baseobject.clientHeight;
        }
        
        scleft = baseobject.scrollLeft;
        sctop = baseobject.scrollTop;
        /* logging end */
        
        var left = parseInt((screenwidth - divwidth)/2) + scleft;
	    var top = parseInt((screenheight - divheight)/2) + sctop - 150;
	    
	    
        obj.style.position = "absolute";
        obj.style.zIndex = "9999";
        obj.style.left = left + "px";
        obj.style.top = top + "px";
        obj.style.width = divwidth + "px";
        obj.style.height = divheight + "px";
        //obj.style.border = "1px solid #000000";
        
        //alert(scleft + " , " + sctop);
        	    
	    //alert("screen width : " + screenwidth + " / screen height : " + screenheight + "\n\nlayer position : " + left + " / " + top + " -> scrollleft : " + scleft + " / scrolltop : " + sctop);
	    //this.AddEventHandler(document,"keydown",function(event){top.sst.hookKeydown(event);});
	}, 
	
	objectinCenterSub : function(obj,divwidth,divheight,objDocument)
	{   //크롬과 파이어폭스에서 안되서 추가함 document 를 받아오는거만 추가
	    /* logging browser info */
		var logmsg = "";
        var baseobject = null;
        var screenwidth = 0;
        var screenheight = 0;
        var scleft = 0;
        var sctop = 0;  
        if(objDocument.documentElement)
        { 
            baseobject = objDocument.documentElement;
        }else if(objDocument.body)
        { 
            baseobject = objDocument.body;
        }
        
        screenwidth = baseobject.offsetWidth;
        screenheight = baseobject.offsetHeight;
        
        if(baseobject.clientWidth>0)
        {
            screenwidth = baseobject.clientWidth;
            screenheight = baseobject.clientHeight;
        }
        
        scleft = baseobject.scrollLeft;
        sctop = baseobject.scrollTop;
        if(objDocument.body.scrollTop)
        {
            sctop=objDocument.body.scrollTop;
        }
        
        /* logging end */ 
        var left = parseInt((screenwidth - divwidth)/2) + scleft;
	    var top = parseInt((screenheight - divheight)/2) + sctop - 150;
	    
	    
        obj.style.position = "absolute";
        obj.style.zIndex = "9999";
        obj.style.left = left + "px";
        obj.style.top = top + "px";
        obj.style.width = divwidth + "px";
        obj.style.height = divheight + "px";      
	},
   
   
   textareaLencheck : function(obj,maxlen,viewerid,addstr)
   {
   
   //aro_name,ari_max
        var aro_name = obj;
        var ari_max = maxlen;
        
        var ls_str     = aro_name.value; // 이벤트가 일어난 컨트롤의 value 값
       var li_str_len = ls_str.length;  // 전체길이

       // 변수초기화
       var li_max      = ari_max; // 제한할 글자수 크기
       var i           = 0;  // for문에 사용
       var li_byte     = 0;  // 한글일경우는 2 그밗에는 1을 더함
       var li_len      = 0;  // substring하기 위해서 사용
       var ls_one_char = ""; // 한글자씩 검사한다
       var ls_str2     = ""; // 글자수를 초과하면 제한할수 글자전까지만 보여준다.

       for(i=0; i< li_str_len; i++)
       {
          // 한글자추출
          ls_one_char = ls_str.charAt(i);

          // 한글이면 2를 더한다.
          if (escape(ls_one_char).length > 4)
          {
             li_byte += 2;
          }
          // 그밗의 경우는 1을 더한다.
          else
          {
             li_byte++;
          }

          // 전체 크기가 li_max를 넘지않으면
          if(li_byte <= li_max)
          {
             li_len = i + 1;
          }
       }
       
       // 전체길이를 초과하면
       if(li_byte > li_max)
       {
          //alert( li_max + " 글자를 초과 입력할수 없습니다. \n 초과된 내용은 자동으로 삭제 됩니다. ");
          alert("글자수는 " + maxlen + " 자만 입력하실 수 있습니다");
          li_byte = li_max; 
          ls_str2 = ls_str.substr(0, li_len);
          aro_name.value = ls_str2;
          
       }
       aro_name.focus();   
      
       var addstr2 = "";
       if(typeof(addstr)!="undefined"&&addstr==true)  
            $(viewerid).innerHTML = "(" + li_byte + "/" + maxlen + ")"; 
       else        
            $(viewerid).innerHTML = "" + li_byte + "/" + maxlen + "";
        return;
        
        if(obj.value.length>maxlen)
        {
           //alert("글자수는 영문4000, 한글2000자로 제한됩니다.!");  
           //MsgBox.show("글자수는 " + maxlen + " 자만 입력하실 수 있습니다");
           obj.value = obj.value.substring(0,maxlen);  
           obj.focus();  
           return false;
        }
        
        $(viewerid).innerHTML = "(" + obj.value.length + "/" + maxlen + ")";
        return true;
   },
   
   
   CopyToClipBoard : function(copyData)
   {
        window.clipboardData.setData('Text',copyData);
   },
   
    ScrollToAnchor : function(anchorName)
   {
        location.href = "#" + anchorName;        
   },
   
   
    getURLParam : function(strParamName){
        var strReturn = "";
        var strHref = window.location.href;
        if ( strHref.indexOf("?") > -1 ){
            var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
            var aQueryString = strQueryString.split("&");
            for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
              if ( 
                aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
                var aParam = aQueryString[iParam].split("=");
                strReturn = aParam[1];
                break;
              }
            }
        }
        return unescape(strReturn);
    },
   
    setSetting : function( name, value, expiredays )
    {
	    var todayDate = new Date();
	    todayDate.setDate( todayDate.getDate() + expiredays );
	    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
    },

    getSetting : function(name)
    {
            var nameOfCookie = name + "=";
            var x = 0;
            while ( x <= document.cookie.length )
            {
                    var y = (x+nameOfCookie.length);
                    if ( document.cookie.substring( x, y ) == nameOfCookie ) {
                            if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
                                    endOfCookie = document.cookie.length;
                            return unescape( document.cookie.substring( y, endOfCookie ) );
                    }
                    x = document.cookie.indexOf( " ", x ) + 1;
                    if ( x == 0 )
                            break;
            }
            return "";
    },
   
   
   
    /* 관리자 접속시 디자인 로드 */
    wndPageloaded : function()
   {
        if(CurrentUser)
        {
            if(CurrentUser.UserID=="SYS_ADMIN")//&&this.getSetting("STYLET_GLOBAL_ADMIN_VIEWED")!="Y")
            {
                this.wndNotifySuperAdmin();
            }
        }
   },
   
   wndNotifySuperAdmin : function()
   {
                var div = $c("div");
                div.id = "div_ment_superadmin"; 
                div.innerHTML = "사이트 관리자모드로 접속되어 있습니다.<BR>(모든 스타일렛, 그룹내의 정보를 관리하실 수 있습니다)<!--<BR><button onclick='Common.wndCloseSuperAdmin();' style='font-size:11px;margin-top:5px;width:80px;border:1px solid #666666;' onfocus='this.blur();'>확 인</button>-->";                
                div.style.fontFamily = "verdana"; 
                div.style.fontSize = "12px";  
                div.style.color = "#000000";   
                div.style.border = "1px solid #000000";
                div.style.backgroundColor = "#fffacd";  
                div.style.padding = "15px"; 
                //div.style.paddingBottom = "1px";  
                div.style.width = "330px" 
                div.style.height = "40px";
                div.style.textAlign = "center";
                div.style.verticalAlign = "middle";  
                document.body.appendChild(div);
                this.objectinCenter(div,330,150);   
                div.style.height = "40px"; 
                div.style.top = eval(div.style.top.replace(/px/gi,"")) + 150;   
               
               
                setTimeout('Common.wndCloseSuperAdmin()',1400); 
   },
   
   wndCloseSuperAdmin : function()
   {
        //if(confirm("관리자 모드 접속 메세지를 다음부터 보시지 않으시겠습니까?"))
        //    this.setSetting("STYLET_GLOBAL_ADMIN_VIEWED","Y",1);
            
        document.body.removeChild($("div_ment_superadmin"));
   },
   
     
   
   //스타일렛 0807 리뉴얼 페이징
   pagerChanged : function(txtobj,totalpage,isjavascript,urlfunc,pagekeyname)
   {        
        var typedpageno = txtobj.value;
        if(isNaN(parseInt(typedpageno)))
        {
            return;
        }
        
        typedpageno = parseInt(typedpageno);
        if(typedpageno>totalpage)
        {
            typedpageno = totalpage;
            txtobj.value = typedpageno;            
        }
        else if(typedpageno<=0)
        {
            typedpageno = 1;
            txtobj.value = typedpageno;
        }
        
        if(isjavascript)
        {
            try
            {
                eval("" + urlfunc + "(" + typedpageno + ");");
            }catch(e){}
        }
        else
        {
            location.href = urlfunc + pagekeyname + "=" + typedpageno;
        }
   }
       
        
}



var ItemZoomer = 
{
    _buffer : new Array(),
    AddItem : function(itemno)
   {
        for(x=0;x<this._buffer.length;x++)
        {
            if(this._buffer[x]==itemno)return;
        }
        
        this._buffer.push(itemno);
   },
   
   GetNextItemNo : function(itemno)
   {
        var myindex = -1;
        for(x=0;x<this._buffer.length;x++)
        {
            if(this._buffer[x]==itemno)
            {myindex = x;break;}
        }
        
        if(myindex==-1||myindex>=this._buffer.length)
        {
            return -1;
        }else
        {
            return this._buffer[myindex+1];
        }
   },  
   
   
   GetPrevItemNo : function(itemno)
   {   
        var myindex = -1;
        for(x=0;x<this._buffer.length;x++)
        {
            if(this._buffer[x]==itemno)
            {myindex = x;break;}
        }
        
        if(myindex==-1||myindex==0)
        {
            return -1;
        }else
        {
            return this._buffer[myindex-1];
        }
   }
}


/* 로드 기본 공통 이벤트 */
Common.AddEventHandler(window,"load",function(){
    Common.wndPageloaded();
});







//stylet.jscript.static.util.debugger.js
/**
* @projectDescription Debugging Wrapper Utility Class Javascript (Static) - (in FireBug)
* @author Jae-Kyun, Park (ZeroCool)
* @version 1.0
*/

var Debugger = 
{
	browserVersion : 0,
	browserIE : false,
	doLogging : true,
	timecheckSection : "",
    
   /**
   * Initialize Debugger Object
   */ 
    initialize : function()
   {
        if(!this.doLogging)return;
        
        /* check browser version */
        var agent = navigator.userAgent.toLowerCase();
        var ver = agent.split(';');
        if(agent.indexOf('msie') != -1) 
        {
            this.browserVersion = parseFloat(ver[1].slice(6, ver[1].length));
            this.browserIE = true;
        }
   },  
   
   /**
   * Execution Check (Can not running in IE)
   */
   exeCheck : function()
   {
        if(this.doLogging&&this.browserIE==false)
            return false;
        else 
            return true;
   },
    
   
   /**
   * Logging Message 
   * Suppport Dynamic Parameter (logSection,logMessage)
   */  
   log : function()
   {
        if(this.exeCheck())return;
        
        var logSection = "";
        var logMessage = "";
        
        var args=this.log.arguments;        
        if(args.length==1)
        {
            logMessage = args[0];
        }else if(args.length==2)
        {
            logSection = args[0];
            logMessage = args[1];
        }
        
        if(!this.browserIE)
        {
            if(logSection.length>0)logSection += " : ";
            console.log(logSection,logMessage);
        }
   },
   
   
   /**
   * Logging Information Message
   * @param msg Logging Message
   */
   info : function(msg)
   {
        if(this.exeCheck())return;
        console.info(msg);
   },
   
   
   /**
   * Logging Warnning Message
   * @param msg Warnning Message
   */   
   warn : function(msg)
   {
        if(this.exeCheck())return;
        console.warn(msg);
   },
   
   
   /**
   * Logging Error Message
   * @param msg Error Message
   */   
   error : function(msg)
   {
        if(this.exeCheck())return;
        console.error(msg);
   },   
  
   
   /**
   * Set Trace Pointer (u can call this func anywhere in javascript codes)
   * @param msg Logging Message
   */   
   setPoint : function()
   {
        if(this.exeCheck())return;
        console.trace();
   },
   
   
   /**
   * Set Eclapsed Time start pointer
   * @param sectionname Write Section Name
   */
   timeStart : function(sectionname)
   {
        if(this.exeCheck())return;
        console.time(sectionname);
        this.timecheckSection = sectionname;
   },


   /**
   * Set Eclapsed Time end pointer and will show the gap time (section name will printed when u put before)   
   */   
   timeEnd : function()
   {
        if(this.exeCheck())return;
        console.timeEnd(this.timecheckSection);
        this.timecheckSection = "";
   }   
}

Debugger.initialize();





//stylet.jscript.static.util.linker.js
// Copyright(c)2007 Stylet All rights reserved.
// Title : Stylet Linker Utility Javascript (Static)
// Version : 1.0
// Date : 2008-01-24
// Client : Tricycle
// Developer : Jae-Kyun, Park

// History : 1.0 - Prototype Functions are Implemented.


var Linker = 
{
    //로그인창을 오픈합니다.
   DoLogin : function(IsFolg)
   {
        //테스트 용
      /*  var TURL = "http://www.stylet.com/stylet/membership/wndLoginSSL.aspx?";
        //var TURL = "/stylet/membership/wndLoginSSL.aspx?";
        if(IsFolg=="IsFlog")
               TURL = "http://www.stylet.com/stylet/membership/wndLoginSSL.aspx?IsFlog=Y";
        
        window.open(TURL,'스타일렛로그인','top=500,left=300,resizable=no,width=340,height=170,scrollbars=true');
        */
    //실서버용        
       var W = 340;
   var H = 160;
       var S = 0;
       
        if(navigator.appName != "Microsoft Internet Explorer")
        {
            W=344;
            H=168;
       }
       
       var TURL = "https://www.stylet.com/stylet/membership/wndLoginSSL.aspx?";
       if(IsFolg=="IsFlog")
            TURL = "https://www.stylet.com/stylet/membership/wndLoginSSL.aspx?IsFlog=Y";
       
       var posiTop = ((screen.height - H) / 2) - 100 ;
       var posiLeft = (screen.width - W) / 2;
       
       var OpenWin = window.open(TURL,'스타일렛로그인','top='+posiTop+',left='+posiLeft+',resizable=no,width=' + W + ',height=' + H + ',scrollbars=' + S);
	   OpenWin.focus();
       
   }, 
   
   //로그아웃합니다.
   DoLogout : function(nomsg)
   {
        if(typeof(nomsg)=="undefined"||nomsg==false)
        {
            ans = confirm("로그아웃하시겠습니까?");
            if(ans)
                location.href = "/stylet/membership/Logout.aspx?gourl=" + Common.utfEncoding(document.location.href);
        }else if(nomsg==true)
        {
            location.href = "/stylet/membership/Logout.aspx?gourl=" + Common.utfEncoding(document.location.href);
        }
   },
   
       //로그아웃합니다.
   DoLogoutFlog : function(nomsg)
   {
        if(typeof(nomsg)=="undefined"||nomsg==false)
        {
            ans = confirm("로그아웃하시겠습니까?");
            if(ans)
                location.href = "http://flog.stylet.com/stylet/membership/Logout.aspx?FlogYN=Y&gourl=" + Common.utfEncoding(document.location.href);
        }else if(nomsg==true)
        {
            location.href = "http://flog.stylet.com/stylet/membership/Logout.aspx?FlogYN=Y&gourl=" + Common.utfEncoding(document.location.href);
        }
   },
   
   
   
   UserMenuOver : function(obj,defaultCss)
   {
        //obj.className = "current01";
        //obj.childNodes[0].className = "ir-b";
   },
   
   UserMenuOut : function(obj,defaultCss)
   {
        //obj.className = defaultCss;
        //obj.childNodes[0].className = "ir-l";
   },
   
   ClickUserMenu : function(userid,menuno)
   {
        switch(menuno)
        {
            //게시물 전체보기
            case 0:
            //MsgBox.show("게시물 전체보기 link");
            top.location.href = "/stylet/MyStylet/ItemList.aspx?styletid=" + userid;
            break;
            
            //스타일렛 방문하기
            case 1:
            top.location.href = "/stylet/MyStylet/?styletid=" + userid;
            break;
            
            //친구신청하기
            case 2:
            this.RequestFriend(userid);
            break;
            
            //쪽지보내기
            case 3:
            this.SendMessage(userid);
            break;
        }
   },
  
   VisibleUserMenu : function(visible)
   {
        var layerid = "div_userlayer";
        var layerobj = $(layerid);
        if(layerobj)
        {
            if(visible)
                layerobj.style.display = "block";
            else
                layerobj.style.display = "none"; 
        }
   },
   
   MoveUserMenu : function(event)
   {
        var layerid = "div_userlayer";
        var layerobj = $(layerid);
        if(!layerobj)
        {return;}
        var mouseX, mouseY;
        mouseX = window.event.clientX + document.documentElement.scrollLeft + 5;
        mouseY = window.event.clientY + document.documentElement.scrollTop + 5;
        
        layerobj.style.top = mouseY + "px";
	    layerobj.style.left = mouseX + "px";
	    
   },
   
   ShowUserMenu : function(userid,event)
   {
        var htmls = "";
        htmls += "<div class=\"item-recom\" style=\"display:block;position:absolute;overflow:hidden;\" onmouseover=\"Linker.VisibleUserMenu(true);\" onmouseout=\"Linker.VisibleUserMenu(false);\">";
        htmls += "<ul class=\"item-rlist\" style='overflow:hidden;'>";
        //htmls += "<li class=\"i-tit\" onmouseover=\"Linker.UserMenuOver(this,'i-tit');\" onmouseout=\"Linker.UserMenuOut(this,'i-tit');\"><a class=\"ir-l\" href=\"#\">게시물 전체 보기</a></li>";
        //htmls += "<li onclick=\"Linker.ClickUserMenu('" + userid + "',0);return false;\" ><a class=\"ir-l\" href=\"#\">게시물 전체 보기</a></li>";
        htmls += "<li onclick=\"Linker.ClickUserMenu('" + userid + "',1);return false;\" onmouseover=\"Linker.UserMenuOver(this,'');\" onmouseout=\"Linker.UserMenuOut(this,'');\"><a href=\"#\" >스타일렛 방문하기</a></li>";
        htmls += "<li onclick=\"Linker.ClickUserMenu('" + userid + "',2);return false;\" onmouseover=\"Linker.UserMenuOver(this,'');\" onmouseout=\"Linker.UserMenuOut(this,'');\"><a href=\"#\">친구신청하기</a></li>";
        htmls += "<li onclick=\"Linker.ClickUserMenu('" + userid + "',3);return false;\" onmouseover=\"Linker.UserMenuOver(this,'');\" onmouseout=\"Linker.UserMenuOut(this,'');\"><a href=\"#\">쪽지 보내기</a></li>";
        htmls += "</ul>";
        htmls += "</div>";
        
        var layerid = "div_userlayer";
        var layerobj = $(layerid);
        var created = false;
        if(!layerobj)
        {
            layerobj = $c("div");
            layerobj.id = layerid;
            created = true;
        }
        
        
        var mouseX, mouseY;
        mouseX = window.event.clientX + document.documentElement.scrollLeft -10;
        mouseY = window.event.clientY + document.documentElement.scrollTop -10;
        
        layerobj.className = "layer";
        layerobj.innerHTML = htmls;
        layerobj.style.top = mouseY + "px";
	    layerobj.style.left = mouseX + "px";
	    layerobj.style.zIndex = 9991;
	    layerobj.style.position = "absolute";
	    
	    if(created)document.body.appendChild(layerobj);
	    
	    //alert(htmls);
	    this.VisibleUserMenu(true);
        
   },
   
   DrawUserID : function(userid,maxlength)
   {
        var v_userid = userid;
        if(typeof(maxlength)!="undefined")
        {
            if(v_userid.length>maxlength)v_userid = v_userid.substring(0,maxlength) + "..";
        }
        //onmousemove=\"Linker.MoveUserMenu(event);\" 
        //레이어로 쪽지등의 기능을 활성화
        //document.write("<a href=\"/stylet/MyStylet/?styletid=" + userid + "\" onmouseout=\"Linker.VisibleUserMenu(false);\" onclick=\"Linker.ShowUserMenu('" + userid + "',event);return false;\">" + v_userid + "</a>");
        //마이스타일렛 다이렉트 링크
        document.write("<a href=\"/stylet/MyStylet/?styletid=" + userid + "\">" + v_userid + "</a>");
   },
   
   //마우스위치에서 레이어가 오픈되도록 수정
   PeopleItemDetailView : function(event,itemno,itemname,itemimg,comment_cnt,reguserid,usergradename,usergradecode,regtime)
   {
        var openurl = "/stylet/people/GetItemInfo.aspx?itemno=" + itemno + "&itemname=" + Common.utfEncoding(itemname) + "&itemimg=" + Common.utfEncoding(itemimg) + "&comment_cnt=" + Common.utfEncoding(comment_cnt)
                            + "&reguserid=" + Common.utfEncoding(reguserid) + "&usergradename=" + Common.utfEncoding(usergradename) + "&usergradecode=" + Common.utfEncoding(usergradecode) + "&regtime=" + Common.utfEncoding(regtime);
        Common.popupLayerMousePosition(event,170,220,openurl,'');                              
   },
   
   MyFavoriteCategoryView : function(event)
   {
        if(CurrentUser.IsLogin==false)
        {
            MsgBox.show("로그인이 필요합니다");
            return;
        }
        Common.popupLayerMousePosition(event,330,190,"/stylet/Common/layerpop/wndMyfavoritecategory.aspx",'');    
   },
   
   MyFavoriteTagView : function(event)
   {
         if(CurrentUser.IsLogin==false)
        {
            MsgBox.show("로그인이 필요합니다");
            return;
        }
        Common.popupLayerMousePosition(event,330,180,"/stylet/Common/layerpop/wndMyfavoritetag.aspx",'');    
   },
   
   MyFavoriteTagClicked : function(tagstr)
   {
        //alert("태그페이지로이동 -> " + tagstr);
        //alert(typeof(validate));
        if(typeof(validate)=="function")
        {
            validate(tagstr);
        }else
        {
            location.href = "/stylet/Search/Search.aspx?searchstr=" + Common.utfEncoding(tagstr);
        }
   },
   
   PollDoRecom : function (event,pollno,choiceno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        Common.popupLayerMousePosition(event,340,160,"/stylet/Common/layerpop/RecommendPoll.aspx?pollno=" + pollno + "&choiceno=" + choiceno,'');    
        return;
                
   },
   
   EventItemDetail : function(itemno)
   {
        this.PollItemDetail(itemno);
   },
   
   PollItemDetail : function(itemno)
   {
        this.ItemDetailOne(itemno);
   },
   
   ItemDetailOne : function(itemno)
   {
        Common.popupLayerInCenter(520,310,"/stylet/Common/layerpop/GetItemInfo.aspx?itemno=" + itemno + "&type=1");    
   },
   
   EventAddScrap : function(targetno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }        
        var openurl = "/stylet/Common/layerpop/AddScrapItem.aspx?type=2&targetno=" + targetno + "&max_select=10";
       
        
        Common.popupLayerInCenter(405,485,openurl);   
   },   
   
   
   PostAddItem : function()
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }        
        var openurl = "/stylet/Common/layerpop/AddScrapItem.aspx?type=1&max_select=9";
        
        
        Common.popupLayerInCenter(405,485,openurl);   
   },
   
   GroupAddItem : function(targetno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }        
        var openurl = "/stylet/Common/layerpop/AddScrapItem.aspx?type=3&targetno=" + targetno + "&max_select=10";
       
        
        Common.popupLayerInCenter(405,485,openurl);  
   },
 
   
   MyStyletItemDetail : function(categoryno,itemno)
   {
        Common.popupLayerInCenter(520,310,"/stylet/Common/layerpop/GetItemInfo.aspx?categoryno=" + categoryno + "&itemno=" + itemno + "&type=2");    
   },
   
   GroupItemDetail : function(groupno,categoryno,itemno)
   {
        Common.popupLayerInCenter(520,310,"/stylet/Common/layerpop/GetItemInfo.aspx?groupno=" + groupno + "&categoryno=" + categoryno + "&itemno=" + itemno + "&type=3");    
   },
   
   PicksItemDetail : function(categoryno,itemno)
   {
        Common.popupLayerInCenter(520,310,"/stylet/Common/layerpop/GetItemInfo.aspx?categoryno=" + categoryno + "&itemno=" + itemno + "&type=4");    
   },
   
   ScrapItem : function(targetno)
   {
        this.ScrapItemPost(11,targetno);
   },
   
   ScrapPost : function(targetno)
   {
        this.ScrapItemPost(12,targetno);
   },
   
   ScrapItemPost : function(type,targetno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }  
        Common.closeLayer();
        Common.popupLayerInCenter(500,295,"/stylet/MyStylet/ScrapItemPost.aspx?type=" + Common.utfEncoding(type) + "&targetno=" + targetno);
   },   
  
   ScrapFolderAdd : function(event,type)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }  
        Common.popupLayerMousePosition(event,341,150,'/stylet/MyStylet/CreateFolder.aspx?calltype=scrapitem&userid=' + CurrentUser.UserID + '&type=' + Common.utfEncoding(type),'',2);
   },
   
   SendMessageItem : function(itemno)
   {   
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }  
        var send_itemno = "";
        var height = 285;
        if(typeof(itemno)!="undefined")
        {
            send_itemno = itemno;
            height = 415;
        }
        
        Common.popupLayerInCenter(475,height,"/stylet/MyStylet/SendMsg.aspx?itemno=" + send_itemno);
   },
   
   SendMessage : function(userid)
   {   
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }  
        var send_userid = "";
        var height = 285;
        if(typeof(userid)!="undefined")
        {
            send_userid = userid;
        }
        
        if(send_userid!=""&&send_userid==CurrentUser.UserID)
        {
            MsgBox.show("본인에게 메세지를 보낼 수 없습니다");
            return;
        }
        Common.popupLayerInCenter(475,height,"/stylet/MyStylet/SendMsg.aspx?userid=" + send_userid);
   },
   
   /*   [플로그추가 START] */
   SendMessage_F : function(userid)
   {   
    
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }  
        var send_userid = "";
        var height = 285;
        if(typeof(userid)!="undefined")
        {
            send_userid = userid;
        }
        
        if(send_userid!=""&&send_userid==CurrentUser.UserID)
        {
            MsgBox.show("본인에게 메세지를 보낼 수 없습니다");
            return;
        }
        Common.popupLayerInCenter(900,800,"/stylet/Flog/Memo/SendMsg.aspx?userid=" + send_userid);
   },
   
   /*   [플로그추가 END] */
   
   
   
   
   ShowFaultCode : function(itemname,itemno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        } 
        Common.popupLayerInCenter(380,320,"/stylet/MyStylet/FaultReport.aspx?itemname=" + Common.utfEncoding(itemname) + "&itemno=" + itemno);
   },
   
   RequestFriend : function(friendid)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        if(CurrentUser.UserID==friendid)
        {
            MsgBox.show("본인을 친구추가 하실 수 없습니다");
            return;
        }
        Common.popupLayerInCenter(340,125,"/stylet/MyStylet/RequestFriend.aspx?friendid=" + Common.utfEncoding(friendid));
   },
   
   InsertPoll : function()
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        Common.popupWindowInCenter("/stylet/MyStylet/InsertPoll.aspx","wndInsertpoll","width=575,height=729,scrollbars=yes");
   },
   
   CopyRssUrl : function(rssurl)
   {
        //html 일경우 한글 UTF8 인코딩이 깨져서 ASPX 로 통합
        window.clipboardData.setData("Text", rssurl);
        Common.popupLayerInCenter(450,160,"/stylet/Common/layerpop/CopyRssUrl.aspx");
   },
   
   AddFindMember : function()
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        Common.popupLayerInCenter(390,245,"/stylet/Groups/InsertFindMember.aspx");
   },
   
   AddPostLink : function(groupno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        //가입된 회원이 아니라면 그룹회원가입이 필요합니다.
        if(GroupInfo.user_statuscd=="")
        {
            MsgBox.show("그룹회원가입을 하셔야 이용하실 수 있습니다");
            return;
        }
        
         if(GroupInfo.user_statuscd!="21")
        { 
            MsgBox.show("그룹멤버인 경우에만 포스트를 등록 하실 수 있습니다");        
            return;
        }
        
        Common.popupLayerInCenter(340,170,"/stylet/Groups/Group/AddPostLink.aspx?groupno=" + groupno);
   },
   
   
   ApplyGroup : function(groupno,groupname)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        Common.popupLayerInCenter(380,200,"/stylet/Groups/Group/ApplyGroup.aspx?groupno=" + groupno + "&groupname=" + Common.utfEncoding(groupname));
   },
   
   JoinGroup : function(groupno,groupname)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        Common.popupLayerInCenter(450,140,"/stylet/Groups/Group/JoinGroup.aspx?groupno=" + groupno + "&groupname=" + Common.utfEncoding(groupname));
   },
   
   NotifyCloseGroup : function(groupname,leftday,leader_statuscd)
   {
        
        Common.popupLayerInCenter(395,145,"/stylet/Groups/Group/NotifyCloseGroup.aspx?groupname=" + Common.utfEncoding(groupname) + "&leftday=" + leftday + "&leader_statuscd=" + leader_statuscd);
   },
   
   //<!-- flag=groupname=&successionreqdate=&pre_leaderid=&successionleftday -->
   ConfirmGroupLeader : function(flag,groupname,successionreqdate,pre_leaderid,successionleftday)
   {
        var gourl = "flag=" + Common.utfEncoding(flag) + "&groupname=" + Common.utfEncoding(groupname) + "&successionreqdate=" + Common.utfEncoding(successionreqdate) + "&pre_leaderid=" + Common.utfEncoding(pre_leaderid);
        gourl += "&successionleftday=" + Common.utfEncoding(successionleftday);
        Common.popupLayerInCenter(380,210,"/stylet/Groups/Group/ConfirmGroupLeader.aspx?" + gourl);
   },
   
   GroupRequestLeader : function(groupno,userid,actiontype)
   {
        Common.popupLayerInCenter(390,160,"/stylet/Groups/Group/adm_SuccessionMemberResult.aspx?groupno=" + groupno + "&userid=" + Common.utfEncoding(userid) + "&actiontype=" + Common.utfEncoding(actiontype));
   },
   
   
   ShowcaseAddFavorite : function(postno,reguserid)
   {
        if(!CurrentUser.IsLogin)
        {
            this.DoLogin();
            return;
        }
        
        var p_postno = postno;
        if(CurrentUser.UserID==reguserid)p_postno = 0;
        
        Common.popupLayerInCenter(390,150,"/stylet/Showcase/AddFavorite.aspx?postno=" + p_postno);
   },
   
   ShowcaseRequestEditor : function()
   {
        Common.popupLayerInCenter(390,210,"/stylet/Showcase/ApplyEditor.aspx");
   },
   
   MemEof : function(formtype,name,ssn,checkvalue)
   {
        //alert(name);
        //Common.popupLayerInCenter(280,150,"/stylet/Membership/MemPop_Eof.aspx?formtype=" + Common.utfEncoding(formtype) + "&name=" + Common.utfEncoding(name) + "&ssn=" + Common.utfEncoding(ssn) + "&checkvalue=" + Common.utfEncoding(checkvalue));
        Common.popupLayerInCenter(280,150,"/stylet/Membership/MemPop_Eof.aspx?formtype=" + Common.utfEncoding(formtype) + "&name=" +escape(name) + "&ssn=" + Common.utfEncoding(ssn) + "&checkvalue=" + Common.utfEncoding(checkvalue));
   },
   
   
   MemIsMember : function(userid,name)
   {
        Common.popupLayerInCenter(390,170,"/stylet/Membership/MemPop_IsMember.aspx?userid=" + Common.utfEncoding(userid) + "&name=" + Common.utfEncoding(name));
   },
   
   ShowFaultCodeCodi : function(compositionnm,compositionno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        } 
        Common.popupLayerInCenter(380,320,"/stylet/CodiDiary/FaultReport.aspx?compositionnm=" + Common.utfEncoding(compositionnm) + "&compositionno=" + compositionno);
   },
   
   CodiUrlCopy : function(compositionimg, compositionno)
   {
//        if(CurrentUser.IsLogin==false)
//        {
//            this.DoLogin();
//            return;
//        } 
        //박재균 수정
        //Common.popupLayerInCenter(380,320,"/stylet/CodiDiary/CodiUrlCopy.aspx?compositionimg=" + Common.utfEncoding(compositionimg) + "&compositionno=" + compositionno);        
        Common.popupLayerInCenter(495,210,"/stylet/CodiDiary/CodiUrlCopy.aspx?compositionimg=" + Common.utfEncoding(compositionimg) + "&compositionno=" + compositionno);
   },
      CodiUrlCopysub : function(compositionimg, compositionno)
   {
//        if(CurrentUser.IsLogin==false)
//        {
//            this.DoLogin();
//            return;
//        } 
        //박재균 수정
        //Common.popupLayerInCenter(380,320,"/stylet/CodiDiary/CodiUrlCopy.aspx?compositionimg=" + Common.utfEncoding(compositionimg) + "&compositionno=" + compositionno);        
        Common.popupLayerInCenterHalfClub(495,210,"/stylet/CodiDiary/CodiUrlCopy.aspx?compositionimg=" + Common.utfEncoding(compositionimg) + "&compositionno=" + compositionno);
   },
   
   ItemUrlCopy : function(itemimg, itemno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        } 
        //박재균 수정
        //Common.popupLayerInCenter(380,320,"/stylet/CodiDiary/CodiUrlCopy.aspx?compositionimg=" + Common.utfEncoding(compositionimg) + "&compositionno=" + compositionno);        
        Common.popupLayerInCenter(495,210,"/stylet/StylePicksV2/picksUrlCopy.aspx?itemimg=" + Common.utfEncoding(itemimg) + "&itemno=" + itemno);
   },
   
   
   //코디생성하기 : Linker.CodiToolLaunch();
   //코디수정하기 : Linker.CodiToolLaunch(38);
   CodiToolLaunch : function(compositionno)
   {
        if(CurrentUser.IsLogin==false)
        {
            this.DoLogin();
            return;
        }
        
        var preurl = "";
        var cno = "";
        try
        {
            preurl = document.location.href;
        }catch(exception){}
        
        if(compositionno)cno = parseInt(compositionno);
        location.href = "http://www.stylet.com/stylet/CodiDiary/coditool.aspx?cno=" + cno + "&preurl=" + Common.utfEncoding(preurl);
   },
     
   MyStyletLaunch : function(styletid)
   {        
        location.href = "http://www.stylet.com/stylet/mystylet/?styletid=" + styletid;
   }   
  
  
}





//stylet.jscript.static.util.msgbox.js

// Copyright(c)2007 Stylet All rights reserved.
// Title : Stylet MessageBox Utility Javascript (Static)
// Version : 1.0
// Date : 2008-01-24
// Client : Tricycle
// Developer : Jae-Kyun, Park

// History : 1.0 - Prototype Functions are Implemented.


var MsgBox = 
{
    _focusControl : null,
    _nextFunction : null, 
    _msgDesign : 1, 
   
   tooltip : function(msg,event)
   {
        /*
htmls += "<body class=\"layer\">";
htmls += "<div class=\"layer-wrap\">";
htmls += "<div class=\"at01\"></div>";
htmls += "<div class=\"at02\">";
htmls += "<div class=\"at04\">";
htmls += "GQ's Fashion...";
htmls += "<p>Russo <img src=\"../images/common/star.gif\" alt=\"별\" /></p>";
htmls += "</div>";
htmls += "</div>";
htmls += "<div class=\"at03\"></div>";
htmls += "</div>";
htmls += "</body>        ";
        */
        var tooltipobj = $("div_tooltipobj");
        var created = false;
        if(!tooltipobj)
        {
            tooltipobj = $c("div");
            tooltipobj.className = "layer";
            tooltipobj.id = "div_tooltipobj";
            created = true;
        }
        
        
        
        var msglength = ValidUtil.GetLength(msg);
        msgwid = ((msglength / 2) * 12) + (13 * 2);
        
        var mouseX, mouseY;
        mouseX = window.event.clientX + document.documentElement.scrollLeft + 5 - 40;
        mouseY = window.event.clientY + document.documentElement.scrollTop + 5 - 70;
        
        var htmls = "";
        htmls += "<div id='div_tooltipobjchild' class=\"layer-wrap\" onmouseover=\"this.style.display='';\" onmouseout=\"this.style.display='none'\">";
        htmls += "<div class=\"at01\"></div>";
        htmls += "<div class=\"at02\">";        
        htmls += "<div class=\"at04\">";
        htmls += msg;
        htmls += "</div>";
        htmls += "</div>";
        htmls += "<div class=\"at03\"></div>";
        htmls += "</div>";
        
        tooltipobj.innerHTML = htmls;
        tooltipobj.style.top = mouseY + "px";
	    tooltipobj.style.left = mouseX + "px";
	    tooltipobj.style.zIndex = 9000;
	    tooltipobj.style.position = "absolute";
	    
	    if(created)document.body.appendChild(tooltipobj);
	    
	    $("div_tooltipobjchild").style.display="";
	    
        
   }, 
   
   onkeydown_eventhandler : function(e)
   {        
                
        var eventobj = e||window.event;
        
        //alert("event : "+ eventobj.keyCode);
        if(eventobj.keyCode==13){
            //alert("msgbox enter keydown");
            MsgBox.callbackMsgHide();
            Common.RemoveEventHandler(document,"keydown",MsgBox.onkeydown_eventhandler);
            return false;
        }
   },
    
    //메세지 박스 Layer Show
    //@msgstr : 보여줘야할 메세지 
    show : function(msg,focuscontrol,nextfunc)
   {
        
        //현재 그냥 alert 로 구성되어 있음 이후에 layer 형식으로 보여줄예정.
        //alert("--- New Message Box ---\n\n" + msgstr);
      
        
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
        
        //this._msgDesign=0;
        //alert("msgbox showed()");
        if(this._msgDesign==0)
        {
            htmls += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"white\" style=\"border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\">";
            htmls += "<tr>";
            htmls += "<td align=\"right\" style=\"padding:5px;\"><a href=\"#\"><img src=\"" + Config.ImageURL + "/images/appimg/ico_appclose.gif\" style=\"cursor:hand\" onclick=\"MsgBox.callbackMsgHide();return false;\" border=0/></a></td>";
            htmls += "</tr>";
            htmls += "<tr>";
            htmls += "<td height=\"40\" align=\"center\" style=\"padding:10px;font-size:12px;font-family:굴림;color:#585858;font-weight:normal;\"><img src=\"" + Config.ImageURL + "/images/appimg/ajaxloader.gif\" align=absmiddle /> &nbsp; " + msg + "</td></tr>";
            htmls += "<tr>";
            htmls += "<td align=\"center\" style=\"padding:3px;padding-bottom:13px;\"><a href=\"#\"><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/appimg/ico_appconfirm.gif\" style=\"cursor:hand\" onclick=\"MsgBox.callbackMsgHide();return false;\" border=\"0\"/></a></td>";
            htmls += "</tr>";
            htmls += "</table>"; 
        }
        else if(this._msgDesign==1)
        { 
            //메세지 박스 넓이 계산.
            var msglength = ValidUtil.GetLength(msg);
            msgwid = ((msglength / 2) * 12) + (16 * 2);
            if(msgwid<250)msgwid = 250;
            htmls += "<div class=\"layer\" >";
            htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
            htmls += "<div class=\"alt01\"><div class=\"alt02\"><div class=\"alt03\"><div class=\"alt04\"><div class=\"alt05\"><div class=\"alt06\"><div class=\"alt07\">";
            htmls += "<div class=\"alt08\">";
            htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\" alt=\"close\"/></a></div>";
            htmls += "<div class=\"text\">" + msg;
            htmls += "<p><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok.png\" alt=\"확인\" class=\"png24\"/></a></p>";
            htmls += "</div>";
            htmls += "</div></div></div></div></div></div></div></div>";
            htmls += "</div>";
            htmls += "</div>";
           // document.write(htmls);
        }
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop+document.body.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight+ "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left) + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }

       
        getdivajax.innerHTML = htmls;


        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
   
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   }, 
   
   
  show2 : function(msg,focuscontrol,nextfunc)
   {
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
        
            //메세지 박스 넓이 계산.
            var msglength = ValidUtil.GetLength(msg);
            msgwid = ((msglength / 2) * 12) + (16 * 2);
            if(msgwid<230)msgwid = 180;
            htmls += "<div>";
            htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
            htmls += "<div class=\"alt01\"><div class=\"alt02\"><div class=\"alt03\"><div class=\"alt04\"><div class=\"alt05\"><div class=\"alt06\"><div class=\"alt07\">";
            htmls += "<div class=\"alt08\">";
            htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\" alt=\"close\"/></a></div>";
            htmls += "<div style='margin-top:20px;margin-left:15px;'>" + msg +"";
             htmls += "</div>";
            
            htmls += "<div style='height:25px;'>";
            htmls += "<p style='text-align:center;margin-top:3'><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok.png\" alt=\"확인\" /></a></p>";
            htmls += "</div>";
            
            htmls += "</div></div></div></div></div></div></div></div>";
            htmls += "</div>";
            htmls += "</div>";
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight+ "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left) + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }
        getdivajax.innerHTML = htmls;

        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },
   
   
     show3 : function(msg,focuscontrol,nextfunc)
   {
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
        
            //메세지 박스 넓이 계산.
            var msglength = ValidUtil.GetLength(msg);
            msgwid = ((msglength / 2) * 12) + (16 * 2);
            if(msgwid<230)msgwid = 200;
            htmls += "<div>";
            htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
            htmls += "<div class=\"alt01\"><div class=\"alt02\"><div class=\"alt03\"><div class=\"alt04\"><div class=\"alt05\"><div class=\"alt06\"><div class=\"alt07\">";
            htmls += "<div class=\"alt08\">";
            htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\" alt=\"close\"/></a></div>";
            htmls += "<div style='margin-top:20px;margin-left:15px;'>" + msg +"";
             htmls += "</div>";
            
            htmls += "<div style='height:25px;margin-top:10px;'>";
            htmls += "<p style='text-align:center;margin-top:3'><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok.png\" alt=\"확인\" /></a></p>";
            htmls += "</div>";
            
            htmls += "</div></div></div></div></div></div></div></div>";
            htmls += "</div>";
            htmls += "</div>";
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight+ "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left)*0.7  + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }
        getdivajax.innerHTML = htmls;

        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },
   
     show4 : function(msg,focuscontrol,nextfunc)
   {
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
        
            //메세지 박스 넓이 계산.
            var msglength = ValidUtil.GetLength(msg);
            msgwid = ((msglength / 2) * 12) + (16 * 2);
            if(msgwid<230)msgwid = 200;
            htmls += "<div>";
            htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
            htmls += "<div class=\"alt01\"><div class=\"alt02\"><div class=\"alt03\"><div class=\"alt04\"><div class=\"alt05\"><div class=\"alt06\"><div class=\"alt07\">";
            htmls += "<div class=\"alt08\">";
            htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\" alt=\"close\"/></a></div>";
            htmls += "<div style='margin-top:20px;margin-left:15px;'>" + msg +"";
             htmls += "</div>";
            
            htmls += "<div style='height:25px;margin-top:10px;'>";
            htmls += "<p style='text-align:center;margin-top:3'><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok.png\" alt=\"확인\" /></a></p>";
            htmls += "</div>";
            
            htmls += "</div></div></div></div></div></div></div></div>";
            htmls += "</div>";
            htmls += "</div>";
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth+document.documentElement.scrollWidth;
        var screenheight = document.documentElement.clientHeight+document.documentElement.scrollHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight+ "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left)*0.7  + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }
        getdivajax.innerHTML = htmls;

        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },


   //컨펌 박스 Layer Show
   //@msgstr : 보여줘야할 메세지 
    confirm : function(msg,okfunc,cancelfunc, focuscontrol,nextfunc)
   {
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
           
        //메세지 박스 넓이 계산.
        var msglength = ValidUtil.GetLength(msg);
        msgwid = ((msglength / 2) * 12) + (16 * 2);
        if(msgwid<250)msgwid = 250;
        htmls += "<div  >";
        htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
        htmls += "";
        htmls += "<div class=\"alt08\" >";
        htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\"  alt=\"close\"/></a></div>";
        htmls += "<div class=\"text\" >" + msg;
        htmls += "<p><a style='cursor:hand' onclick=\"MsgBox.callbackMsgHide();" + okfunc + ";\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_yes.gif\" alt=\"예\"/></a>&nbsp;&nbsp;";
        htmls += "<a style='cursor:hand' onclick=\"MsgBox.callbackMsgHide();" + cancelfunc + ";\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_no.gif\" alt=\"아니오\"/></a></p>";
        htmls += "</div>";
        htmls += "</div>";
        htmls += "</div>";
        htmls += "</div>";
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight + "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left) + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }

       
        getdivajax.innerHTML = htmls;


        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
   
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },    

   //컨펌 박스 Layer Show
   //@msgstr : 보여줘야할 메세지 
   msgconfirm : function(msg,titleimg,okfunc,cancelfunc,focuscontrol,nextfunc)
   {
               
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
         
        //메세지 박스 넓이 계산.
        var msglength = ValidUtil.GetLength(msg);
        msgwid = ((msglength / 2) * 12) + (16 * 2);
        if(msgwid<390 || msgwid>390)msgwid = 390;
    
        
	    htmls += "<div class=\"s-t387\"></div>";
	    htmls += "<div class=\"s-m387\">";
		htmls += "<div class=\"page-top mb0\">";
	    htmls += "<h1 class=\"srap-tit\"><img src=\"" + titleimg + "\"/></h1>";
	    htmls += "<div class=\"btn-x\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();" + cancelfunc + ";return false;\"><img src=\"/Stylet/images/pop/bt_x.gif\" alt=\"close\"/></a></div>";
		htmls += "<div class=\"cboth\"></div>";
		htmls += "<div class=\"layer_btn\">" + msg + "</div>";
		htmls += "<div class=\"layer_btn\">";
        htmls += "<a href=\"#\" onclick=\"MsgBox.callbackMsgHide();" + okfunc + ";\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok2.gif\" alt=\"확인\"/></a>";
        htmls += "<a href=\"#\" onclick=\"MsgBox.callbackMsgHide();" + cancelfunc + ";\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_cancel.gif\" alt=\"취소\"/></a></p>";
		htmls += "</div>";
		htmls += "</div>";
	    htmls += "</div>";
	    htmls += "<div class=\"s-b387\"></div>";
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight + "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left) + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }

       
        getdivajax.innerHTML = htmls;


        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
   
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },    
   
   
   //컨펌 박스 Layer Show
   //@msgstr : 보여줘야할 메세지 
   msgconfirm_sub : function(msg,titleimg,okfunc,cancelfunc,focuscontrol,nextfunc)
   {
               
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
         
        //메세지 박스 넓이 계산.
        var msglength = ValidUtil.GetLength(msg);
        msgwid = ((msglength / 2) * 12) + (16 * 2);
        if(msgwid<390 || msgwid>390)msgwid = 390;  
        
        htmls += "<div>";
        htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
        htmls += "<div class=\"alt01\"><div class=\"alt02\"><div class=\"alt03\"><div class=\"alt04\"><div class=\"alt05\"><div class=\"alt06\"><div class=\"alt07\">";
        htmls += "<div class=\"alt08\">";
        htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\" alt=\"close\"/></a></div>";
        htmls += "<div style='margin-top:20px;margin-left:15px;'>" + msg +"";
         htmls += "</div>";
        
        htmls += "<div style='height:25px;margin-top:10px;'>";
        htmls += "<p style='text-align:center;margin-top:3'>";
        htmls += "<a href=\"#\" onclick=\"MsgBox.callbackMsgHide();" + okfunc + ";\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok2.gif\" alt=\"확인\"/></a>";
        htmls += "<a href=\"#\" onclick=\"MsgBox.callbackMsgHide();" + cancelfunc + ";\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_cancel.gif\" alt=\"취소\"/></a></p>";
        htmls += "</p>";
        htmls += "</div>";
        
        htmls += "</div></div></div></div></div></div></div></div>";
        htmls += "</div>";
        htmls += "</div>";
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight + "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - wndheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left) + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }

       
        getdivajax.innerHTML = htmls;


        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
   
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },    

   
    //이미지 박스 Layer Show
    //@msgstr : 보여줘야할 메세지 
    showImg : function(imgurl, imgwidth, imgheight, focuscontrol, nextfunc)
   {
        
        //현재 그냥 alert 로 구성되어 있음 이후에 layer 형식으로 보여줄예정.
        //alert("--- New Message Box ---\n\n" + msgstr);
        
        if(typeof(focuscontrol)!="undefined")this._focusControl = focuscontrol;
        if(typeof(nextfunc)!="undefined")this._nextFunction = nextfunc;
        
        var htmls = "";
        var msgwid = 300;
        
        //alert("msgbox showed()");
        

        //메세지 박스 넓이 계산.
        msgwid = imgwidth + (16 * 2);
        if(msgwid<250)msgwid = 250;
        htmls += "<div class=\"layer\" >";
        htmls += "<div class=\"alt\" style=\"width:" + msgwid + "px;border:solid 1px #dfdfdf;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)\"><!--임의로 사이즈 지정 width 사이즈 조정 필요  -->";
        htmls += "<div class=\"alt01\"><div class=\"alt02\"><div class=\"alt03\"><div class=\"alt04\"><div class=\"alt05\"><div class=\"alt06\"><div class=\"alt07\">";
        htmls += "<div class=\"alt08\">";
        htmls += "<div class=\"btn-close\"><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\"><img src=\"" + Config.ImageURL + "/images/pop/bt_x01.gif\" alt=\"close\"/></a></div>";
        htmls += "<div class=\"text\"><img src=\"" + imgurl + "\"/>";
        htmls += "<p><a href=\"#\" onclick=\"MsgBox.callbackMsgHide();return false;\" id='linkMsgconfirm'><img id='ibtnMsgconfirm' src=\"" + Config.ImageURL + "/images/common/button/bt_ok.png\" alt=\"확인\" class=\"png24\"/></a></p>";
        htmls += "</div>";
        htmls += "</div></div></div></div></div></div></div></div>";
        htmls += "</div>";
        htmls += "</div>        ";
        
       
        var scleft = document.documentElement.scrollLeft;
        var sctop = document.documentElement.scrollTop;

        var screenwidth = document.documentElement.clientWidth ;
        var screenheight = document.documentElement.clientHeight;

        var getdiv = $("divScreenblank");
        getdiv.style.top = "0px";
        getdiv.style.left = "0px";
        getdiv.style.width = (screenwidth + scleft) + "px";
        getdiv.style.height = document.documentElement.scrollHeight + "px";//(screenheight + sctop) + "px";
        getdiv.style.backgroundColor = "#ffffff"; 

        var getdivajax = $("divVistamsg");
        getdivajax.style.width = msgwid + "px";
        getdivajax.style.height = "80px"; 

        var wndwidth= parseInt(getdivajax.style.width.replace(/px/gi,""));
        var wndheight = parseInt(getdivajax.style.height.replace(/px/gi,""));

        var r_left = parseInt((screenwidth - wndwidth)/2) + scleft;
        var r_top = parseInt((screenheight - imgheight)/2) + sctop;
        
        try
        {
            getdivajax.style.top = (r_top) + "px";
            getdivajax.style.left = (r_left) + "px";
            
        }catch(e){
            //alert("에러 -> " + e.description + "\n\n top : " + r_top + " / " + r_left + " / " + screenwidth + " / " + wndwidth + " / -> " + getdivajax.style.width);
        }

       
        getdivajax.innerHTML = htmls;


        getdiv.style.display = "block";
        getdivajax.style.display = "block";
        $("ibtnMsgconfirm").focus(); 
   
   
   
        Common.AddEventHandler(document,"keypress",MsgBox.onkeydown_eventhandler);
   },    
   
   
   
    callbackMsgHide : function()
    {
            try
            {
            $("divScreenblank").style.display="none";
            $("divVistamsg").style.display="none";
            
            if(this._focusControl!=null)this._focusControl.focus();
            if(this._nextFunction!=null)eval(this._nextFunction);
            }catch(e){
                //alert(e.description);
            }
    },


   
    appendAdditionalControls : function()
    {
        var lockstr = " oncontextmenu='return false' onselectstart='return false' ondragstart='return false' "; 
        lockstr = "";
        
        var htmls = "";
        htmls += "<div id=\"divVistamsg\" style=\"z-index:9999;position:absolute;width:180px;height:20px;display:none;\" " + lockstr + ">";
        htmls += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"white\" style=\"border:solid 1px #cccccc;\" height=\"100%\">";
        htmls += "<tr>";
        htmls += "<td height=\"100%\" align=\"center\" style=\"padding:10px;font-size:11px;font-family:돋움;color:#666666;\"><img src=\"" + Config.ImageURL + "/images/appimg/ajaxloader.gif\" align=absmiddle /> &nbsp; 데이터를 수신중입니다.</td></tr>";
        htmls += "</table>";
        htmls += "</div>";
        htmls += "<div id=\"divScreenblank\" style=\"z-index:9998;position:absolute;background-color:White;opacity:0.75;-moz-opacity:0.75;filter: alpha(opacity=75);display:none;\" oncontextmenu='return false' onselectstart='return false' ondragstart='return false'></div>";

        var blankdiv = document.createElement("DIV");
        blankdiv.innerHTML = htmls;
        document.body.appendChild(blankdiv);  
        
        //alert("appendAdditionalControls();");
    }
}


Common._earlyOnload("MsgBox.appendAdditionalControls()");
//Event.observe(window,"load",function(){
//    MsgBox.appendAdditionalControls();
//});

//Common.AddEventHandler(document,"load",new function(){
//    MsgBox.appendAdditionalControls();
//});
















//stylet.jscript.static.util.validate.js
// Copyright(c)2007 Stylet All rights reserved.
// Title : Stylet Validation Utility Javascript (Static)
// Version : 1.0
// Date : 2008-01-24
// Client : Tricycle
// Developer : Jae-Kyun, Park

// History : 1.0 - Functions are Implemented.


var ValidUtil = 
{

    jsver:"1.0",


   //숫자인지 아닌지 여부 판별
   //@obj : parameter object 
   //@strName : 메세지를 띄울 컬럼명 (예:전화번호)
    isNumeric:function(obj,strName)
   {
        if(isNaN(obj))
        {  
            MsgBox.show("[" + strName + "] 은 숫자만 입력하십시요");
            return false;
        }else
        {
            return true;
        }
   },  
   
   //해당 ID의 input 필드의 유효성검사
   //@objid : input object 의 ID (예:txtName)
   //@columnname : 메세지를 띄울 컬럼명 (예:이름)
   isBlankFieldById:function(objid,columnname,checkbanword)
   {
        return this.isBlankField(document.getElementById(objid),columnname,checkbanword);
   },
   
   //해당 object 의 input 필드의 유효성검사
   //@obj : parameter object
   //@columnname : 메세지를 띄울 컬럼명 (예:이름)
   isBlankField:function(obj,columnname,checkbanword)
   {
        if(obj.value.trim()=="")
        {
            var msgtype = "입력";
            if(obj.tagName=="SELECT")msgtype = "선택";
            
            MsgBox.show("[" + columnname + "] 을 " + msgtype + "하십시요",obj);
            $("linkMsgconfirm").focus(); 
   
            return false;
        } 
        else
        {
        
            var docheck = false;
            if(typeof(checkbanword)!="undefined"&&checkbanword==false)docheck = false;
            
            //input type=file 인경우 금칙어 조건을 패스하도록 로직 변경
            //alert(obj.tagName + " / " + obj.type);
            
            try
            {
                if(obj.tagName=="INPUT"&&obj.type=="file")docheck = false;
            }catch(e){}
                
            if(docheck)
            {
                //금칙어 검사
                if(ValidUtil.hasBanWord(obj.value)!="")
                {
                    return false;
                }else
                {
                    return true;
                }
            }
        }
        return true;
   },
   //해당 ID의 input 필드의 유효성검사
   //@objid : input object 의 ID (예:txtName)
   //@columnname : 메세지를 띄울 컬럼명 (예:이름)
   isBlankFieldByIdsub:function(objid,columnname,checkbanword)
   {
        return this.isBlankFieldsub(document.getElementById(objid),columnname,checkbanword);
   },
   
   //해당 object 의 input 필드의 유효성검사
   //@obj : parameter object
   //@columnname : 메세지를 띄울 컬럼명 (예:이름)
   isBlankFieldsub:function(obj,columnname,checkbanword)
   {
        if(obj.value.trim()=="")
        {
            var msgtype = "입력";
            if(obj.tagName=="SELECT")msgtype = "선택";
            
            MsgBox.show4("[" + columnname + "] 을 " + msgtype + "하십시요",obj);
            $("linkMsgconfirm").focus(); 
   
            return false;
        } 
        else
        {
        
            var docheck = false;
            if(typeof(checkbanword)!="undefined"&&checkbanword==false)docheck = false;
            
            //input type=file 인경우 금칙어 조건을 패스하도록 로직 변경
            //alert(obj.tagName + " / " + obj.type);
            
            try
            {
                if(obj.tagName=="INPUT"&&obj.type=="file")docheck = false;
            }catch(e){}
                
            if(docheck)
            {
                //금칙어 검사
                if(ValidUtil.hasBanWord(obj.value)!="")
                {
                    return false;
                }else
                {
                    return true;
                }
            }
        }
        return true;
   },
   
       //특수문자 걸러내기
    CheckSpecial : function (strValue,strAlert)
    {
        for (var i=0; i < strValue.length; i++)
         { 
           var ch_char = strValue.charAt(i);

         var ch=ch_char.charCodeAt();
          if(  (ch >= 58 && ch <= 62)  || (ch >= 123 && ch <= 125) )
           {
		        MsgBox.show("특수문자 "+ch_char+" 는 입력불가입니다.");
                return false;
           }
         }
         return true;
    },
    
    //아이디 문자와 숫자만 허용되는 자바스크립트
   //@checkstr : 체크할 문자열 
    isAlphaNumeric : function (checkStr)
    {
        var checkOK = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
        for (i = 0;  i < checkStr.length;  i++)
        {
	        ch = checkStr.charAt(i);
	        for (j = 0;  j < checkOK.length;  j++)
		        if (ch == checkOK.charAt(j))
			        break;
	        if (j == checkOK.length)
	        {
	          return (false);
	          break;
	        }
        }
        return (true);
    },


    // Email Check
    //@strEmail : 체크할 이메일 값
    //@strName : 오류시 나타내야할 컬럼명 (예:이메일)  
    isEmailAddress : function (strEmail, strName)
    {
        /** 금지사항
        - @가 2개이상
        - .이 붙어서 나오는 경우
        -  @.나  .@이 존재하는 경우
        - 맨처음이.인 경우
        **/
        var regDoNot = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; 
        /** 필수사항
        - @이전에 하나이상의 문자가 있어야 함
        - @가 하나있어야 함
        - Domain명에 .이 하나 이상 있어야 함
        - Domain명의 마지막 문자는 영문자 2~3개이어야 함
        **/
        var regMust = /^[a-zA-Z0-9\-\.\_]+\@[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3})$/;

        if ( !regDoNot.test(strEmail) && regMust.test(strEmail) ) {

        } else {
	        msg = "[" + strName + "] 을 잘못 입력하셨습니다.";
	        MsgBox.show(msg);
	        return false;
        }

        return true;
    },


    // 주민등록번호 체크
    //@jumin1 : 주민등록번호 앞 6자리
    //@jumin2 : 주민등록번호 뒤 7자리
    //@strName : 오류시 나타내야할 컬럼명 (예:주민등록번호)   
    isJuminNumber : function (jumin1, jumin2, strName) {
        var i;
        var IDtot = 0;
        var IDAdd = "234567892345";
        var now = new Date();
        var year;
        var day1;
        var day2;
        var age;
        var sex;

        for (i=0 ; i<=5 ; i++)
	        IDtot = IDtot + ((i%8+2) * parseInt(jumin1.substring(i,i+1))) ;  

        for (i=6 ; i<=11 ; i++)
	        IDtot = IDtot + ((i%8+2) * parseInt(jumin2.substring(i-6,i-5))) ;  

        IDtot = 11 - (IDtot % 11);
        IDtot = IDtot % 10;

        if (IDtot != jumin2.substring(6,7)) {
	        msg = "[" + strName + "] 을 잘못 입력하셨습니다.";
	        MsgBox.show(msg);
	        return false;
        }
    		
        return true;
    },

    //길이체크
    //@strValue : 길이비교를 검사를 위한 값
    //@strName : 오류시 나타내야할 컬럼명 (예:주민등록번호)   
    //@lowLength : 최소자리수
    //@highLength : 최대자리수   
    LengthCheck : function ( strValue, strName, lowLength, highLength , showkorment)
    {
	    var nsize = 0;
	    
	    var mx = highLength;// * 2;
	    
	    var inshowkorment = true;
	    if(typeof(showkorment)!="undefined")
	    {
	        inshowkorment = showkorment;
	    }
	    
	    var msgadd = "";
	    //if(inshowkorment)msgadd += " (주의: 한글 1자는 2자로 계산함)";	    
	        
	    

	    nsize = strValue.length;//this.GetLength(strValue);
	    
	    //alert(strValue.length + " / " + mx);
	    
	    if ( nsize < lowLength ) {
		    msg = "[" + strName + "] : " + lowLength + "자 이상 입력하십시요." + msgadd;
		    MsgBox.show(msg);
		    return false;
	    } else if ( nsize > mx ) {
		    msg = "[" + strName + "] : " + highLength + "자 이하로 입력하십시요." + msgadd;
		    MsgBox.show(msg);
		    return false;
	    }
	    else
		    return true;
    },
    //길이체크
    //@strValue : 길이비교를 검사를 위한 값
    //@strName : 오류시 나타내야할 컬럼명 (예:주민등록번호)   
    //@lowLength : 최소자리수
    //@highLength : 최대자리수   
    LengthChecksub : function ( strValue, strName, lowLength, highLength , showkorment)
    {
	    var nsize = 0;
	    
	    var mx = highLength;// * 2;
	    
	    var inshowkorment = true;
	    if(typeof(showkorment)!="undefined")
	    {
	        inshowkorment = showkorment;
	    }
	    
	    var msgadd = "";
	    //if(inshowkorment)msgadd += " (주의: 한글 1자는 2자로 계산함)";	    
	        
	    

	    nsize = strValue.length;//this.GetLength(strValue);
	    
	    //alert(strValue.length + " / " + mx);
	    
	    if ( nsize < lowLength ) {
		    msg = "[" + strName + "] : " + lowLength + "자 이상 입력하십시요." + msgadd;
		    MsgBox.show(msg);
		    return false;
	    } else if ( nsize > mx ) {
		    msg = "[" + strName + "] : " + highLength + "자 이하로 입력하십시요." + msgadd;
		    MsgBox.show4(msg);
		    return false;
	    }
	    else
		    return true;
    },
   
    //해당 문자열의 길이를 검사합니다. (유니코드일경우 길이 2로 계산되는 함수임
    //@strValue : 길이를 검사할 문자열 
    GetLength : function ( strValue )
    {
	    var nsize = 0;
	    var chrOrig;
	    var charEscaped;

	    for( var intinx = 0; intinx <= strValue.length -1 ; intinx++ ){
		    chrOrig = strValue.substring(intinx,intinx+1);
		    chrEscaped = escape(chrOrig); 
		    if ( chrEscaped.substring(0,2) == "%u" )
			    nsize = nsize + 2;
		    else
			    nsize++;
	    }
	    return nsize;
    },
   
    tagLengthCheck : function(strValue)
   {
        var retval = true;
        var tagcnt = 0;
        
        var tagmaxcount = 5;
        var tagmaxlength = 20;
        
        
        if(strValue!="")
        {
            var arr = strValue.split(',');
            for(i=0;i<arr.length;i++)
            {
                if(arr[i].trim()=="")continue;               
                tagcnt++;
                if(arr[i].length>tagmaxlength)
               {
                    MsgBox.show("한태그는 " + tagmaxlength + "자 이하로 입력하셔야 합니다");
                    retval = false;
                    break;
               }  
            }
        }
        
        if(tagcnt>tagmaxcount)
        {
            MsgBox.show("태그는 최대 " + tagmaxcount + " 개 까지만 입력하실 수 있습니다");
            retval = false;
        }
        
        return retval;
   },  
   
   hasBanWord : function(checkContent,columnName)
   {
        var retval = false;
        
        //[AJAX] integrated to Prototype.js
        var remoteurl = "/stylet/Soap/GlobalSoap.asmx/wsHasBanWord";
        var remoteparams = "content=" + Common.utfEncoding(checkContent);
      
        var httpobj = new Ajax.Request
        (            
            remoteurl,
            {
                asynchronous : false,
                method : "post",
                parameters:remoteparams,
                onSuccess:function(httpobj)
                {             
                    var result = Common.getXmlchildvalue(httpobj.responseXML,"string");
                    if(result!="")
                    {
                        retval = true;
                    }else
                    {
                        retval = false;
                    }
                    
                    if(retval)
                    {
                        MsgBox.show("<b>\"" + result + "\"</b> 은(는) 사용하실 수 없는 단어입니다");
                    }
                    
                    //alert("on success end");
                },
                onFailure:function(httpobj)
                {
                    alert("ajax failed");
                    window.open(remoteurl + "?" + remoteparams);
                    return true;
                }
            } 
        )  
        
        //alert("OK - " + retval);
        return retval;
        
   },
 
   eventKeyDownOnlyNumer : function(e,obj)
   {
        var keynum = 0;
        
        if(window.event) // IE        
            keynum = e.keyCode;        
        else if(e.which) // Netscape/Firefox/Opera        
            keynum = e.which;        
        
        //소수점을 찍을수 있는 46은 제외하도록
        if ((keynum < 48) || (keynum > 57))
        {
            if(keynum!=46)
            {
                //e.cancelBubble = true;
                //e.returnValue = false;
                return false; 
            }
   	    }
   	    
   	    return true;
   },
   
   eventFocusBlurOnlyNumer : function(obj,eventtype)
   {
        if(eventtype=="focus")return;
        val=obj.value;
        re=/[^0-9.]/gi;
        obj.value=val.replace(re,"");   
   }, 
   
   //버젼반환
   getVersion:function()
   {
        //마지막 함수 , 때문에 미리 만들어놓음.
        return this.jsver;
   }
}





//stylet.jscript.string.extension.js
// Copyright(c)2007 Stylet All rights reserved.
// Title : Stylet String Extension Javascript (Static)
// Version : 1.0
// Date : 2008-01-24
// Client : Tricycle
// Developer : Jae-Kyun, Park

// History : 1.0 - Prototype Functions are Implemented.


function $c(tagname)
{
    return document.createElement(tagname);
}

function $n(name)
{
    return document.getElementsByName(name);
}

String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function() {
return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function() {
return this.replace(/\s+$/,"");
}











//swfformfix2.js
/**
 * SWFFormFix v2.1.0: SWF ExternalInterface() Form Fix - http://http://www.teratechnologies.net/stevekamerman/
 *
 * SWFFormFix is (c) 2007 Steve Kamerman and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Project sponsored by Tera Technologies - http://www.teratechnologies.net/
 */
////////////////////////////////////////////////////
////////////  Configurable options  ////////////////
////////////////////////////////////////////////////
var EnableFullAuto	= true; // set this to true and all of your flash objects will be fixed automatically
var SWFFormFixDebug = false; // set this to true to be alerted whenever a flash object is found and fixed
var NotLoadedWarning = true; // set this to true to alert the users when they try to access a function from
							 // the ExternalInterface() that isn't loaded yet
var NotLoadedMsg = "Please wait for the page to load..."; // this is the warning they will see
////////////////////////////////////////////////////
//////////  END Configurable options  //////////////
////////////////////////////////////////////////////
/**
 * Usage:
 * ------------------------------------------------------------
 * There are three ways to use SWFFormFix, FULL AUTO, Auto and Manual mode.
 * To use either method you need to include this file in the 
 * HEAD section of your page like this: 

<script src="swfformfix.js" type="text/javascript"></script>

 * 
 * NOTE: If you want Javascript to call Flash, you need to make
 * a dummy object like follows:
 
window["myFlashObject"] = new Object();

 * Put this line directly above your call to SWFObject().
 * Replace "myFlashObject" with the ID of your object (the 2nd
 * parameter you give to SWFObject() ).  This will prevent your
 * page from dieing with an error like "myFlashObject is undefined".
 * 
 * --> FULL AUTO Mode:
 * This will attempt to find every Flash Movie that you have on
 * the page and apply the fix to each of them as the page loads.
 * It will poll the page for all the objects and determine if it
 * needs to apply the fix to them every 100ms until the page is
 * completely loaded.  All you need to do to use this mode is
 * include the script in the head of your document and set the
 * "EnableFullAuto" directive to true at the top of the script.
 *
 * --> Auto Mode:
 * This will attempt to find every Flash Movie that you have on
 * the page and apply the fix to each of them.  To use auto mode
 * put the following code before the </body> tag. More specifically
 * it needs to be AFTER your last Flash object.

<script type="text/javascript">
// <![CDATA[
	SWFFormFixAuto();
// ]]>
</script>

 * 
 * --> Manual Mode:
 * This lets you fix just a single Flash object if you don't want
 * the auto mode to try to fix every Flash object on the page.
 * This mode is faster than the auto mode and may work better in
 * some situations.  To use manual mode put the following code
 * after the Flash object you want to fix, where "myFlashObject"
 * is the ID of the Flash Object:

Example for normal EMBED style:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="100" id="myFlashObject" align="middle">
<param name="movie" value="myMovie.swf" />
<param name="quality" value="high" />
<embed src="myMovie.swf" quality="high" width="200" height="100" name="myFlashObject" type="application/x-shockwave-flash" />
</object>

<script type="text/javascript">
// <![CDATA[
SWFFormFix("myMovieObjectName");
// ]]>
</script>

Example for SWFObject style:

<div id="flashcontent" style="width:200px;height:100px;">This is replaced by the Flash movie.</div>
<script type="text/javascript">
// <![CDATA[
// Please note that the ID that you need to use for SWFFormFix() is the second argument in SWFObject().
var so = new SWFObject("myMovie.swf", "myFlashObject","200", "100", "6.0.0", "#ffffff");
so.addParam("quality", "high");
so.write("flashcontent");
SWFFormFix("myFlashObject");
// ]]>
</script>

 * 
 * Changelog:
 * ------------------------------------------------------------
 * v2.1
 *   Fixed IE cache bug that prevents JS -> Flash after refresh.  Now SWFFormFix
 *   rebuilds all the ExternalInterface() methods that were inadvertently destroyed.
 * v2.0
 *   Added FULL AUTO mode - just enable it below and include the script!
 *   Special thanks to Geoff Stearns from deconcept and onDOMload by Aaron Barker
 * 
 * v1.0
 *   Added the SWFFormFixAuto() function, very well optimized and fast.
 * 
 * v0.2
 *   Changed helper element from <input> element to hidden <div> element
 *
 * v0.1
 *   Initial release.
 */

finished = false; // this is set to true when the body's onload is called, to stop the script
timeout = 10; // seconds to wait before giving up
starttime = new Date().getTime();
flashObjectList = Array();
fixedList = Array();
makeFuncArr = Array();
SWFFormFixAuto2 = function(){
//alert("running...");
	if(navigator.appName.toLowerCase() != "microsoft internet explorer")return true;
	var flashObjectList = document.getElementsByTagName("object");
	for(var i=0;i<flashObjectList.length;i++){
		var obj = flashObjectList[i];
		// here's all the objects on the page, now lets find the flash objects
		if(obj.getAttribute('classid') == "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"){
			var id = obj.getAttribute('id');
			var alreadyfixed = false;
			for(var c=0;c<fixedList.length;c++){if(fixedList[i] == id)alreadyfixed=true;}
			// this is a flash movie, apply the fix (unless it's already been fixed)
			if(!alreadyfixed){
				var debugtxt = '';
				for(var b in window[id]){
					// ExternalInterface() tried to add some functions to the incorrect object
					if(typeof(window[id][b])=="function"){
						// this function will need to be rebuilt when the page is done loading.
						makeFuncArr.push(Array(obj,b));
						obj[b] = function(){
							if(NotLoadedWarning)alert(NotLoadedMsg);
							return("");
						}
/*
 * it seems like this would work to copy the function, but it doesn't:
 *
 * eval('obj[b]='+window[id][b].toString());
 * 
 * This is the actual function that we're trying to copy:

function () { 
  return eval(instance.CallFunction("<invoke name=\""+name+"\" returntype=\"javascript\">" + __flash__argumentsToXML(arguments,0) + "</invoke>"));
}

 * it will fail if you copy it to the new object though because "instance" and "name" are undefined
 * Here's how to see the actual function def: document.getElementById("txt_debug").value=window[id][b];
 */
					}
				}
				window[id]=obj;
				if(SWFFormFixDebug)alert("Fixed: "+id);
			}
		}
	}
	if(!finished){
		setTimeout("SWFFormFixAuto2()", 100);
	}else{
		for(var i=0;i<makeFuncArr.length;i++){
			// this is executed after the page is loaded - it rebuilds the custom
			// ExternalInterface() functions
			SWFFormFix_rebuildExtFunc(makeFuncArr[i][0],makeFuncArr[i][1]);
		}
	}
	return true;
}
SWFFormFix_rebuildExtFunc = function(obj,functionName){
	eval('obj[functionName] = function(){return eval(this.CallFunction("<invoke name=\\"'+functionName+'\\" returntype=\\"javascript\\">" + __flash__argumentsToXML(arguments,0) + "</invoke>"));}');
	if(SWFFormFixDebug)alert("Rebuilt ExternalInterface() function: "+functionName);
}
SWFFormFixOnloadAppend = function() {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = function(){
			finished=true;
		}
	} else {
		window.onload = function() {
			oldonload();
			finished=true;
		}
	}
}
SWFFormFixAuto = function(){
	if(navigator.appName.toLowerCase() != "microsoft internet explorer")return true;
	var objects = document.getElementsByTagName("object");
	if(objects.length == 0) return true;
	for(i=0;i<objects.length;i++){
		// here's all the objects on the page, now lets find the flash objects
		if(objects[i].classid == "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"){
			// this is a flash movie, apply the fix
			window[objects[i].id] = objects[i];
		}
	}
	var out = "";
	return true;
}
SWFFormFix = function(swfname){
	if(navigator.appName.toLowerCase() != "microsoft internet explorer")return false;
	var testnodename = "SWFFormFixTESTER";
	document.write('<div id="'+testnodename+'" onclick="SWFFormFixCallback(this,\''+swfname+'\');return false;" style="display:none">&nbsp;</div>');
	document.getElementById(testnodename).onclick();
}
SWFFormFixCallback = function (obj,swfname){
	var path = document;
	var error = false;
	var testnode = obj;
	while(obj = obj.parentNode){
		if(obj.nodeName.toLowerCase() == "form"){
			if(obj.name != undefined && obj.name != null && obj.name.length > 0){
				path = path.forms[obj.name];
			}else{
				alert("Error: one of your forms does not have a name!");
				error = true;
			}
		}
	}
	testnode.parentNode.removeChild(testnode);
	if(error) return false;
	window[swfname]=path[swfname];
	return true;
}
function noCacheIE(url){
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	if(!isIE)return(url);
	var newUrl = '?';
	if(url.indexOf('?') != -1)newUrl = '&';
	var now = new Date();
	var rand = Math.random().toString().substring(2,4);
	newUrl = url+newUrl+"noCacheIE="+rand+'-'+now.getTime().toString();
	return(newUrl);
}
if(EnableFullAuto){
	SWFFormFixAuto2();
	SWFFormFixOnloadAppend();
}




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