function $_$(name) {
        return document.getElementById(name);
}

function fetchElementsByClassName(oElm, strTagName, strClassName){
        var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
        var arrReturnElements = new Array();
        strClassName = strClassName.replace(/-/g, "\-");
        //var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
        var oRegExp =   new RegExp("(^|\\s)" + strClassName + "(\\s|$)");

        var oElement;
        for(var i=0; i<arrElements.length; i++){
                oElement = arrElements[i];
                if(oRegExp.test(oElement.className)){
                        arrReturnElements.push(oElement);
                }
        }
        return (arrReturnElements)
}


var VCore = {
        version: '1.1',
         classPath: "/js/classes/",

        initialize: function() {
                document.sTimer = getTimer();
                //EventDispatcher.initialize(this);
                this.outstandingScriptLoads = 0;
                if(window.VCoreClassPath){
                        this.classPath = window.VCoreClassPath;
                }
                this.includes = {};
                this.listeners = new Array();
                this.include("prototype/prototype");
                window.onload = VCore.start;
        },

         idToInstance: {id:[], className:[], tag:[]},
        bindClass: function(classN, name, type){
                if(type=="className") {
                        this.idToInstance.className.push([name, classN]);
                } else if(type == "tag") {
                        this.idToInstance.tag.push([name, classN]);
                } else {
                        this.idToInstance.id.push([name, classN]);
                }
        },

        include: function(lib, root) {
                if(!this.includes[lib]){
                        this.includes[lib] = true;

                        if(VCoreIncludesFromServer) {

                                for(var i=0; i<VCoreIncludesFromServer.length;i++) {
                                        if(VCoreIncludesFromServer[i] == lib) {
                                                return false;
                                        }
                                }
                        }


                        var file = this.classPath + lib + ".js";
                        if(root) {
                                file = "/~io/widsets/web/js/classes/" + lib + ".js";
                        }
                        if(this.hasStarted){
                                this.outstandingScriptLoads += 1;
                                this.ajax = new Ajax.Request(file, {method: "get", onSuccess: this.scriptLoadReady.bindAsEventListener(this), onFailure:this.scriptLoadFailed.bindAsEventListener(this)});
                        } else {
                                document.write('<script type="text/javascript" src="' + file + '"></script>')
                        }
                }
        },

        scriptLoadReady:function(evt){
                this.outstandingScriptLoads --;
        },

        scriptLoadFailed:function(evt){
                this.outstandingScriptLoads --;
        },

        start: function() {
                VCore.doStart();
        },

        windowResize: function(){
                //this.dispatchEvent({type:"onWindowResize", target:this})
        },

        doStart: function() {
                this.hasStarted = true;
                //window.onresize = this.windowResize.bindAsEventListener(this);
                window.onload = null;		
                this.applyClasses();

                //this.dispatchEvent({type:"onLoad", target:this});


                for(i=0; i<this.listeners.length; i++){
                        var list = this.listeners[i];
                        if(list.type=="onLoad"){
                                list.obj[list.func]({type:"onLoad"});
                        }
                }
        },

        addEventListener: function(type, obj, func){
                if(!func){
                        func = type;
                }
                this.listeners.push({type:type, obj:obj, func:func})
        },


        expensive: function(){
                if(Tweener){
                        Tweener.onEnterFrame();
                }
        },


        applyClasses: function(el){
                if(!el){
                        el = document.body;
                }
                this.applyPNGFilters(el);

                var newInstances = new Array();

                // Bind classNames to instances

        // OLD

        /*
                for(var i=0; i<this.idToInstance.className.length;i++){
                        var obj = document.getElementsByClassName(this.idToInstance.className[i][0], el);
                        for(var j=0; j<obj.length;j++){
                                newInstances.push(new this.idToInstance.className[i][1](obj[j]));
                        }
                }
                */

                var classRegex = [];
                var regex = "";
                for(var i=0; i<this.idToInstance.className.length;i++){
                        regex += this.idToInstance.className[i][0] + "|";
                        classRegex.push(new RegExp("(^|\\s)" + this.idToInstance.className[i][0] + "(\\s|$)"));
                }

                var t = getTimer();

                regex = regex.substring(0, regex.length-1);
                regex = new RegExp(regex);
                var obj = el.getElementsByTagName('*');

                for(var i=0; i<obj.length;i++){
                        if(regex.test(obj[i].className)) {
                                for(var j=0; j<this.idToInstance.className.length;j++){
                                        if(obj[i].className.indexOf(this.idToInstance.className[j][0]) != -1){
                                                if(classRegex[j].test(obj[i].className)) {
                                                        newInstances.push(new this.idToInstance.className[j][1](obj[i]));
                                                }
                                        }
                                }
                        }
                }

                //alert(getTimer()-t);

                // Bind tags to instances
                for(var i=0; i<this.idToInstance.tag.length; i++){
                        allNodes = getAllNamedSubNodes(el, this.idToInstance.tag[i][0]);
                        for(var j = 0; j < allNodes.length; j++) {
                                newInstances.push(new this.idToInstance.tag[i][1]( allNodes[j] ));
                        }
                }

                // Bind ID's to instances

                for(var i=0; i<this.idToInstance.id.length; i++){
                        if( document.getElementById(this.idToInstance.id[i][0]) ) {
                                if(!document.getElementById(this.idToInstance.id[i][0]).v) {
                                        newInstances.push(new this.idToInstance.id[i][1]( document.getElementById(this.idToInstance.id[i][0]) ));
                                }
                        }
                }

                for(var i=0; i<newInstances.length;i++){
                        if(newInstances[i].onLoad) {
                                newInstances[i].onLoad();
                        }
                }
        },

        applyPNGFilters: function(el) {
		return;
                // Change PNG:s to Filters on IE		
                if(document.all && window.external && window.ActiveXObject && typeof document.body.style.maxHeight == "undefined"){			
                        is = el.getElementsByTagName('IMG');
                        for(x=0; x<is.length; x++){
                                if(is[x].src.indexOf('.png')!=-1 || is[x].src.indexOf('.res')!=-1){
                                        is[x].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+is[x].src+"', sizingMethod='scale')";
                                        if (is[x].src.indexOf(document.domain) > -1)
                                                is[x].src = "/images/inviso.gif";
                                                //is[x].src.substring(0, is[x].src.indexOf("/images/")) + "/images/inviso.gif";
                                }
                        }
                }
        }
}


var Browser = {
        init: function (){
                this.name = "";
                var browsers = ["msie", "safari", "opera", "firefox"];
                var agent = navigator.userAgent.toLowerCase();
                for(var i=0;i<browsers.length;i++){
                        if(agent.indexOf(browsers[i])!=-1){
                                this.name = browsers[i];
                        }
                }
        }
}
Browser.init();


/*********** TagClass ************/

var TagClass = {
        objects: [],

        create: function(ot, autoBind) {
                var newClass = function() {

                        EventDispatcher.initialize(this);
                        TagClass.objects.push(this);

                        this.element = arguments[0];
                        this.element.v = this;
                        this.element.objectType = ot;
                        this.attr = {};

                        cel = this.element.nextSibling;


                        if(cel){
                                if(cel.nodeName.toLowerCase() == "#text")
                                        cel = cel.nextSibling;
                                if(cel && cel.nodeName.toLowerCase() != "input")
                                        cel = false;
                        }

                        if(!cel)
                                var cel = this.element.childNodes[0];
                        if(cel){
                                if(cel.nodeName.toLowerCase()=="#text")
                                        cel = cel.nextSibling;
                        }

                        if(cel){
                                if(cel.nodeName.toLowerCase() == "input" && cel.value){
                                        this.attr = cel.value.toParameters();
                                }
                        }

                        if(this.defaults){
                                for(attr in this.defaults){
                                        if(this.attr[attr]) {
                                                switch((typeof(this.defaults[attr]) + "").toLowerCase() ){
                                                        case("boolean"): this.attr[attr] = this.attr[attr] == "false" ? false : true; break;
                                                        case("number"): this.attr[attr] = Number(this.attr[attr]); break;
                                                        case("object"): this.attr[attr] = eval(this.attr[attr]); break;
                                                }
                                        } else {
                                                this.attr[attr] = this.defaults[attr];
                                        }
                                }
                        }

                        this.initialize.apply(this, arguments);

    }

                if(autoBind){
                        if(autoBind.className) {
                                VCore.bindClass(newClass, autoBind.className, "className");
                        }
                        if(autoBind.id) {
                                VCore.bindClass(newClass, autoBind.id, "id");
                        }
                        if(autoBind.tag) {
                                VCore.bindClass(newClass, autoBind.tag, "tag");
                        }
                }
                return newClass;
  }
}

window.onunload = function(){
        // Needs optimization
        if(Browser.name == "msie") {
                for(var i=TagClass.objects.length-1; i>=0; i--){
                        VCore = null;
                        var obj = TagClass.objects[i];
                        obj._listeners = null;
                        TagClass.objects.splice(i,1);
                        obj.element.v = null;
                        delete obj
                        obj = null;
                }

                var alltags = document.getElementsByTagName("*");

                for(var i=0;i<alltags.length;i++){
                        var t = alltags[i];
                                t.onclick = t.onchange = t.onmouseover = t.onselectstart = t.ondragstart = t.onmousedown = t.onmouseout = t.onmouseup =
                                t.ondblclick = t.mousemove = t.onfocus = t.onblur = t.onkeyup = t.onkeydown =t.onselect = t.onsubmit = t.ondrag = t.ondrop = null;
                }

        }
}




/************* EventDispatcher ******************/


EventDispatcher = {
        initialize : function(obj){
                obj._listeners = new Array();

                obj.addEventListener = function(evt, listener, func){
                        if(!func){
                                func = evt;
                        }
                        this._listeners.push({evt:evt, listener:listener, func:func})
                }
                obj.dispatchEvent = function(evt, obj){
                        var t = evt.type;
                        var ret = new Array();
                        var doStop = false;
                        for(var i=0; i<this._listeners.length; i++){
                                var l = this._listeners[i];
                                if(l.evt == t && (!obj || obj == l.listener)){
                                        var ret = l.listener[l.func](evt);
                                        if(ret) {
                                                doStop = true;
                                        }
                                }
                        }
                        return !doStop;
                },

                obj.removeEventListener = function(evt, listener){
                        for(var i=this._listeners.length-1; i>=0; i--){
                                var l = this._listeners[i];
                                if((l.evt == evt || evt == null) && l.listener == listener){
                                        this._listeners.splice(i,1);
                                }
                        }
                },
                obj.removeAllEventListeners = function(listener){
                        this.removeEventListener(null, listener);
                }
        }
}


/********** Utlis ************/

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+$/,"");
}

String.prototype.toParameters = function(s,vs){

        a = "test:test;kiva:ki;;va"

        var sep = ";";
        var valsep = ":";
        var lastprop = 0;


        if(s) {
                sep = s;
                valsep = vs;
        }

        var par = {}
        var prop = this.split(sep);

        for(var i=0;i<prop.length;i++){
                var cprop = prop[i].split(valsep);
                if(cprop.length==2){
                        lastprop = cprop[0];
                        par[cprop[0]] = cprop[1];
                } else if(lastprop){
                        // ; error
                        par[lastprop] += ";" + cprop[0];
                }
        }
        return par;
}



function getSubNode(element, name){
        element = $(element);

        //if( $(element.parentNode).className == 'frontpageWidgetRec' || $(element.parentNode).className == 'FrontPageWidgetRec')alert(element.className);
        if(typeof name == "string"){
                name = name.toLowerCase();
                name = name.split(".");
        }

        var fn = name.shift().split("#");
        var cnt = fn.length==2 ? fn[1]: 1;
        fn = fn[0];
        for(var i=0;i<element.childNodes.length;i++){
                var n = element.childNodes[i];
                if(n.nodeName.toLowerCase() == fn){
                        cnt--;
                        if(cnt==0){
                                if(name.length==0){
                                        return n;
                                } else {
                                        return getSubNode(n, name);
                                }
                        }
                }
        }
}

function getAllSubNodes(element, arr){
        element = $(element);
        if(!arr){
                arr = new Array();
        }
        for(var i=0;i<element.childNodes.length;i++){
                var n = element.childNodes[i];
                if(n.nodeName.toLowerCase() != "#text"){
                        arr.push(n);
                        if(n.childNodes.length){
                                getAllSubNodes(n, arr);
                        }
                }
        }
        return arr;
}

function getAllNamedSubNodes(element, name, arr, norecursion){
        element = $(element);
        if(!arr){
                arr = new Array();
        }
        for(var i=0;i<element.childNodes.length;i++){
                var n = element.childNodes[i];
                if(n.nodeName.toLowerCase() == name){
                        arr.push(n);
                }
                if(n.childNodes.length && !norecursion){
                        getAllNamedSubNodes(n, name, arr);
                }
        }
        return arr;
}


VCore.initialize();
/*
<%@page pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<fmt:setLocale value="${locale}" />
<fmt:bundle basename="WidSets_web" prefix="JavaScript.">
*/


var locale = {
        library_widget_picked : "<fmt:message key='library_widget_picked'/>",
        library_error_occured : "<fmt:message key='library_error_occured'/>",
        library_most_popular : "<fmt:message key='library_most_popular'/>",
        library_latest_widgets : "<fmt:message key='library_latest_widgets'/>",
        library_top_rated : "<fmt:message key='library_top_rated'/>",
        library_all_widgets : "<fmt:message key='library_all_widgets'/>",

        widgetTotalCount : "<fmt:message key='widgetTotalCount'/>",

        general_error_occured : "<fmt:message key='general_error_occured'/>",
        general_ajax_error : "<fmt:message key='general_ajax_error'/>",

        rate_1_title : "<fmt:message key='rate_1_title'/>",
        rate_1_content : "<fmt:message key='rate_1_content'/>",
        rate_2_title : "<fmt:message key='rate_2_title'/>",
        rate_2_content : "<fmt:message key='rate_2_content'/>",
        rate_3_title : "<fmt:message key='rate_3_title'/>",
        rate_3_content : "<fmt:message key='rate_3_content'/>",
        rate_4_title : "<fmt:message key='rate_4_title'/>",
        rate_4_content : "<fmt:message key='rate_4_content'/>",
        rate_5_title : "<fmt:message key='rate_5_title'/>",
        rate_5_content : "<fmt:message key='rate_5_content'/>",

        library_search_notfound : "<fmt:message key='library_search_notfound'/>",
        library_report_title : "<fmt:message key='library_report_title'/>",
        library_report_content : "<fmt:message key='library_report_content'/>",
        library_results_for : "<fmt:message key='library_results_for'/>",
        library_library : "<fmt:message key='library_library'/>",
        library_tag : "<fmt:message key='library_tag'/>",

        studio_grid_large_image : "<fmt:message key='studio_grid_large_image'/>",
        studio_no_bkg : "<fmt:message key='studio_no_bkg'/>",

        studio_save_error : "<fmt:message key='studio_save_error'/>",
        studio_variable_id: "<fmt:message key='studio_variable_id'/>",
        studio_variable_id_exists: "<fmt:message key='studio_variable_id_exists'/>",
        studio_variable_name : "<fmt:message key='studio_variable_name'/>",
        studio_variable_value : "<fmt:message key='studio_variable_value'/>",
        studio_option_inuse : "<fmt:message key='studio_option_inuse'/>",
        studio_file_upload_error: "<fmt:message key='studio_file_upload_error'/>",
        studio_resource_upload_error : "<fmt:message key='studio_resource_upload_error'/>",

        studio_resource_inuse : "<fmt:message key='studio_resource_inuse'/>",
        studio_resourcename_inuse : "<fmt:message key='studio_resourcename_inuse'/>",
        studio_resource_name : "<fmt:message key='studio_resource_name'/>",

        studio_resource : "<fmt:message key='studio_resource'/>",
        studio_width : "<fmt:message key='studio_width'/>",
        studio_height : "<fmt:message key='studio_height'/>",
        studio_size : "<fmt:message key='studio_size'/>",

        studio_resource_cantrename : "<fmt:message key='studio_resource_cantrename'/>",
        studio_resource_inuse_layout : "<fmt:message key='studio_resource_inuse_layout'/>",
        studio_resource_cantrename_option : "<fmt:message key='studio_resource_cantrename_option'/>",
        studio_webicon : "<fmt:message key='studio_webicon'/>",
        studio_minpreview : "<fmt:message key='studio_minpreview'/>",
        studio_maxpreview : "<fmt:message key='studio_maxpreview'/>",


        profile_connected : "<fmt:message key='profile_connected'/>",
        profile_disconnected : "<fmt:message key='profile_disconnected'/>",
        profile_traffic : "<fmt:message key='profile_traffic'/>",
        profile_new : "<fmt:message key='profile_new'/>",
        profile_phoneupdate_error : "<fmt:message key='profile_phoneupdate_error'/>",
        profile_login_error : "<fmt:message key='profile_login_error'/>",

        bookmarks_delete_error : "<fmt:message key='bookmarks_delete_error'/>",


        db_changes_saved : "<fmt:message key='db_changes_saved'/>",
        db_outofsync : "<fmt:message key='db_outofsync'/>",
        db_outofsync_note : "<fmt:message key='db_outofsync_note'/>",
        db_corrupt : "<fmt:message key='db_corrupt'/>",
        db_corrupt_note : "<fmt:message key='db_corrupt_note'/>",
        db_save_error : "<fmt:message key='db_save_error'/>",
        db_saving : "<fmt:message key='db_saving'/>",

        publishedwidgets_ajax_error : "<fmt:message key='publishedwidgets_ajax_error'/>",

        install_captcha_error : "<fmt:message key='install_captcha_error'/>",
        install_sms_max_error : "<fmt:message key='install_sms_max_error'/>",
        install_sms_error : "<fmt:message key='install_sms_error'/>",
        install_usernameexists: "<fmt:message key='install_usernameexists'/>",
        install_entervalidusername: "<fmt:message key='install_entervalidusername'/>",

        frontpage_too_many_widgets : "<fmt:message key='frontpage_too_many_widgets'/>",
        frontpage_widgets_selected : "<fmt:message key='frontpage_widgets_selected'/>",
        frontpage_nojava : "<fmt:message key='frontpage_nojava'/>",

        frontpage_devicesupport_noresults : "<fmt:message key='frontpage_devicesupport_noresults'/>",
        frontpage_devicesupport_devicesfound : "<fmt:message key='frontpage_devicesupport_devicesfound'/>",
        frontpage_devicesupport_back : "<fmt:message key='frontpage_devicesupport_back'/>",

        misc_processing : "<fmt:message key='misc_processing'/>",

        login_incorrect : "<fmt:message key='login_incorrect'/>",
        login_secure : "<fmt:message key='login_secure'/>",


        replace: function(){
                var key = arguments[0];
                for(var i=1; i<arguments.length; i++) {
                        var needle = "{" + (i-1) + "}";
                        key = key.replace(needle, arguments[i]);
                }
                return key;
        }
}

/* </fmt:bundle> */

/*  Prototype JavaScript framework, version 1.5.1
 *  (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.5.1',

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

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

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

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

var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}

var Abstract = new Object();

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.ownerDocument === document) 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(', ') + '}';
  },

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

Function.prototype.bind = function() {
  var __method = this, args = $A(arguments), object = args.shift();
  return function() {
    return __method.apply(object, args.concat($A(arguments)));
  }
}

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

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

Date.prototype.toJSON = function() {
  return '"' + this.getFullYear() + '-' +
    (this.getMonth() + 1).toPaddedString(2) + '-' +
    this.getDate().toPaddedString(2) + 'T' +
    this.getHours().toPaddedString(2) + ':' +
    this.getMinutes().toPaddedString(2) + ':' +
    this.getSeconds().toPaddedString(2) + '"';
};

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

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

var PeriodicalExecuter = Class.create();
PeriodicalExecuter.prototype = {
  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);
  },

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

  onTimerEvent: function() {
    if (!this.currentlyExecuting) {
      try {
        this.currentlyExecuting = true;
        this.callback(this);
      } 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 this;
  },

  truncate: function(length, truncation) {
    length = length || 30;
    truncation = truncation === undefined ? '...' : truncation;
    return this.length > length ?
      this.slice(0, length - truncation.length) + truncation : 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 = document.createElement('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 (hash[key].constructor != Array) 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) {
    var result = '';
    for (var i = 0; i < count; i++) result += this;
    return result;
  },

  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}');
  },

  evalJSON: function(sanitize) {
    var json = this.unfilterJSON();
    try {
      if (!sanitize || (/^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/.test(json)))
        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);
  }
});

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 (typeof replacement == 'function') 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();
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;
Template.prototype = {
  initialize: function(template, pattern) {
    this.template = template.toString();
    this.pattern  = pattern || Template.Pattern;
  },

  evaluate: function(object) {
    return this.template.gsub(this.pattern, function(match) {
      var before = match[1];
      if (before == '\\') return match[2];
      return before + String.interpret(object[match[3]]);
    });
  }
}

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

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

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

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

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

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

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

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

  grep: function(pattern, iterator) {
    var results = [];
    this.each(function(value, index) {
      var stringValue = value.toString();
      if (stringValue.match(pattern))
        results.push((iterator || Prototype.K)(value, index));
    })
    return results;
  },

  include: function(object) {
    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) {
    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) {
    var result;
    this.each(function(value, index) {
      value = (iterator || Prototype.K)(value, index);
      if (result == undefined || value >= result)
        result = value;
    });
    return result;
  },

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

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

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

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

  sortBy: function(iterator) {
    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 (typeof args.last() == 'function')
      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,
  member:  Enumerable.include,
  entries: Enumerable.toArray
});
var $A = Array.from = function(iterable) {
  if (!iterable) return [];
  if (iterable.toArray) {
    return iterable.toArray();
  } else {
    var results = [];
    for (var i = 0, length = iterable.length; i < length; i++)
      results.push(iterable[i]);
    return results;
  }
}

if (Prototype.Browser.WebKit) {
  $A = Array.from = function(iterable) {
    if (!iterable) return [];
    if (!(typeof iterable == 'function' && iterable == '[object NodeList]') &&
      iterable.toArray) {
      return iterable.toArray();
    } else {
      var results = [];
      for (var i = 0, length = iterable.length; i < length; i++)
        results.push(iterable[i]);
      return results;
    }
  }
}

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(value && value.constructor == Array ?
        value.flatten() : [value]);
    });
  },

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

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

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

  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(', ') + ']';
  }
});

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

function $w(string) {
  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 (arguments[i].constructor == Array) {
        for (var j = 0, arrayLength = arguments[i].length; j < arrayLength; j++)
          array.push(arguments[i][j]);
      } else {
        array.push(arguments[i]);
      }
    }
    return array;
  }
}
var Hash = function(object) {
  if (object instanceof Hash) this.merge(object);
  else Object.extend(this, object || {});
};

Object.extend(Hash, {
  toQueryString: function(obj) {
    var parts = [];
    parts.add = arguments.callee.addPair;

    this.prototype._each.call(obj, function(pair) {
      if (!pair.key) return;
      var value = pair.value;

      if (value && typeof value == 'object') {
        if (value.constructor == Array) value.each(function(value) {
          parts.add(pair.key, value);
        });
        return;
      }
      parts.add(pair.key, value);
    });

    return parts.join('&');
  },

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

Hash.toQueryString.addPair = function(key, value, prefix) {
  key = encodeURIComponent(key);
  if (value === undefined) this.push(key);
  else this.push(key + '=' + (value == null ? '' : encodeURIComponent(value)));
}

Object.extend(Hash.prototype, Enumerable);
Object.extend(Hash.prototype, {
  _each: function(iterator) {
    for (var key in this) {
      var value = this[key];
      if (value && value == Hash.prototype[key]) continue;

      var pair = [key, value];
      pair.key = key;
      pair.value = value;
      iterator(pair);
    }
  },

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

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

  merge: function(hash) {
    return $H(hash).inject(this, function(mergedHash, pair) {
      mergedHash[pair.key] = pair.value;
      return mergedHash;
    });
  },

  remove: function() {
    var result;
    for(var i = 0, length = arguments.length; i < length; i++) {
      var value = this[arguments[i]];
      if (value !== undefined){
        if (result === undefined) result = value;
        else {
          if (result.constructor != Array) result = [result];
          result.push(value)
        }
      }
      delete this[arguments[i]];
    }
    return result;
  },

  toQueryString: function() {
    return Hash.toQueryString(this);
  },

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

  toJSON: function() {
    return Hash.toJSON(this);
  }
});

function $H(object) {
  if (object instanceof Hash) return object;
  return new Hash(object);
};

// Safari iterates over shadowed properties
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;
}()) Hash.prototype._each = function(iterator) {
  var cache = [];
  for (var key in this) {
    var value = this[key];
    if ((value && value == Hash.prototype[key]) || cache.include(key)) continue;
    cache.push(key);
    var pair = [key, value];
    pair.key = key;
    pair.value = value;
    iterator(pair);
  }
};
ObjectRange = Class.create();
Object.extend(ObjectRange.prototype, Enumerable);
Object.extend(ObjectRange.prototype, {
  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 (typeof responder[callback] == 'function') {
        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 = function() {};
Ajax.Base.prototype = {
  setOptions: function(options) {
    this.options = {
      method:       'post',
      asynchronous: true,
      contentType:  'application/x-www-form-urlencoded',
      encoding:     'UTF-8',
      parameters:   ''
    }
    Object.extend(this.options, options || {});

    this.options.method = this.options.method.toLowerCase();
    if (typeof this.options.parameters == 'string')
      this.options.parameters = this.options.parameters.toQueryParams();
  }
}

Ajax.Request = Class.create();
Ajax.Request.Events =
  ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];

Ajax.Request.prototype = Object.extend(new Ajax.Base(), {
  _complete: false,

  initialize: function(url, options) {
    this.transport = Ajax.getTransport();
    this.setOptions(options);
    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 = Hash.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 {
      if (this.options.onCreate) this.options.onCreate(this.transport);
      Ajax.Responders.dispatch('onCreate', this, this.transport);

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

      if (this.options.asynchronous)
        setTimeout(function() { this.respondToReadyState(1) }.bind(this), 10);

      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 (typeof extras.push == 'function')
        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() {
    return !this.transport.status
        || (this.transport.status >= 200 && this.transport.status < 300);
  },

  respondToReadyState: function(readyState) {
    var state = Ajax.Request.Events[readyState];
    var transport = this.transport, json = this.evalJSON();

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

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

    try {
      (this.options['on' + state] || Prototype.emptyFunction)(transport, json);
      Ajax.Responders.dispatch('on' + state, this, transport, json);
    } 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 }
  },

  evalJSON: function() {
    try {
      var json = this.getHeader('X-JSON');
      return json ? json.evalJSON() : null;
    } catch (e) { return null }
  },

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

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

Ajax.Updater = Class.create();

Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {
  initialize: function(container, url, options) {
    this.container = {
      success: (container.success || container),
      failure: (container.failure || (container.success ? null : container))
    }

    this.transport = Ajax.getTransport();
    this.setOptions(options);

    var onComplete = this.options.onComplete || Prototype.emptyFunction;
    this.options.onComplete = (function(transport, param) {
      this.updateContent();
      onComplete(transport, param);
    }).bind(this);

    this.request(url);
  },

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

    if (!this.options.evalScripts) response = response.stripScripts();

    if (receiver = $(receiver)) {
      if (this.options.insertion)
        new this.options.insertion(receiver, response);
      else
        receiver.update(response);
    }

    if (this.success()) {
      if (this.onComplete)
        setTimeout(this.onComplete.bind(this), 10);
    }
  }
});

Ajax.PeriodicalUpdater = Class.create();
Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), {
  initialize: function(container, url, options) {
    this.setOptions(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(request) {
    if (this.options.decay) {
      this.decay = (request.responseText == this.lastText ?
        this.decay * this.options.decay : 1);

      this.lastText = request.responseText;
    }
    this.timer = setTimeout(this.onTimerEvent.bind(this),
      this.decay * this.frequency * 1000);
  },

  onTimerEvent: function() {
    this.updater = new Ajax.Updater(this.container, this.url, this.options);
  }
});
function $(element) {
  //return document.getElementById(element);
        if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (typeof element == 'string')
    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(query.snapshotItem(i));
    return results;
  };

  document.getElementsByClassName = function(className, parentElement) {
    var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";
    return document._getElementsByXPath(q, parentElement);
  }

} else document.getElementsByClassName = function(className, parentElement) {
  var children = ($(parentElement) || document.body).getElementsByTagName('*');
  var elements = [], child;
  for (var i = 0, length = children.length; i < length; i++) {
    child = children[i];
    if (Element.hasClassName(child, className))
      elements.push(Element.extend(child));
  }
  return elements;
};

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

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

Element.extend = function(element) {
  var F = Prototype.BrowserFeatures;
  if (!element || !element.tagName || element.nodeType == 3 ||
   element._extended || F.SpecificElementExtensions || element == window)
    return element;

  var methods = {}, tagName = element.tagName, cache = Element.extend.cache,
   T = Element.Methods.ByTag;

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

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

  for (var property in methods) {
    var value = methods[property];
    if (typeof value == 'function' && !(property in element))
      element[property] = cache.findOrStore(value);
  }

  element._extended = Prototype.emptyFunction;
  return element;
};

Element.extend.cache = {
  findOrStore: function(value) {
    return this[value] = this[value] || function() {
      return value.apply(null, [this].concat($A(arguments)));
    }
  }
};

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, html) {
    html = typeof html == 'undefined' ? '' : html.toString();
    $(element).innerHTML = html.stripScripts();
    setTimeout(function() {html.evalScripts()}, 10);
    return element;
  },

  replace: function(element, html) {
    element = $(element);
    html = typeof html == 'undefined' ? '' : html.toString();
    if (element.outerHTML) {
      element.outerHTML = html.stripScripts();
    } else {
      var range = element.ownerDocument.createRange();
      range.selectNodeContents(element);
      element.parentNode.replaceChild(
        range.createContextualFragment(html.stripScripts()), element);
    }
    setTimeout(function() {html.evalScripts()}, 10);
    return element;
  },

  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 (typeof selector == 'string')
      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];
  },

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

  getElementsByClassName: function(element, className) {
    return document.getElementsByClassName(className, element);
  },

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

  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;
    if (elementClassName.length == 0) return false;
    if (elementClassName == className ||
        elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
      return true;
    return false;
  },

  addClassName: function(element, className) {
    if (!(element = $(element))) return;
    Element.classNames(element).add(className);
    return element;
  },

  removeClassName: function(element, className) {
    if (!(element = $(element))) return;
    Element.classNames(element).remove(className);
    return element;
  },

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

  observe: function() {
    Event.observe.apply(Event, arguments);
    return $A(arguments).first();
  },

  stopObserving: function() {
    Event.stopObserving.apply(Event, arguments);
    return $A(arguments).first();
  },

  // 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);
    while (element = element.parentNode)
      if (element == ancestor) return true;
    return false;
  },

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

  getStyle: function(element, style) {
    element = $(element);
    style = style == 'float' ? 'cssFloat' : style.camelize();
    if(element){
        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, camelized) {
    element = $(element);
    if(element){
        var elementStyle = element.style;

        for (var property in styles)
        if (property == 'opacity') element.setOpacity(styles[property])
        else
        elementStyle[(property == 'float' || property == 'cssFloat') ?
        (elementStyle.styleFloat === undefined ? 'cssFloat' : 'styleFloat') :
        (camelized ? property : property.camelize())] = styles[property];

        return element;
    }
    return false;
  },

  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.style.overflow || 'auto';
    if ((Element.getStyle(element, 'overflow') || 'visible') != '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;
  }
};

Object.extend(Element.Methods, {
  childOf: Element.Methods.descendantOf,
  childElements: Element.Methods.immediateDescendants
});

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);
    }
  };
}
else if (Prototype.Browser.IE) {
  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) {
    element = $(element);
    var filter = element.getStyle('filter'), style = element.style;
    if (value == 1 || value === '') {
      style.filter = filter.replace(/alpha\([^\)]*\)/gi,'');
      return element;
    } else if (value < 0.00001) value = 0;
    style.filter = filter.replace(/alpha\([^\)]*\)/gi, '') +
      'alpha(opacity=' + (value * 100) + ')';
    return element;
  };

  // IE is missing .innerHTML support for TABLE-related elements
  Element.Methods.update = function(element, html) {
    element = $(element);
    html = typeof html == 'undefined' ? '' : html.toString();
    var tagName = element.tagName.toUpperCase();
    if (['THEAD','TBODY','TR','TD'].include(tagName)) {
      var div = document.createElement('div');
      switch (tagName) {
        case 'THEAD':
        case 'TBODY':
          div.innerHTML = '<table><tbody>' +  html.stripScripts() + '</tbody></table>';
          depth = 2;
          break;
        case 'TR':
          div.innerHTML = '<table><tbody><tr>' +  html.stripScripts() + '</tr></tbody></table>';
          depth = 3;
          break;
        case 'TD':
          div.innerHTML = '<table><tbody><tr><td>' +  html.stripScripts() + '</td></tr></tbody></table>';
          depth = 4;
      }
      $A(element.childNodes).each(function(node) { element.removeChild(node) });
      depth.times(function() { div = div.firstChild });
      $A(div.childNodes).each(function(node) { element.appendChild(node) });
    } else {
      element.innerHTML = html.stripScripts();
    }
    setTimeout(function() { html.evalScripts() }, 10);
    return element;
  }
}
else if (Prototype.Browser.Gecko) {
  Element.Methods.setOpacity = function(element, value) {
    element = $(element);
    element.style.opacity = (value == 1) ? 0.999999 :
      (value === '') ? '' : (value < 0.00001) ? 0 : value;
    return element;
  };
}

Element._attributeTranslations = {
  names: {
    colspan:   "colSpan",
    rowspan:   "rowSpan",
    valign:    "vAlign",
    datetime:  "dateTime",
    accesskey: "accessKey",
    tabindex:  "tabIndex",
    enctype:   "encType",
    maxlength: "maxLength",
    readonly:  "readOnly",
    longdesc:  "longDesc"
  },
  values: {
    _getAttr: function(element, attribute) {
      return element.getAttribute(attribute, 2);
    },
    _flag: function(element, attribute) {
      return $(element).hasAttribute(attribute) ? attribute : null;
    },
    style: function(element) {
      return element.style.cssText.toLowerCase();
    },
    title: function(element) {
      var node = element.getAttributeNode('title');
      return node.specified ? node.nodeValue : null;
    }
  }
};

(function() {
  Object.extend(this, {
    href: this._getAttr,
    src:  this._getAttr,
    type: this._getAttr,
    disabled: this._flag,
    checked:  this._flag,
    readonly: this._flag,
    multiple: this._flag
  });
}).call(Element._attributeTranslations.values);

Element.Methods.Simulated = {
  hasAttribute: function(element, attribute) {
    var t = Element._attributeTranslations, node;
    attribute = t.names[attribute] || attribute;
    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.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 (tagName.constructor == Array) 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;
    var cache = Element.extend.cache;
    for (var property in methods) {
      var value = methods[property];
      if (!onlyIfAbsent || !(property in destination))
        destination[property] = cache.findOrStore(value);
    }
  }

  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 (typeof klass == "undefined") continue;
      copy(T[tag], klass.prototype);
    }
  }

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

var Toggle = { display: Element.toggle };

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

Abstract.Insertion = function(adjacency) {
  this.adjacency = adjacency;
}

Abstract.Insertion.prototype = {
  initialize: function(element, content) {
    this.element = $(element);
    this.content = content.stripScripts();

    if (this.adjacency && this.element.insertAdjacentHTML) {
      try {
        this.element.insertAdjacentHTML(this.adjacency, this.content);
      } catch (e) {
        var tagName = this.element.tagName.toUpperCase();
        if (['TBODY', 'TR'].include(tagName)) {
          this.insertContent(this.contentFromAnonymousTable());
        } else {
          throw e;
        }
      }
    } else {
      this.range = this.element.ownerDocument.createRange();
      if (this.initializeRange) this.initializeRange();
      this.insertContent([this.range.createContextualFragment(this.content)]);
    }

    setTimeout(function() {content.evalScripts()}, 10);
  },

  contentFromAnonymousTable: function() {
    var div = document.createElement('div');
    div.innerHTML = '<table><tbody>' + this.content + '</tbody></table>';
    return $A(div.childNodes[0].childNodes[0].childNodes);
  }
}

var Insertion = new Object();

Insertion.Before = Class.create();
Insertion.Before.prototype = Object.extend(new Abstract.Insertion('beforeBegin'), {
  initializeRange: function() {
    this.range.setStartBefore(this.element);
  },

  insertContent: function(fragments) {
    fragments.each((function(fragment) {
      this.element.parentNode.insertBefore(fragment, this.element);
    }).bind(this));
  }
});

Insertion.Top = Class.create();
Insertion.Top.prototype = Object.extend(new Abstract.Insertion('afterBegin'), {
  initializeRange: function() {
    this.range.selectNodeContents(this.element);
    this.range.collapse(true);
  },

  insertContent: function(fragments) {
    fragments.reverse(false).each((function(fragment) {
      this.element.insertBefore(fragment, this.element.firstChild);
    }).bind(this));
  }
});

Insertion.Bottom = Class.create();
Insertion.Bottom.prototype = Object.extend(new Abstract.Insertion('beforeEnd'), {
  initializeRange: function() {
    this.range.selectNodeContents(this.element);
    this.range.collapse(this.element);
  },

  insertContent: function(fragments) {
    fragments.each((function(fragment) {
      this.element.appendChild(fragment);
    }).bind(this));
  }
});

Insertion.After = Class.create();
Insertion.After.prototype = Object.extend(new Abstract.Insertion('afterEnd'), {
  initializeRange: function() {
    this.range.setStartAfter(this.element);
  },

  insertContent: function(fragments) {
    fragments.each((function(fragment) {
      this.element.parentNode.insertBefore(fragment,
        this.element.nextSibling);
    }).bind(this));
  }
});

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

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);
/* Portions of the Selector class are derived from Jack Slocuma^??s DomQuery,
 * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style
 * license.  Please see http://www.yui-ext.com/ for more information. */

var Selector = Class.create();

Selector.prototype = {
  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-]*?:/).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(typeof c[i] == 'function' ? 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(typeof x[i] == 'function' ? 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) {
    return this.findElements(document).include(element);
  },

  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 (typeof h === 'function') 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 = typeof x[i] == 'function' ? 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|([^'"][^\]]*?)))?\]/
  },

  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--) {
          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 (!nodes && root == document) return targetNode ? [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) {
      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 (typeof expression == 'number') {
      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, getHash) {
    var data = elements.inject({}, function(result, element) {
      if (!element.disabled && element.name) {
        var key = element.name, value = $(element).getValue();
        if (value != null) {
                 if (key in result) {
            if (result[key].constructor != Array) result[key] = [result[key]];
            result[key].push(value);
          }
          else result[key] = value;
        }
      }
      return result;
    });

    return getHash ? data : Hash.toQueryString(data);
  }
};

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

  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) {
    return $(form).getElements().find(function(element) {
      return element.type != 'hidden' && !element.disabled &&
        ['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;
    options.parameters = form.serialize(true);

    if (params) {
      if (typeof params == 'string') params = params.toQueryParams();
      Object.extend(options.parameters, params);
    }

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

    return new Ajax.Request(form.readAttribute('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 Hash.toQueryString(pair);
      }
    }
    return '';
  },

  getValue: function(element) {
    element = $(element);
    var method = element.tagName.toLowerCase();
    return Form.Element.Serializers[method](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) {
    switch (element.type.toLowerCase()) {
      case 'checkbox':
      case 'radio':
        return Form.Element.Serializers.inputSelector(element);
      default:
        return Form.Element.Serializers.textarea(element);
    }
  },

  inputSelector: function(element) {
    return element.checked ? element.value : null;
  },

  textarea: function(element) {
    return element.value;
  },

  select: function(element) {
    return this[element.type == 'select-one' ?
      'selectOne' : 'selectMany'](element);
  },

  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 = function() {}
Abstract.TimedObserver.prototype = {
  initialize: function(element, frequency, callback) {
    this.frequency = frequency;
    this.element   = $(element);
    this.callback  = callback;

    this.lastValue = this.getValue();
    this.registerCallback();
  },

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

  onTimerEvent: function() {
    var value = this.getValue();
    var changed = ('string' == typeof this.lastValue && 'string' == typeof value
      ? this.lastValue != value : String(this.lastValue) != String(value));
    if (changed) {
      this.callback(this.element, value);
      this.lastValue = value;
    }
  }
}

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

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

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

Abstract.EventObserver = function() {}
Abstract.EventObserver.prototype = {
  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.bind(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();
Form.Element.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
  getValue: function() {
    return Form.Element.getValue(this.element);
  }
});

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

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,

  element: function(event) {
    return $(event.target || event.srcElement);
  },

  isLeftClick: function(event) {
    return (((event.which) && (event.which == 1)) ||
            ((event.button) && (event.button == 1)));
  },

  pointerX: function(event) {
    return event.pageX || (event.clientX +
      (document.documentElement.scrollLeft || document.body.scrollLeft));
  },

  pointerY: function(event) {
    return event.pageY || (event.clientY +
      (document.documentElement.scrollTop || document.body.scrollTop));
  },

  stop: function(event) {
    if (event.preventDefault) {
      event.preventDefault();
      event.stopPropagation();
    } else {
      event.returnValue = false;
      event.cancelBubble = true;
    }
  },

  // find the first node with the given tagName, starting from the
  // node the event was triggered on; traverses the DOM upwards
  findElement: function(event, tagName) {
    var element = Event.element(event);
    while (element.parentNode && (!element.tagName ||
        (element.tagName.toUpperCase() != tagName.toUpperCase())))
      element = element.parentNode;
    return element;
  },

  observers: false,

  _observeAndCache: function(element, name, observer, useCapture) {
    if (!this.observers) this.observers = [];
    if (element.addEventListener) {
      this.observers.push([element, name, observer, useCapture]);
      element.addEventListener(name, observer, useCapture);
    } else if (element.attachEvent) {
      this.observers.push([element, name, observer, useCapture]);
      element.attachEvent('on' + name, observer);
    }
  },

  unloadCache: function() {
    if (!Event.observers) return;
    for (var i = 0, length = Event.observers.length; i < length; i++) {
      Event.stopObserving.apply(this, Event.observers[i]);
      Event.observers[i][0] = null;
    }
    Event.observers = false;
  },

  observe: function(element, name, observer, useCapture) {
    element = $(element);
    useCapture = useCapture || false;

    if (name == 'keypress' &&
      (Prototype.Browser.WebKit || element.attachEvent))
      name = 'keydown';

    Event._observeAndCache(element, name, observer, useCapture);
  },

  stopObserving: function(element, name, observer, useCapture) {
    element = $(element);
    useCapture = useCapture || false;

    if (name == 'keypress' &&
        (Prototype.Browser.WebKit || element.attachEvent))
      name = 'keydown';

    if (element.removeEventListener) {
      element.removeEventListener(name, observer, useCapture);
    } else if (element.detachEvent) {
      try {
        element.detachEvent('on' + name, observer);
      } catch (e) {}
    }
  }
});

/* prevent memory leaks in IE */
if (Prototype.Browser.IE)
  Event.observe(window, 'unload', Event.unloadCache, false);
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;
  },

  realOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.scrollTop  || 0;
      valueL += element.scrollLeft || 0;
      element = element.parentNode;
    } while (element);
    return [valueL, valueT];
  },

  cumulativeOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;
      element = element.offsetParent;
    } while (element);
    return [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 [valueL, valueT];
  },

  offsetParent: 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;
  },

  // 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 = this.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 = this.realOffset(element);

    this.xcomp = x + offsetcache[0] - this.deltaX;
    this.ycomp = y + offsetcache[1] - this.deltaY;
    this.offset = this.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;
  },

  page: 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)
        if (Element.getStyle(element,'position')=='absolute') break;

    } while (element = element.offsetParent);

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

    return [valueL, valueT];
  },

  clone: function(source, target) {
    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 = Position.page(source);

    // find coordinate system to use
    target = $(target);
    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(target,'position') == 'absolute') {
      parent = Position.offsetParent(target);
      delta = Position.page(parent);
    }

    // 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)   target.style.left  = (p[0] - delta[0] + options.offsetLeft) + 'px';
    if(options.setTop)    target.style.top   = (p[1] - delta[1] + options.offsetTop) + 'px';
    if(options.setWidth)  target.style.width = source.offsetWidth + 'px';
    if(options.setHeight) target.style.height = source.offsetHeight + 'px';
  },

  absolutize: function(element) {
    element = $(element);
    if (element.style.position == 'absolute') return;
    Position.prepare();

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

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

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

  relativize: function(element) {
    element = $(element);
    if (element.style.position == 'relative') return;
    Position.prepare();

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

// Safari returns margins on body which is incorrect if the child is absolutely
// positioned.  For performance reasons, redefine Position.cumulativeOffset for
// KHTML/WebKit only.
if (Prototype.Browser.WebKit) {
  Position.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 [valueL, valueT];
  }
}

Element.addMethods();
/**
 * SWFObject v1.5: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Modified. See: http://www.pat-burt.com/swfobject/swfobject-strange-validation-problem/
 *
 */
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(swf, id, w, h, ver, c, quality, xiRedirectUrl, redirectUrl, detectKey) {
        if (!document.getElementById) { return; }
        this.DETECT_KEY = detectKey ? detectKey : 'detectflash';
        this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY);
        this.params = new Object();
        this.variables = new Object();
        this.attributes = new Array();
        if(swf) { this.setAttribute('swf', swf); }
        if(id) { this.setAttribute('id', id); }
        if(w) { this.setAttribute('width', w); }
        if(h) { this.setAttribute('height', h); }
        if(ver) { this.setAttribute('version', new deconcept.PlayerVersion(ver.toString().split("."))); }
        this.installedVer = deconcept.SWFObjectUtil.getPlayerVersion();
        if (!window.opera && document.all && this.installedVer.major > 7) {
                // only add the onunload cleanup if the Flash Player version supports External Interface and we are in IE
                deconcept.SWFObject.doPrepUnload = true;
        }
        if(c) { this.addParam('bgcolor', c); }
        var q = quality ? quality : 'high';
        this.addParam('quality', q);
        this.setAttribute('useExpressInstall', false);
        this.setAttribute('doExpressInstall', false);
        var xir = (xiRedirectUrl) ? xiRedirectUrl : window.location;
        this.setAttribute('xiRedirectUrl', xir);
        this.setAttribute('redirectUrl', '');
        if(redirectUrl) { this.setAttribute('redirectUrl', redirectUrl); }
}
deconcept.SWFObject.prototype = {
        useExpressInstall: function(path) {
                this.xiSWFPath = !path ? "expressinstall.swf" : path;
                this.setAttribute('useExpressInstall', true);
        },
        setAttribute: function(name, value){
                this.attributes[name] = value;
        },
        getAttribute: function(name){
                return this.attributes[name];
        },
        addParam: function(name, value){
                this.params[name] = value;
        },
        getParams: function(){
                return this.params;
        },
        addVariable: function(name, value){
                this.variables[name] = value;
        },
        getVariable: function(name){
                return this.variables[name];
        },
        getVariables: function(){
                return this.variables;
        },
        getVariablePairs: function(){
                var variablePairs = new Array();
                var key;
                var variables = this.getVariables();
                for(key in variables){
                        variablePairs[variablePairs.length] = key +"="+ variables[key];
                }
                return variablePairs;
        },
        getSWFHTML: function() {
                var swfNode = "";
                if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { // netscape plugin architecture
                        if (this.getAttribute("doExpressInstall")) {
                                this.addVariable("MMplayerType", "PlugIn");
                                this.setAttribute('swf', this.xiSWFPath);
                        }
                        swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') + '"';
                        swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
                        var params = this.getParams();
                         for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
                        var pairs = this.getVariablePairs().join("&");
                         if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
                        swfNode += '/>';
                } else { // PC IE
                        if (this.getAttribute("doExpressInstall")) {
                                this.addVariable("MMplayerType", "ActiveX");
                                this.setAttribute('swf', this.xiSWFPath);
                        }
                        swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">';
                        swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />';
                        var params = this.getParams();
                        for(var key in params) {
                         swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
                        }
                        var pairs = this.getVariablePairs().join("&");
                        if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';}
                        swfNode += "</object>";
                }
                return swfNode;
        },
        write: function(elementId){
                if(this.getAttribute('useExpressInstall')) {
                        // check to see if we need to do an express install
                        var expressInstallReqVer = new deconcept.PlayerVersion([6,0,65]);
                        if (this.installedVer.versionIsValid(expressInstallReqVer) && !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 elementId == 'string') ? document.getElementById(elementId) : elementId;
                        n.innerHTML = this.getSWFHTML();
                        return true;
                }else{
                        if(this.getAttribute('redirectUrl') != "") {
                                document.location.replace(this.getAttribute('redirectUrl'));
                        }
                }
                return false;
        }
}

/* ---- detection functions ---- */
deconcept.SWFObjectUtil.getPlayerVersion = function(){
        var PlayerVersion = new deconcept.PlayerVersion([0,0,0]);
        if(navigator.plugins && navigator.mimeTypes.length){
                var x = navigator.plugins["Shockwave Flash"];
                if(x && x.description) {
                        PlayerVersion = new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".").split("."));
                }
        }else if (navigator.userAgent && navigator.userAgent.indexOf("Windows CE") >= 0){ // if Windows CE
                var axo = 1;
                var counter = 3;
                while(axo) {
                        try {
                                counter++;
                                axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+ counter);
//                                document.write("player v: "+ counter);
                                PlayerVersion = new deconcept.PlayerVersion([counter,0,0]);
                        } catch (e) {
                                axo = null;
                        }
                }
        } else { // Win IE (non mobile)
                // do minor version lookup in IE, but avoid fp6 crashing issues
                // see http://blog.deconcept.com/2006/01/11/getvariable-setvariable-crash-internet-explorer-flash-6/
                try{
                        var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
                }catch(e){
                        try {
                                var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
                                PlayerVersion = new deconcept.PlayerVersion([6,0,21]);
                                axo.AllowScriptAccess = "always"; // error if player version < 6.0.47 (thanks to Michael Williams @ Adobe for this code)
                        } catch(e) {
                                if (PlayerVersion.major == 6) {
                                        return PlayerVersion;
                                }
                        }
                        try {
                                axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
                        } catch(e) {}
                }
                if (axo != null) {
                        PlayerVersion = new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
                }
        }
        return PlayerVersion;
}
deconcept.PlayerVersion = function(arrVersion){
        this.major = arrVersion[0] != null ? parseInt(arrVersion[0]) : 0;
        this.minor = arrVersion[1] != null ? parseInt(arrVersion[1]) : 0;
        this.rev = arrVersion[2] != null ? parseInt(arrVersion[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;
}
/* ---- get value of query string param ---- */
deconcept.util = {
        getRequestParameter: function(param) {
                var q = document.location.search || document.location.hash;
                if (param == null) { return q; }
                if(q) {
                        var pairs = q.substring(1).split("&");
                        for (var i=0; i < pairs.length; i++) {
                                if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
                                        return pairs[i].substring((pairs[i].indexOf("=")+1));
                                }
                        }
                }
                return "";
        }
}
/* fix for video streaming bug */
deconcept.SWFObjectUtil.cleanupSWFs = function() {
        var objects = document.getElementsByTagName("OBJECT");
        for (var i = objects.length - 1; i >= 0; i--) {
                objects[i].style.display = 'none';
                for (var x in objects[i]) {
                        if (typeof objects[i][x] == 'function') {
                                objects[i][x] = function(){};
                        }
                }
        }
}
// fixes bug in some fp9 versions see http://blog.deconcept.com/2006/07/28/swfobject-143-released/
if (deconcept.SWFObject.doPrepUnload) {
        if (!deconcept.unloadSet) {
                deconcept.SWFObjectUtil.prepUnload = function() {
                        __flash_unloadHandler = function(){};
                        __flash_savedUnloadHandler = function(){};
                        window.attachEvent("onunload", deconcept.SWFObjectUtil.cleanupSWFs);
                }
                window.attachEvent("onbeforeunload", deconcept.SWFObjectUtil.prepUnload);
                deconcept.unloadSet = true;
        }
}
/* add document.getElementById if needed (mobile IE < 5) */
if (!document.getElementById && document.all) { document.getElementById = function(id) { return document.all[id]; }}

/* add some aliases for ease of use/backwards compatibility */
var getQueryParamValue = deconcept.util.getRequestParameter;
var FlashObject = deconcept.SWFObject; // for legacy support
var SWFObject = deconcept.SWFObject;


Mouse = {
        init: function(){
                EventDispatcher.initialize(Mouse);
                document.onmousemove = this.mousemove.bindAsEventListener(this);
                document.onmousedown = this.mousedown.bindAsEventListener(this);
                document.onmouseup = this.mouseup.bindAsEventListener(this);
                this.x = 0;
                this.y = 0;
        },
        mousemove: function(e){
                if(document.body){
                        VCore.expensive();
                        this.wx = parseInt(e.clientX);
                        this.wy = parseInt(e.clientY);

                        var deltaX =  parseInt(window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0);
                        var deltaY =  parseInt(window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);

                        this.x = this.wx + deltaX;
                        this.y = this.wy + deltaY;

                        this.dispatchEvent({type:"onMouseMove", x:this.x, y:this.y})
                }
        },

        mousedown: function(e){
                this.dispatchEvent({type:"onMouseDown", x:this.x, y:this.y})
        },
        mouseup: function(e){
                this.dispatchEvent({type:"onMouseUp", x:this.x, y:this.y})
        },

        getRelativeMouse: function(element){
                var coords = Position.cumulativeOffset($(element));
                return [this.x - coords[0], this.y - coords[1]];
        },

        within: function(elm, border){
                if(!border){
                        border = 0;
                }
                var coords = Mouse.getRelativeMouse(elm)
                var size = Element.getDimensions(elm);
                if(coords[0]>-border && coords[1]>-border && coords[0] < size.width + border && coords[1] < size.height + border){
                        return true;
                }
                return false;
        }
}
Mouse.init();


var Keys = {
        init: function(){
                EventDispatcher.initialize(Keys);
                document.onkeydown = this.keydown.bindAsEventListener(this);
        },
        keydown: function(e){
                this.dispatchEvent({type:"onKeyDown", keyCode:e.keyCode});
        }
}
Keys.init();

VCore.include("gfx/Display")


function getTimer(){
        return new Date().getTime();
}

var Tweener = {
        tweens : new Array(),
        init : function(){
                setInterval("intervalDispatcher()", 20);
        },

        onEnterFrame : function(){
                var time = getTimer();
                for(var i=this.tweens.length-1;i>=0; i--){
                        if(this.tweens[i].act(time)){
                                var obj = this.tweens[i];
                                this.tweens.splice(i,1);
                                obj.dispatchEvent({type:"onDone", target:obj, element:obj.element})
                        }
                }
        },

        start : function(element, variable, value, time, args){
                element =  (typeof element == "string")? $(element) : element;
                if(!args){
                        args = {};
                }
                for(var i=this.tweens.length-1;i>=0; i--){
                        if(this.tweens[i].element == element && this.tweens[i].vaname == variable){
                                this.tweens.splice(i,1);
                        }
                }
                var tw = new TweenWorker($(element), variable, value, time, args);
                this.tweens.push(tw)
                return tw;
        }
}

Tweener.init();

function TweenWorker(e, va, v, t, args){
        EventDispatcher.initialize(this);
        this.element = e;
        this.vaname = va;

        if(va.indexOf("f_") == 0){
                var func = va.substring(2,200);
                this.variable = this.element[func];
        } else {
                this.variable = Display[va];
        }

        this.time = t;
        this.args = args;
        this.mode = args.mode ? args.mode : Tweener.Transitions.sinoidal;

        if(this.args.start != undefined){
                this.variable(this.element, this.args.start);
                this.startValue = this.args.start;
        } else {
                this.startValue = this.variable(this.element);
        }

        this.deltaValue = v - this.startValue
        var delay = 0;
        if(this.args.delay){
                delay = this.args.delay;
        }

        this.startTime = getTimer() + delay;

        this.act = function(t){
                if(t>=this.startTime){
                        var delta = t-this.startTime;
                        if(delta>=this.time || this.deltaValue == 0){
                                this.setTween(1);
                                return true;
                        } else {
                                this.setTween(delta / this.time);
                        }
                }
                return false;
        }

        this.setTween = function (percent){
                this.variable(this.element, this.startValue + this.deltaValue * this.mode(percent));
        }
}



Tweener.Transitions = {}

Tweener.Transitions.linear = function(pos) {
  return pos;
}
Tweener.Transitions.sinoidal = function(pos) {
  return (-Math.cos(pos*Math.PI)/2) + 0.5;
}
Tweener.Transitions.reverse  = function(pos) {
  return 1-pos;
}
Tweener.Transitions.flicker = function(pos) {
  return ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
}
Tweener.Transitions.wobble = function(pos) {
  return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
}
Tweener.Transitions.pulse = function(pos) {
  return (Math.floor(pos*10) % 2 == 0 ?
    (pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10)));
}
Tweener.Transitions.easeInQuad = function (pos) {
    var t = pos; var b = 0; var c = 1; var d = 1;
                return c*(t/=d)*t + b;
}
Tweener.Transitions.easeOutQuad = function (pos) {
    var t = pos; var b = 0; var c = 1; var d = 1;
                return -c *(t/=d)*(t-2) + b;
};
Tweener.Transitions.easeInOutQuad = function (pos) {
    var t = pos; var b = 0; var c = 1; var d = 1;
                if ((t/=d/2) < 1) return c/2*t*t + b;
    return -c/2 * ((--t)*(t-2) - 1) + b;
};



Tweener.Transitions.easeInQuint = function (pos) {
        var t = pos; var b = 0; var c = 1; var d = 1;
    return c*(t/=d)*t*t*t*t + b;
};
Tweener.Transitions.easeOutQuint = function (pos) {
        var t = pos; var b = 0; var c = 1; var d = 1;
    return c*((t=t/d-1)*t*t*t*t + 1) + b;
};
Tweener.Transitions.easeInOutQuint = function (pos) {
        var t = pos; var b = 0; var c = 1; var d = 1;
    if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
    return c/2*((t-=2)*t*t*t*t + 2) + b;
};




function intervalDispatcher(){
        Tweener.onEnterFrame();
}

VCore.include("prototype/prototype");

Display = {
        opacity: function(element, value) {
                if(value != undefined){
                        if (value == 1){
                                Element.setStyle(element, { opacity: (/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ? 0.999999 : 0.999999 });
                                if(/MSIE/.test(navigator.userAgent))
                                        Element.setStyle(element, {filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')});
                        } else {
                                if(value < 0.00001) value = 0;
                                Element.setStyle(element, {opacity: value});
                                if(/MSIE/.test(navigator.userAgent))
                                        Element.setStyle(element, { filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') + 'alpha(opacity='+value*100+')' });
                        }
                        if(Browser.name == "opera"){
                                if(value==0){
                                        element.style.visibility = "hidden";
                                } else {
                                        element.style.visibility = "visible";
                                }
                        }
                } else {
                        var opacity;
                        if (opacity = Element.getStyle(element, 'opacity'))
                                return parseFloat(opacity);
                        if (opacity = (Element.getStyle(element, 'filter') || '').match(/alpha\(opacity=(.*)\)/))
                                if(opacity[1]) return parseFloat(opacity[1]) / 100;
                        return 1.0;
                }
        },

        x: function(element, value) {
                if(value != undefined){
                        value = Math.round(value);
                        Element.setStyle(element, { left: value + "px"});
                } else {
                        var x;
                        if (x = Element.getStyle(element, 'left'))
                                return parseFloat(x);
                        return 0;
                }
        },

        y: function(element, value) {
                if(value != undefined){
                        value = Math.round(value);
                         Element.setStyle(element, { top: value + "px"});
                } else {
                        var y;
                        if (y = Element.getStyle(element, 'top'))
                                return parseFloat(y);
                        return 0;
                }
        },

        width: function(element, value) {
                if(value != undefined){
                        value = Math.round(value);
                         Element.setStyle(element, { width: value + "px"});
                } else {
                        var w;
                        if (w = Element.getStyle(element, 'width'))
                                return parseFloat(w);
                        return 0;
                }
        },

        height: function(element, value) {
                if(value != undefined){
                        value = Math.floor(value);
                        Element.setStyle(element, { height: value + "px"});
                } else {
                        var h;
                        if (h = Element.getStyle(element, 'height'))
                                return parseFloat(h);
                        return 0;
                }
        }
}


VCore.include("gfx/Tweener");

/************** BUTTON ***************/

var Button = TagClass.create("Button", {className:"button"});
Button.prototype = {
        initialize: function(element) {

                this.element.style.position = "relative";
                this.element.style.display = "inline";
                this.element.style.cursor = "pointer";
                this.element.style.outline = "none";
                this.element.style.zIndex = 2;

                //this.element.onmouseover = this.rollon.bindAsEventListener(this);
                //this.element.onmouseout = this.rollout.bindAsEventListener(this);
                this.element.onfocus = this.rollon.bindAsEventListener(this);
                this.element.onblur = this.rollout.bindAsEventListener(this);

                if(!this.element.onclick)
                        this.element.onclick = this.click.bindAsEventListener(this);

                this.lnk = null;

                //alert(getSubNode(this.element, "img"));

                this.mainImage = getSubNode(this.element, "img");
                if(this.mainImage){


                this.mainImage.style.verticalAlign = "text-top";

                var src = this.mainImage.src;
//                document.write( src + ' <br> ');
                var imageType =  src.substring(src.length-4, src.length);
                src = src.substring(0,src.length-4);

                this.element.tabIndex = 0;

                this.hilite = this.mainImage.cloneNode(false);
                this.hilite.src = src + "_hi" + imageType;

//                document.write( this.hilite.src + ' <br> ');

                this.hilite.style.position = "absolute";
                if(!this.hilite.style.left)
                        this.hilite.style.left = "0px";
                if(!this.hilite.style.top)
                        this.hilite.style.top = "0px";

                this.element.appendChild(this.hilite);

                this.disabled = this.mainImage.cloneNode(false);

                if(this.attr.cannotdisable == "true") {
                        this.disabled.src = "/images/inviso.gif";
                } else {
                        this.disabled.src = src + "_dis" + imageType;
                }

                this.disabled.style.position = "absolute";
                if(!this.disabled.style.left)
                        this.disabled.style.left = "0px";
                if(!this.disabled.style.top)
                        this.disabled.style.top = "0px";

                this.element.appendChild(this.disabled);

                this.isDisabled = false;

                Display.opacity(this.hilite, 0);

                this.fadeOutSpeed = 300;
                this.progress = false;
                if(this.attr.disabled == "true"){
                        this.setDisabled(true);
                } else {
                        Display.opacity(this.disabled, 0);
                }
                }
        },

        onUnload: function(){
                this.element.onmouseover = null;
                this.element.onmouseout = null;
                this.element.onfocus = null;
                this.element.onblur = null;
                this.element.onclick = null;
        },

        setDisabled: function(d){
                if(d != this.isDisabled) {
                        if(d){
                                this.rollout();
                                Tweener.start(this.disabled, "opacity", 1, 0);
                                Display.opacity(this.disabled, 1);
                                this.element.style.cursor = "default";
                        } else {
                                Tweener.start(this.disabled, "opacity", 0, this.fadeOutSpeed);
                                this.element.style.cursor = "pointer";
                        }
                        this.isDisabled = d;
                }
        },

        setProgress: function(d){
                if(this.progress != d){
                        this.progress = d;
                        if(d){
                                this.setDisabled(d);
                                var dim = Element.getDimensions(this.mainImage);
                                this.progbar = document.createElement("span");
                                this.progbar.className = "progressbar";
                                this.progbar.style.position = "absolute";
                                this.progbar.style.left = "0px";
                                this.progbar.style.top= Math.floor((dim.height-10)/2) + "px";
                                this.progbar.innerHTML = '<img alt="Processing" width="' + dim.width + '" height="10" src="/images/inviso.gif" />';
                                this.mainImage.style.visibility = this.hilite.style.visibility = this.disabled.style.visibility = "hidden";
                                this.element.appendChild(this.progbar);
                        } else {
                                this.element.removeChild(this.progbar);
                                this.mainImage.style.visibility = this.hilite.style.visibility = this.disabled.style.visibility = "";
                        }
                }
        },

        rollon: function(evt) {
                if(!this.isDisabled) {
                        //this.dispatchEvent({type:"mouseover", target:this});
                        //Tweener.start(this.hilite, "opacity", 1, 20);
                }
        },

        rollout: function(evt) {
                if(!this.isDisabled) {
                        this.dispatchEvent({type:"mouseout", target:this});
                        Tweener.start(this.hilite, "opacity", 0, this.fadeOutSpeed);
                }
        },

        click: function(evt) {
                if(!this.isDisabled) {
                        return this.dispatchEvent({type:"click", target:this, altKey:evt.altKey, ctrlKey:evt.ctrlKey, shiftKey:evt.shiftKey});
                } else {
                        return false;
                }
        },

        changeSrc: function(src){
                if(this.mainImage){
                    this.mainImage.src = src;
                    var imageType =  src.substring(src.length-4, src.length);
                    src = src.substring(0,src.length-4);
                    this.hilite.src = src + "_hi" + imageType;
                    if(this.attr.cannotDisbale != "true") {
                        this.disabled.src = src + "_dis" + imageType;
                    }
                }

        },

        changeToStaticSrc: function(src){
                this.mainImage.src = src;
                this.hilite.src = src;
                this.disabled.src = src;
                this.setDisabled(true);
        }
}


if(Browser.name == "opera" || Browser.name == "safari"){
        Button.prototype = {
                initialize: function(element) {
                        this.element.style.position = "relative";
                        this.element.style.display = "inline";
                        this.element.style.cursor = "pointer";
                        this.element.style.outline = "none";
                        this.element.style.zIndex = 2;

                        //this.element.onmouseover = this.rollon.bindAsEventListener(this);
                        //this.element.onmouseout = this.rollout.bindAsEventListener(this);
                        if(!this.element.onclick)
                                this.element.onclick = this.click.bindAsEventListener(this);

                        this.lnk = null;

                        this.mainImage = getSubNode(this.element, "img");
                        this.mainImage.style.verticalAlign = "text-top";

                        var src = this.mainImage.src;
                        var imageType =  src.substring(src.length-4, src.length);
                        src = src.substring(0,src.length-4);

                        this.hilsrc = src + "_hi" + imageType;
                        this.dissrc = src + "_dis" + imageType;
                        this.src = src + imageType;
                        this.progress = false;

                        if(this.attr.disabled == "true"){
                                this.setDisabled(true);
                        }
                },


                setProgress: function(d){
                        if(this.progress != d){
                                this.progress = d;
                                if(d){
                                        this.setDisabled(d);
                                        var dim = Element.getDimensions(this.mainImage);
                                        this.progbar = document.createElement("span");
                                        this.progbar.className = "progressbar";
                                        this.progbar.style.position = "absolute";
                                        this.progbar.style.display = "block";
                                        this.progbar.style.left = "0px";
                                        this.progbar.style.top= Math.floor((dim.height-10)/2) + "px";
                                        this.progbar.innerHTML = '<img alt="Processing" width="' + dim.width + '" height="10" src="/images/inviso.gif" />';
                                        this.mainImage.style.visibility = "hidden";
                                        this.element.appendChild(this.progbar);
                                } else {
                                        this.element.removeChild(this.progbar);
                                        this.mainImage.style.visibility = "";
                                }
                        }
                },

                setDisabled: function(d){
                        if(d){
                                this.mainImage.src = this.dissrc;
                                this.element.style.cursor = "default";
                        } else {
                                this.mainImage.src = this.src;
                                this.element.style.cursor = "pointer";
                        }
                        this.isDisabled = d;
                },

                rollon: function(evt) {
                        if(!this.isDisabled) {
                                //this.dispatchEvent({type:"mouseover", target:this});
                                //this.mainImage.src = this.hilsrc;
                        }
                },

                rollout: function(evt) {
                        if(!this.isDisabled) {
                                this.dispatchEvent({type:"mouseout", target:this});
                                this.mainImage.src = this.src;
                        }
                },

                click: function(evt) {
                        if(!this.isDisabled) {
                                return this.dispatchEvent({type:"click", target:this});
                        } else {
                                return false;
                        }
                },

                changeSrc: function(src){
                        this.mainImage.src = this.src = src;
                        var imageType =  src.substring(src.length-4, src.length);
                        src = src.substring(0,src.length-4);
                        this.hilsrc = src + "_hi" + imageType;
                        this.disasrc = src + "_hi" + imageType;
                },

                changeToStaticSrc: function(src){
                        this.mainImage.src = this.src = this.hilsrc = this.dissrc = src;
                        this.setDisbled(true);
                }
        }
}



VCore.include("events/Mouse");

/************* Tooltip ****************/

Tooltip = Class.create("Tooltip");

Tooltip.prototype = {
        initialize: function(txt, cls) {
                if(!cls){
                        cls = "normal";
                }
                if(cls == "frontpage") {
                        txt = unescape(txt);
                }
                if(txt.length < 16){
                        this.ver    = 'tooltip_sml';
                        this.topImg = 'tooltip_sml_top.png';
                        this.midImg = 'tooltip_sml_mid.png';
                        this.botImg = 'tooltip_sml_bot.png';
                        this.imgW   = '120';
                        this.posX   = '92';
                } else {
                        this.ver    = 'tooltip';
                        this.topImg = 'tooltip_top.png';
                        this.midImg = 'tooltip_mid.png';
                        this.botImg = 'tooltip_bot.png';
                        this.imgW   = '200';
                        this.posX   = '172';
                }

                this.element = document.createElement("div");
                this.element.className=this.ver;

                var text = document.createElement("div");
                text.className = cls;
                text.appendChild(document.createTextNode(txt));

                var cont = document.createElement("div");
                cont.className = 'cont';

                var top = document.createElement("div");
                top.className = 'top';
                top.innerHTML = '<img src="/images/backgrounds/'+this.topImg+'" width="'+this.imgW+'" height="4" alt="" />';

                var mid = document.createElement("div");
                mid.className = 'mid';
                mid.innerHTML = '<img src="/images/backgrounds/'+this.midImg+'" width="'+this.imgW+'" height="300" alt="" />';

                var bot = document.createElement("div");
                bot.className = 'bot';
                bot.innerHTML = '<img src="/images/backgrounds/'+this.botImg+'" width="'+this.imgW+'" height="10" alt="" />';

                this.element.appendChild(top);
                this.element.appendChild(cont);
                this.element.appendChild(bot);
                cont.appendChild(mid);
                cont.appendChild(text);

                VCore.applyPNGFilters(this.element);
                this.visible = false;
        },

        show: function(x,y){
                this.hide();
                $("body").appendChild(this.element);
                this.mm({x:Mouse.x, y:Mouse.y});
                Mouse.addEventListener("onMouseMove", this, "mm");
                this.visible = true;
        },

        hide: function(){
                if(this.visible){
                        $("body").removeChild(this.element);
                        Mouse.removeEventListener("onMouseMove", this);
                        this.visible = false;
                }
        },

        mm: function(e){
                var h = Element.getDimensions(this.element).height;
                var posY = h+20;
                Display.x(this.element, e.x-this.posX);
                Display.y(this.element, e.y-posY);
        }

}

HasTooltip = TagClass.create("HasTooltip", {className:"hastooltip"});
HasTooltip.prototype = {

        defaults: {"text": '', "cls": 'normal'},

        initialize: function() {
                //this.element.onmouseover = this.over.bindAsEventListener(this);
                //this.element.onmouseout = this.out.bindAsEventListener(this);
        },

        over: function() {
                if(!this.tt){
                        this.tt = new Tooltip(this.attr.text, this.attr.cls);
                }
                this.tt.show();
        },

        out: function() {
                this.tt.hide();
        }

}



//VCore.directInclude("locale.js");
VCore.include("Locale");
VCore.include("gfx/Tweener");
VCore.include("flash/swfobject");
VCore.include("ui/Button");
VCore.include("events/Mouse");

var WidSets = {
        ajaxURL: "/ajax/",
        dialogEvent: {},

        init: function (){
                if (this.dialogEvent.type == "critical"){
                        WidSets.dialogPane.showCritical(this.dialogEvent.html);
                } else if (this.dialogEvent.type == "error") {
                        WidSets.dialogPane.showError(this.dialogEvent.html);
                } else if (this.dialogEvent.type == "info") {
                        WidSets.dialogPane.showInfo(this.dialogEvent.html);
                }
        },

        setDialogEvent: function(html, type) {
                this.dialogEvent.html = html;
                if(type == "critical"){
                        this.dialogEvent.type = "critical";
                } else if (type == "error") {
                        this.dialogEvent.type = "error";
                } else {
                        this.dialogEvent.type = "info";
                }
        },

        sendStats: function(uri){
                if(window.urchinTracker) {
                        urchinTracker(uri);
                }
        }
}

VCore.addEventListener("onLoad", WidSets, "init");



/************** DialogPane ***************/

var DialogPane = TagClass.create("DialogPane", {id:"dialogPane"});
DialogPane.prototype = {
        initialize: function(element) {
                WidSets.dialogPane = this; // Add globally
                this.element.onclick = this.click.bindAsEventListener(this);
                this.content = getSubNode(this.element, "div");
                this.isOpen = false;
        },

        showError: function(html){
                this.doShow(html, true);
                this.element.className = "dialogerror";
        },

        showInfo: function(html){
                this.doShow(html, true);
                this.element.className = "dialoginfo";
        },

        showCritical: function(html){
                this.doShow(html, false);
                this.element.className = "dialogerror";
        },

        doShow: function(html, timedRemove){
                this.content.innerHTML = html;
                Display.y(this.element, -1000);
                this.element.style.display = "block";

                this.element.style.height=null;
                var h = Element.getDimensions(this.element).height;
                Display.y(this.element, -h);

                var y = -1;
                if (this.element.currentStyle) {
                        if(this.element.currentStyle.position == "absolute") {
                                var scroll = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
                                this.element.style.top = scroll - Element.getDimensions(this.element).height;
                                y = scroll - 1;

                                if (scroll > 0) {
                                        var selects = document.getElementsByTagName("select");
                                        for (var i=0; i < selects.length; i++)
                                                selects[i].style.visibility = "hidden";
                                }
                        }
                }
                Tweener.start(this.element, "y", y + 6, 400);
                clearTimeout(this.timeoutID);
                if(timedRemove) {
                        this.timeoutID = setTimeout(this.doClose.bindAsEventListener(this), 3000 + html.length*50);
                }
                this.isOpen = true;

        },

        click: function(evt) {
                this.doClose();
        },

        doClose: function(){
                clearTimeout(this.timeoutID);
                if(this.isOpen){
                        this.isOpen = false;
                        var h = Element.getDimensions(this.element).height;
                        Tweener.start(this.element, "y", -h, 400).addEventListener("onDone", this, "remove");
                }
        },

        remove: function(){
                this.element.style.display="none";
        }

}

var AjaxRequest = Class.create();
AjaxRequest.prototype = {
        initialize: function(url, method, parameters, handler, errorHandler) {
                if(method != "post") {
                        method = "get";
                }
                this.responseHandler = handler;
                this.errorHandler = errorHandler;
                this.responseText = '';
                this.ajax = new Ajax.Request(url, {method: method, parameters: parameters, onSuccess: this.result.bindAsEventListener(this), onFailure:this.error.bindAsEventListener(this)});
        },

        result: function(orgEvt) {
                var evt = {};
                evt.responseText = orgEvt.responseText != null ? orgEvt.responseText : "";
                this.responseText = evt.responseText;
                if(evt.responseText.indexOf("error:") == 0) {
                        var error = evt.responseText.substring(6,evt.responseText.length);
                        //WidSets.dialogPane.showError(error);
                        if(this.errorHandler){
                                this.errorHandler(evt);
                        }
                } else {
                        /*if(this.responseText=='false')
                            {
                                WidSets.dialogPane.showInfo(this.responseText);
                            }*/
                        this.responseHandler(evt);
                }
        },

        error: function(evt) {
                //WidSets.dialogPane.showError(locale.ajax_error);
                if(this.errorHandler){
                        this.errorHandler(evt);
                }
        }
}

var PickWidget = Class.create();
PickWidget.prototype = {
        initialize: function(id, responseHandler, picktype) {
                this.responseMethod = responseHandler;
                this.pickType = picktype;
                if(this.pickType) {
                        if(this.pickType == 1) {
                                params = "action=frontpage_pickwidget&widgetid=" + id;
                        } else if (this.pickType == 2){
                                params = "action=pick_shared&messageid=" + id;
                        }
                } else {
                        params = "action=pickwidget&widgetid=" + id;
                }

                if($('logindetails')) {
                        if($('logindetails').v.attr.basketsize > 5) {
                                if($("FlashCloudNavigator")){
                                        $("FlashCloudNavigator").widgetPicked(locale.widgets_toomany);
                                } else {
                                        WidSets.dialogPane.showError(locale.widgets_toomany);
                                }
                                if(this.responseMethod){
                                        this.responseMethod(false);
                                }
                        } else {
                                this.ajaxRequest = new AjaxRequest(WidSets.ajaxURL, 'post', params, this.widgetPicked.bindAsEventListener(this), this.widgetPickedError.bindAsEventListener(this));
                        }
                } else {
                        this.ajaxRequest = new AjaxRequest(WidSets.ajaxURL, 'post', params, this.widgetPicked.bindAsEventListener(this), this.widgetPickedError.bindAsEventListener(this));
                }
        },

        widgetPicked: function(evt){
                if(this.pickType == 1){
                        this.responseMethod(evt.responseText);
                } else {
                        if(evt.responseText.length>5) {
                                if($("FlashCloudNavigator")){
                                        $("FlashCloudNavigator").widgetPicked(evt.responseText);
                                } else {
                                        WidSets.dialogPane.showInfo(evt.responseText);
                                }
                        }
                        if($('logindetails')) {
                                $('logindetails').v.addWidget();
                        } else if($('loggedindetails')) {
                                $('loggedindetails').v.activateUpdatePhone();
                        }
                        if(this.responseMethod){
                                this.responseMethod(true);
                        }
                }
        },

        widgetPickedError: function(){
                if(this.responseMethod){
                        this.responseMethod(false);
                }
        }
}


var InfoTippable = TagClass.create("InfoTippable", {className:"infotippable"});
InfoTippable.prototype = {
        defaults:{id:0},

        initialize: function(){
                this.icon = getSubNode(this.element, "img");
                this.icon.onclick = this.open.bindAsEventListener(this);
        },

        open: function(){
                $("infotip").v.open(this.attr.id, this.attr.type);
        }
}

var InfoTip = TagClass.create("InfoTip", {id:"infotip"});
InfoTip.prototype = {

        initialize: function(){
                //getSubNode(this.element, "span").v.addEventListener("click", this, "close");
        },

        open: function(id, type){
                getSubNode(this.element, "div").style.display = type == "user" ? "none" : "block";
                getSubNode(this.element, "div#2").style.display = type == "user" ? "block" : "none";

                getSubNode(this.element, "div.p").innerHTML = locale.loading;
                getSubNode(this.element, "div.div.img").src = "/images/inviso.gif";
                getSubNode(this.element, "div.div.img").style.display = "none";
                for(var i=2; i<5; i++) {
                        getSubNode(this.element, "div.div#" + i).style.display = "none";
                }

                getSubNode(this.element, "div#2.p").innerHTML = locale.loading;
                getSubNode(this.element, "div#2.div.img").src = "/images/inviso.gif";

                Display.x(this.element, Mouse.x - 8);
                Display.y(this.element, Mouse.y - 133);
                Display.opacity(this.element, 0.01);
                Tweener.start(this.element, "opacity", 1, 150);
                this.element.style.display = "block";
                Mouse.addEventListener("onMouseUp", this, "close")
                var params = "action=get_widget_info&widgetid=" + id;

                if(type == "user") {
                        params = "action=get_user_tooltip&userid=" + id;
                }
                this.type = type;
                new AjaxRequest(WidSets.ajaxURL, "get", params, this.dataLoaded.bindAsEventListener(this), this.close.bindAsEventListener(this))
        },

        dataLoaded: function(evt){
                var params = evt.responseText + "";
                params = (params).toParameters();

                if(this.type == "user") {
                        var slogan = params.slogan;
                        if(slogan.length > 50) {
                                slogan = slogan.substring(0,50) + "...";
                        }
                        var desc = "";
                        if(slogan.length) {
                                        desc +=  "<span class='slogan'>" + slogan + "</span><br/>";
                        }

                        desc += locale.user_membersince + params.membersince + "<br/>" + locale.user_pageviews + params.pageviews + "<br/>";
                        desc += ' <a href="/user/'+params.userid+'/">' + locale.readmore + '&nbsp;&raquo;</a>';
                        getSubNode(this.element, "div#2.p").innerHTML = desc;

                        getSubNode(this.element, "div#2.div.img").src = params.iconsrc;
                        getSubNode(this.element, "div#2.div.img").style.display = "block";
                } else {
                        var desc = params.shortdescription;
                        if(desc.length > 80){
                                desc = desc.substring(0,80) + "...";
                        }
                        if(desc.length<60){
                                desc += "<br/>";
                        }
                        desc += ' <a href="/widget/'+params.widgetid+'/">'+locale.readmore+'&nbsp;&raquo;</a>';

                        getSubNode(this.element, "div.p").innerHTML = desc;
                        getSubNode(this.element, "div.div.img").src = params.iconsrc;
                        getSubNode(this.element, "div.div.img").style.display = "block";
                        getSubNode(this.element, "div.div#2").v.attr.widgetid = params.widgetid;
                        getSubNode(this.element, "div.div#2.span").v.setDisabled(false);
                        getSubNode(this.element, "div.div#3").innerHTML = params.usecount;
                        getSubNode(this.element, "div.div#4").innerHTML = params.rating;

                        for(var i=2; i<5; i++) {
                                getSubNode(this.element, "div.div#" + i).style.display = "block";
                        }
                }
        },

        close: function(){
                Tweener.start(this.element, "opacity", 0, 150).addEventListener("onDone", this, "rem");
                Mouse.removeEventListener("onMouseUp", this, "close")
        },

        rem: function(){
                this.element.style.display = "none";
        }
}

var WidgetPicker = TagClass.create("WidgetPicker", {className:"widgetPicker"});
WidgetPicker.prototype = {
        defaults: {widgetid: 0, messageid:0},

        initialize: function() {},

        onLoad: function(){
                this.btn = getSubNode(this.element, "span").v;
                this.btn.addEventListener("click", this, "pickWidget");
        },

        pickWidget: function(e){
                if(e.ctrlKey && e.shiftKey){
                        var elm = document.createElement("div");
                        elm.id = "soundbooth";
                        //$("body").appendChild(elm);
                }
                this.btn.setProgress(true);

                var id = this.attr.widgetid;
                var picktype = 0;
                if(this.attr.messageid) {
                        id = this.attr.messageid;
                        picktype = 2;
                }
                new PickWidget(id, this.response.bindAsEventListener(this), picktype);
        },

        response: function(wasPicked){
                this.btn.setProgress(false);
                if(wasPicked != true){
                        this.btn.setDisabled(false);
                } else if(this.attr.messageid) {
                        getSubNode(this.element.parentNode, "span#2").v.deleteMessage();
                }
                alert(params.iconsrc);
        }
}


var IndexLiftup = TagClass.create("IndexLiftup", {id:"indexliftup"});
IndexLiftup.prototype = {

        initialize: function() {
                this.timer = window.setTimeout(this.start.bindAsEventListener(this), 2500);
        },

        start: function(){
                var so = new SWFObject("/images/flash/frontpage.swf", "frontpageflash", "600", "300", "8");
                so.addParam("quality", "best");
                so.addParam("scale", "noscale");
                so.addParam("menu", "false");
                so.addParam("wmode", "transparent");
                so.addParam("allowScriptAccess", "always");
                so.addVariable("xmlPath", "/images/flash/frontpage.xml");
                so.write("flash");
        }
}


var LoginDetails = TagClass.create("logindetails", {id:"logindetails"});
LoginDetails.prototype = {
        defaults: {basketsize:1},

        initialize: function(){
                this.flashCount = null;
        },

        addWidget: function(){
                this.attr.basketsize++;
                this.paint();
        },

        removeWidget: function(){
                this.attr.basketsize--;
                this.paint();
        },

        setCount: function(num){
                this.attr.basketsize = num;
                this.paint();
        },

        paint: function(){
                var txt = locale.notloggedinbox_nowidgets;
                if(this.attr.basketsize==1) {
                        txt = locale.notloggedinbox_onepicked;
                } else if(this.attr.basketsize>1) {
                        txt = locale.replace(locale.notloggedinbox_npicked, this.attr.basketsize);
                }
                $("widgets_picked").innerHTML = txt;
                this.flashCount = 1;
                this.fadePickedOut();
        },

        fadePickedOut: function(){
                if (this.flashCount) {
                        this.flashCount++;
                }
                Tweener.start($('ldbg'), "opacity", 0, 150, {start: 1}).addEventListener("onDone", this, "fadePickedIn");
        },

        fadePickedIn: function(){
                if (this.flashCount > 2) {
                        this.flashCount = null;
                        Tweener.start($('ldbg'), "opacity", 1, 150, {start: 0});
                } else {
                        Tweener.start($('ldbg'), "opacity", 1, 150, {start: 0}).addEventListener("onDone", this, "fadePickedOut");
                }

        }
}







var locale = {
        dashboard_publish_customicon : "<h2>This widget cannot be published<\/h2><p>In order for you to publish this widget you need to upload a custom icon for it. <a href='/me_editwidget/{0}/'>Edit the widget »<\/a>.<\/p>",
        dashboard_publish_published : "<h2>This widget cannot be published<\/h2><p>This is a public widget already found in the library. In order to publish a widget, you first need to <a href='/me_create.html'>create one &raquo;<\/a>.<\/p>",
        dashboard_publish_notowner : "<h2>This widget cannot be published<\/h2><p>This is a widget created by someone else. You can publish a widget that you have <a href='/me_create.html'>created<\/a> your self.<\/p>",
        loggedinbox_phoneconnected : "Phone connected",
        loggedinbox_phonenotconnected : "Phone not connected",
        loggedinbox_phonenotconnectedinfo : "<h2>Phone not connected<\/h2><p>Connect to WidSets by starting the WidSets service on your mobile phone and going online when asked. Remember to use the internet access point.<\/p>",
        loggedinbox_traffic : "Traffic:",
        notloggedinbox_nowidgets : "No widgets picked",
        notloggedinbox_onepicked : "1 widget picked",
        notloggedinbox_npicked : "{0} widgets picked",
        ratewidget_already : "Already rated",
        ratewidget_login : "Login to rate this widget",
        userpicture_iconsaved : "<h2>Icon saved<\/h2><p>Your icon has been saved.<\/p>",
        ajax_error : "<h2>An error occured<\/h2><p>The server did not respond in a timely fashion. Please try again.<\/p>",
        widgets_toomany : "<h2>Too many widgets<\/h2><p>Please <a href=\"\/register.html\">download WidSets<\/a> with the first six widgets to make sure your mobile supports this many. You can always add more widgets later.<\/p>",
        loading : "Loading...",
        user_membersince : "Member since:",
        user_pageviews : "Page views:",
        readmore : "Read&nbsp;more",
        phonesupport_nodevices : "No devices were found.",
        phonesupport_devicesfound : "devices found",
        phonesupport_deviceselected : "1 device selected",
        db_saving : "Saving changes...",
        db_save_error : "An error occured while saving changes",
        db_changes_saved : "Changes saved",

        replace: function(){
                var key = arguments[0];
                for(var i=1; i<arguments.length; i++) {
                        var needle = "{" + (i-1) + "}";
                        key = key.replace(needle, arguments[i]);
                }
                return key;
        }
}