/*  Prototype JavaScript framework, version 1.4.0_pre4
 *  (c) 2005 Sam Stephenson <sam@conio.net>
 *
 *  Prototype is freely distributable under the terms of an MIT-style license.
 *
 *  For details, see the Prototype web site: http://prototype.conio.net/
 *
/*--------------------------------------------------------------------------*/

var Prototype = {
    Version: '1.4.0_pre4',

    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 (property in source) {
        destination[property] = source[property];
    }
    return destination;
}

Function.prototype.bind = function(object) {
    var __method = this;
    return function() {
        return __method.apply(object, arguments);
    }
}

Function.prototype.bindAsEventListener = function(object) {
    var __method = this;
    return function(event) {
        return __method.call(object, event || window.event);
    }
}

Number.prototype.toColorPart = function() {
    var digits = this.toString(16);
    if (this < 16) return '0' + digits;
    return digits;
}

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

        for (var i = 0; i < arguments.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() {
        setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
    },

    onTimerEvent: function() {
        if (!this.currentlyExecuting) {
            try {
                this.currentlyExecuting = true;
                this.callback();
            } finally {
                this.currentlyExecuting = false;
            }
        }
    }
}

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

function $() {
    var elements = new Array();

    for (var i = 0; i < arguments.length; i++) {
        var element = arguments[i];
        if (typeof element == 'string'){
            element = document.getElementById(element);
        }
        if (arguments.length == 1){
            return element;
        }
        elements.push(element);
    }
    return elements;
}

if (!Array.prototype.push) {
    Array.prototype.push = function() {
        var startLength = this.length;
        for (var i = 0; i < arguments.length; i++)
            this[startLength + i] = arguments[i];
        return this.length;
    }
}

if (!Function.prototype.apply) {
    // Based on code from http://www.youngpup.net/
    Function.prototype.apply = function(object, parameters) {
        var parameterStrings = new Array();
        if (!object)     object = window;
        if (!parameters) parameters = new Array();

        for (var i = 0; i < parameters.length; i++)
            parameterStrings[i] = 'parameters[' + i + ']';

        object.__apply__ = this;
        var result = eval('object.__apply__(' +
                          parameterStrings.join(', ') + ')');
        object.__apply__ = null;

        return result;
    }
}

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

    escapeHTML: function() {
        var div = document.createElement('div');
        var text = document.createTextNode(this);
        div.appendChild(text);
        return div.innerHTML;
    },

    unescapeHTML: function() {
        var div = document.createElement('div');
        div.innerHTML = this.stripTags();
        return div.childNodes[0].nodeValue;
    },

    parseQuery: function() {
        var str = this;
        if (str.substring(0,1) == '?') {
            str = this.substring(1);
        }
        var result = {};
        var pairs = str.split('&');
        for (var i = 0; i < pairs.length; i++) {
            var pair = pairs[i].split('=');
            result[pair[0]] = pair[1];
        }
        return result;
    }
});


var _break    = new Object();
var _continue = new Object();

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

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

    any: function(iterator) {
        var result = true;
        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(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;
    },

    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.collect(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 (value >= (result || value))
                result = value;
        });
        return result;
    },

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

    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) {
            iterator(value = collections.pluck(index));
            return value;
        });
    }
}

Object.extend(Enumerable, {
    map:     Enumerable.collect,
    find:    Enumerable.detect,
    select:  Enumerable.findAll,
    member:  Enumerable.include,
    entries: Enumerable.toArray
});

$A = Array.from = function(iterable) {
    var results = [];
    for (var i = 0; i < iterable.length; i++)
        results.push(iterable[i]);
    return results;
}

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

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

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

Object.extend(Array.prototype, Enumerable);


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

Ajax.Base = function() {};
Ajax.Base.prototype = {
    setOptions: function(options) {
        this.options = {
            method:       'post',
            asynchronous: true,
            parameters:   ''
        }
        Object.extend(this.options, options || {});
    },

    responseIsSuccess: function() {
        return this.transport.status == undefined
                || this.transport.status == 0
                || (this.transport.status >= 200 && this.transport.status < 300);
    },

    responseIsFailure: function() {
        return !this.responseIsSuccess();
    }
}

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

Ajax.Request.prototype = Object.extend(new Ajax.Base(), {
    initialize: function(url, options) {
        this.transport = Ajax.getTransport();
        this.setOptions(options);
        this.request(url);
    },

    request: function(url) {
        var parameters = this.options.parameters || '';
        if (parameters.length > 0) parameters += '&_=';

        try {
            if (this.options.method == 'get')
                url += '?' + parameters;

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

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

            this.setRequestHeaders();

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

        } catch (e) {
        }
    },

    setRequestHeaders: function() {
        var requestHeaders =
                ['X-Requested-With', 'XMLHttpRequest',
                        'X-Prototype-Version', Prototype.Version];

        if (this.options.method == 'post') {
            requestHeaders.push('Content-type',
                    'application/x-www-form-urlencoded');

            /* Force "Connection: close" for Mozilla browsers to work around
            * a bug where XMLHttpReqeuest sends an incorrect Content-length
            * header. See Mozilla Bugzilla #246651.
            */
            if (this.transport.overrideMimeType)
                requestHeaders.push('Connection', 'close');
        }

        if (this.options.requestHeaders)
            requestHeaders.push.apply(requestHeaders, this.options.requestHeaders);

        for (var i = 0; i < requestHeaders.length; i += 2)
            this.transport.setRequestHeader(requestHeaders[i], requestHeaders[i+1]);
    },

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

    respondToReadyState: function(readyState) {
        var event = Ajax.Request.Events[readyState];

        if (event == 'Complete')
            (this.options['on' + this.transport.status]
                    || this.options['on' + (this.responseIsSuccess() ? 'Success' : 'Failure')]
                    || Prototype.emptyFunction)(this.transport);

        (this.options['on' + event] || Prototype.emptyFunction)(this.transport);

        /* Avoid memory leak in MSIE: clean up the oncomplete event handler */
        if (event == 'Complete')
            this.transport.onreadystatechange = Prototype.emptyFunction;
    }
});

Ajax.Updater = Class.create();
Ajax.Updater.ScriptFragment = '(?:<script.*?>)((\n|.)*?)(?:<\/script>)';

Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {
    initialize: function(container, url, options) {
        this.containers = {
            success: container.success ? $(container.success) : $(container),
            failure: 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() {
            this.updateContent();
            onComplete(this.transport);
        }).bind(this);

        this.request(url);
    },

    updateContent: function() {
        var receiver = this.responseIsSuccess() ?
                       this.containers.success : this.containers.failure;

        var match    = new RegExp(Ajax.Updater.ScriptFragment, 'img');
        var response = this.transport.responseText.replace(match, '');
        var scripts  = this.transport.responseText.match(match);

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

        if (this.responseIsSuccess()) {
            if (this.onComplete)
                setTimeout((function() {this.onComplete(
                        this.transport)}).bind(this), 10);
        }

        if (this.options.evalScripts && scripts) {
            match = new RegExp(Ajax.Updater.ScriptFragment, 'im');
            setTimeout((function() {
                for (var i = 0; i < scripts.length; i++)
                    eval(scripts[i].match(match)[1]);
            }).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 = 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.onComplete = undefined;
        clearTimeout(this.timer);
        (this.onComplete || Ajax.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);
    }
});

document.getElementsByClassName = function(className) {
    var children = document.getElementsByTagName('*') || document.all;
    var elements = new Array();

    for (var i = 0; i < children.length; i++) {
        var child = children[i];
        var classNames = child.className.split(' ');
        for (var j = 0; j < classNames.length; j++) {
            if (classNames[j] == className) {
                elements.push(child);
                break;
            }
        }
    }

    return elements;
}

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

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

Object.extend(Element, {
    toggle: function() {
        for (var i = 0; i < arguments.length; i++) {
            var element = $(arguments[i]);
            element.style.display =
            (element.style.display == 'none' ? '' : 'none');
        }
    },

    hide: function() {
        for (var i = 0; i < arguments.length; i++) {
            var element = $(arguments[i]);
            element.style.display = 'none';
        }
    },

    show: function() {
        for (var i = 0; i < arguments.length; i++) {
            var element = $(arguments[i]);
            element.style.display = '';
        }
    },

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

    getHeight: function(element) {
        element = $(element);
        return element.offsetHeight;
    },

    hasClassName: function(element, className) {
        element = $(element);
        if (!element)
            return;
        var a = element.className.split(' ');
        for (var i = 0; i < a.length; i++) {
            if (a[i] == className)
                return true;
        }
        return false;
    },

    addClassName: function(element, className) {
        element = $(element);
        Element.removeClassName(element, className);
        element.className += ' ' + className;
    },

    removeClassName: function(element, className) {
        element = $(element);
        if (!element)
            return;
        var newClassName = '';
        var a = element.className.split(' ');
        for (var i = 0; i < a.length; i++) {
            if (a[i] != className) {
                if (i > 0)
                    newClassName += ' ';
                newClassName += a[i];
            }
        }
        element.className = newClassName;
    },

// removes whitespace-only text node children
    cleanWhitespace: function(element) {
        element = $(element);
        if(element){
            for (var i = 0; i < element.childNodes.length; i++) {
                var node = element.childNodes[i];
                if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
                    Element.remove(node);
            }
        }
    }
});

var Toggle = new Object();
Toggle.display = Element.toggle;

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

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

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

        if (this.adjacency && this.element.insertAdjacentHTML) {
            this.element.insertAdjacentHTML(this.adjacency, this.content);
        } else {
            this.range = this.element.ownerDocument.createRange();
            if (this.initializeRange) this.initializeRange();
            this.fragment = this.range.createContextualFragment(this.content);
            this.insertContent();
        }
    }
}

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() {
        this.element.parentNode.insertBefore(this.fragment, this.element);
    }
});

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() {
        this.element.insertBefore(this.fragment, this.element.firstChild);
    }
});

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() {
        this.element.appendChild(this.fragment);
    }
});

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

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

var Field = {
    clear: function() {
        for (var i = 0; i < arguments.length; i++)
            $(arguments[i]).value = '';
    },

    focus: function(element) {
        $(element).focus();
    },

    present: function() {
        for (var i = 0; i < arguments.length; i++)
            if ($(arguments[i]).value == '') return false;
        return true;
    },

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

    activate: function(element) {
        $(element).focus();
        $(element).select();
    }
}

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

var Form = {
    serialize: function(form) {
        var elements = Form.getElements($(form));
        var queryComponents = new Array();

        for (var i = 0; i < elements.length; i++) {
            var queryComponent = Form.Element.serialize(elements[i]);
            if (queryComponent)
                queryComponents.push(queryComponent);
        }

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

    getElements: function(form) {
        form = $(form);
        var elements = new Array();

        for (tagName in Form.Element.Serializers) {
            var tagElements = form.getElementsByTagName(tagName);
            for (var j = 0; j < tagElements.length; j++)
                elements.push(tagElements[j]);
        }
        return elements;
    },

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

        if (!typeName && !name)
            return inputs;

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

        return matchingInputs;
    },

    disable: function(form) {
        var elements = Form.getElements(form);
        for (var i = 0; i < elements.length; i++) {
            var element = elements[i];
            element.blur();
            element.disabled = 'true';
        }
    },

    enable: function(form) {
        var elements = Form.getElements(form);
        for (var i = 0; i < elements.length; i++) {
            var element = elements[i];
            element.disabled = '';
        }
    },

    focusFirstElement: function(form) {
        form = $(form);
        var elements = Form.getElements(form);
        for (var i = 0; i < elements.length; i++) {
            var element = elements[i];
            if (element.type != 'hidden' && !element.disabled) {
                Field.activate(element);
                break;
            }
        }
    },

    reset: function(form) {
        $(form).reset();
    }
}

Form.Element = {
    serialize: function(element) {
        element = $(element);
        if(element){
            var method = element.tagName.toLowerCase();
            var parameter = Form.Element.Serializers[method](element);

            if (parameter) {
                return encodeURIComponent(parameter[0]) + '=' +
                       encodeURIComponent(parameter[1]);
            }
        }
    },

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

            if (parameter){
                return parameter[1];
            }
        }
    }
}

Form.Element.Serializers = {
    input: function(element) {
        switch (element.type.toLowerCase()) {
            case 'submit':
            case 'hidden':
            case 'password':
            case 'text':
                return Form.Element.Serializers.textarea(element);
            case 'checkbox':
            case 'radio':
                return Form.Element.Serializers.inputSelector(element);
        }
        return false;
    },

    inputSelector: function(element) {
        if (element.checked)
            return [element.name, element.value];
    },

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

    select: function(element) {
        var value = '';
        if (element.type == 'select-one') {
            var index = element.selectedIndex;
            if (index >= 0)
                value = element.options[index].value || element.options[index].text;
        } else {
            value = new Array();
            for (var i = 0; i < element.length; i++) {
                var opt = element.options[i];
                if (opt.selected)
                    value.push(opt.value || opt.text);
            }
        }
        return [element.name, value];
    }
}

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

var $F = Form.Element.getValue;

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

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();
        if (this.lastValue != value) {
            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() {
        var elements = Form.getElements(this.element);
        for (var i = 0; i < elements.length; i++)
            this.registerCallback(elements[i]);
    },

    registerCallback: function(element) {
        if (element.type) {
            switch (element.type.toLowerCase()) {
                case 'checkbox':
                case 'radio':
                    element.target = this;
                    element.prev_onclick = element.onclick || Prototype.emptyFunction;
                    element.onclick = function() {
                        this.prev_onclick();
                        this.target.onElementEvent();
                    }
                    break;
                case 'password':
                case 'text':
                case 'textarea':
                case 'select-one':
                case 'select-multiple':
                    element.target = this;
                    element.prev_onchange = element.onchange || Prototype.emptyFunction;
                    element.onchange = function() {
                        this.prev_onchange();
                        this.target.onElementEvent();
                    }
                    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,

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

// 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; i < Event.observers.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' &&
            ((/Konqueror|Safari|KHTML/.test(navigator.userAgent))
                    || element.attachEvent))
            name = 'keydown';

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

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

        if (name == 'keypress' &&
            ((/Konqueror|Safari|KHTML/.test(navigator.userAgent))
                    || element.detachEvent))
            name = 'keydown';

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

/* prevent memory leaks in 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];
    },

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

    clone: function(source, target) {
        source = $(source);
        target = $(target);
        target.style.position = 'absolute';
        var offsets = this.cumulativeOffset(source);
        target.style.top    = offsets[1] + 'px';
        target.style.left   = offsets[0] + 'px';
        target.style.width  = source.offsetWidth + 'px';
        target.style.height = source.offsetHeight + 'px';
    }
}

/** 
*	END prototype.js 
*	START util.js
**/

/*
*	adapted from http://dhtmlkitchen.com/learn/js/setstyle/index4.jsp
*	note: Safari return null on elements with display:none; see http://bugzilla.opendarwin.org/show_bug.cgi?id=4125
*	instead of "auto" values returns null so it's easier to use with || constructs
*/
String.prototype.camelize = function() {
  var oStringList = this.split('-');
  if(oStringList.length == 1)    
    return oStringList[0];
  var ret = this.indexOf("-") == 0 ? 
    oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0];
  for(var i = 1, len = oStringList.length; i < len; i++){
    var s = oStringList[i];
    ret += s.charAt(0).toUpperCase() + s.substring(1)
  }
  return ret;
}

Element.getStyle = function(element, style) {
  element = $(element);
  var value = element.style[style.camelize()];
  if(!value)
    if(document.defaultView && document.defaultView.getComputedStyle) {
      var css = document.defaultView.getComputedStyle(element, null);
      value = (css!=null) ? css.getPropertyValue(style) : null;
    } else if(element.currentStyle) {
      value = element.currentStyle[style.camelize()];
    }
  
  // If top, left, bottom, or right values have been queried, return "auto" for consistency resaons 
  // if position is "static", as Opera (and others?) returns the pixel values relative to root element 
  // (or positioning context?)
  if (window.opera && (style == "left" || style == "top" || style == "right" || style == "bottom"))
    if (Element.getStyle(element, "position") == "static") value = "auto";
    
  if(value=='auto') value = null;
  return value;
}

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

/** 
*	END util.js 
*	START slideselect.js
**/

if(!Control) var Control = {};
Control.SlideSelect = Class.create();
/* options:
//  minimum: 
//  maximum:
//
//  callbacks:
//  onStartDrag()
//  onChange(value)
//  onSlide(value) */
Control.SlideSelect.prototype = {
  initialize: function(handle, track, options) {
    this.handle  = $(handle);
    this.track   = $(track);

    this.options = options || {};

    this.increment  = this.options.increment || 1;
    this.value      = this.options.value || 0;
	var effectiveTrackWidth = this.track.offsetWidth - this.handle.offsetWidth;
	this.alignX 	= parseInt(this.options.alignX) || 0;
	if(this.alignX>(effectiveTrackWidth)){
		this.alignX = effectiveTrackWidth;
	}
	this.sliderValue = parseInt(this.options.sliderValue) || 0;
	if(this.sliderValue>(effectiveTrackWidth)){
		this.sliderValue = effectiveTrackWidth;
	}
	
    var defaultMaximum = effectiveTrackWidth;

    this.maximum =  parseInt(this.options.maximum) || effectiveTrackWidth;
    this.minimum =  parseInt(this.options.minimum) || 0;
	this.setCurrentLeft(this.alignX);
	
	// No use now
	// this.setCurrentTop(this.trackTop() - Position.cumulativeOffset(this.handle)[1] + this.alignY);

    // this.offsetX = this.options.offsetX || 0;
    // this.offsetY = this.options.offsetY || 0;

    this.originalLeft = this.currentLeft();
    // this.originalTop  = this.currentTop();
    // this.originalZ    = parseInt(this.handle.style.zIndex || "100");

    // Prepopulate Slider value
    this.setSliderValue(this.sliderValue || 0);

    this.active   = false;
    this.dragging = false;
    this.disabled = false;

    // FIXME: use css
    this.handleImage    = $(this.options.handleImage) || false; 
    this.handleDisabled = this.options.handleDisabled || false;
    this.handleEnabled  = false;
    if(this.handleImage){
      this.handleEnabled  = this.handleImage.src || false;
	 }

    if(this.options.disabled){
      this.setDisabled();
	 }

	Element.makePositioned(this.handle); // fix IE

    this.eventMouseDown = this.startDrag.bindAsEventListener(this);
    this.eventMouseUp   = this.endDrag.bindAsEventListener(this);
	// this.eventMouseOut  = this.endDrag.bindAsEventListener(this);
    this.eventMouseMove = this.update.bindAsEventListener(this);
    this.eventKeypress  = this.keyPress.bindAsEventListener(this);

    Event.observe(this.handle, "mousedown", this.eventMouseDown);
    Event.observe(document, "mouseup", this.eventMouseUp);
	// Event.observe(this.track, "mouseout", this.eventMouseOut);
    Event.observe(document, "mousemove", this.eventMouseMove);
    Event.observe(document, "keypress", this.eventKeypress);
  },
  dispose: function() {
    Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
    Event.stopObserving(document, "mouseup", this.eventMouseUp);
	// Event.stopObserving(this.track, "mouseout", this.eventMouseOut);
    Event.stopObserving(document, "mousemove", this.eventMouseMove);
    Event.stopObserving(document, "keypress", this.eventKeypress);
  },
  setDisabled: function(){
    this.disabled = true;
    if(this.handleDisabled)
      this.handleImage.src = this.handleDisabled;
  },
  setEnabled: function(){
    this.disabled = false;
    if(this.handleEnabled)
      this.handleImage.src = this.handleEnabled;
  },  
  currentLeft: function() {
    return parseInt(this.handle.style.left || '0');
  },/*
  currentTop: function() {
    return parseInt(this.handle.style.top || '0');
  },*/
  setCurrentLeft: function(left) {
  	// alert(this.handle.id +" | setCurrentLeft: " + left);
    this.handle.style.left = left +"px";
  },/*
  setCurrentTop: function(top) {
    this.handle.style.top = top +"px";
  },*/
  trackLeft: function(){
    return Position.cumulativeOffset(this.track)[0];
  },/*
  trackTop: function(){
    return Position.cumulativeOffset(this.track)[1];
  }, */
  setSliderValue:  function(sliderValue){

    // First check our max and minimum
    if(sliderValue >= this.maximum) {
		sliderValue = this.maximum;

    }
    if(sliderValue <= this.minimum){
		sliderValue = this.minimum;
	}
    var offsetDiff = (sliderValue - this.value) * this.increment;
    this.setCurrentLeft(offsetDiff + this.currentLeft());
    this.value = sliderValue;
    // TODO: WHY Call this!?
    // this.updateFinished();
  },
  minimumOffset: function(){
  	return (this.trackLeft() + this.alignX+this.minimum);
  },
  maximumOffset: function(){
    return (this.trackLeft() + this.alignX + this.maximum * this.increment);
  },
  startDrag: function(event) {
    if(Event.isLeftClick(event)) {
        // TODO: onStartDrag
        if(!this.disabled){
            if(this.options.onStartDrag) {
		        this.options.onStartDrag();
	        }
        this.active = true;
        var pointer = [Event.pointerX(event), Event.pointerY(event)];
        var offsets = Position.cumulativeOffset(this.handle);
        this.offsetX =  (pointer[0] - offsets[0]);
        this.offsetY =  (pointer[1] - offsets[1]);
        this.originalLeft = this.currentLeft();
       //  this.originalTop = this.currentTop();
      }
      Event.stop(event);
    }
  },
  update: function(event) {
   if(this.active) {
      if(!this.dragging) {
        var style = this.handle.style;
        this.dragging = true;
        // if(style.position=="") style.position = "relative";
        // style.zIndex = this.options.zindex;
      }
      this.draw(event);
      // fix AppleWebKit rendering
      if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
      Event.stop(event);
   }
  },
  draw: function(event) {
  	var pointer = [Event.pointerX(event), Event.pointerY(event)];
    var offsets = Position.cumulativeOffset(this.handle);
	
    offsets[0] -= this.currentLeft();
    // offsets[1] -= this.currentTop();
        
    // Adjust for the pointer's position on the handle
    pointer[0] -= this.offsetX;
    // pointer[1] -= this.offsetY;
    
	var style = this.handle.style;
	
      if(pointer[0] > this.maximumOffset()){
	  	pointer[0] = this.maximumOffset();
	  }
      if(pointer[0] < this.minimumOffset()){
	  	pointer[0] =  this.minimumOffset();
	  }	
      this.value = Math.round((pointer[0] - this.trackLeft()) / this.increment);
	  // this.value = Math.round(pointer[0] / this.increment);
      style.left = (pointer[0] - offsets[0]) + "px";
    if(this.options.onSlide){
		this.options.onSlide(this.value);
	}
  },
  endDrag: function(event) {
    if(this.active && this.dragging) {
      this.finishDrag(event, true);
      Event.stop(event);
    }
    this.active = false;
    this.dragging = false;
  },  
  finishDrag: function(event, success) {
    this.active = false;
    this.dragging = false;
    // this.handle.style.zIndex = this.originalZ;
    this.originalLeft = this.currentLeft();
    // this.originalTop  = this.currentTop();
    this.updateFinished();
  },
  updateFinished: function() {
    if(this.options.onChange) {
		this.options.onChange(this.value);
	}
  },
  keyPress: function(event) {
    if(this.active && !this.disabled) {
      switch(event.keyCode) {
        case Event.KEY_ESC:
          this.finishDrag(event, false);
          Event.stop(event); 
          break;
      }
      if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
    }
  }
}


Control.ClipperSlide = Class.create();
// Class that handels a track display via clipping
Control.ClipperSlide.prototype = {
    initialize: function(element, options) {
        this.element  = $(element);
        this.options = options || {};
        this.top  = this.options.top;
        this.right  = this.options.right;
        this.bottom  = this.options.bottom;
        this.left  = this.options.left;
        this.element.style.position = this.options.overflow || "absolute";
        this.element.style.overflow = this.options.overflow || "hidden";
        this.doClip();
    },
    clipLeft: function(v){
        this.left = v;
        this.doClip();
    },
    clipRight: function(v){
        this.right = v;
        this.doClip();
    },
    doClip: function(){
        this.element.style.clip = "rect(" + this.top + "px," + this.right + "px," + this.bottom + "px," + this.left + "px)"

    }
}

Control.CheckboxWatcher = Class.create();
// Watch chkBoxes
Control.CheckboxWatcher.prototype = {
    initialize: function(chkBox, options) {
        $("debug1").innerHTML += "CheckboxWatcher";
        this.chkBox = $(chkBox);
        this.options = options || {};
        this.value = this.options.value || false;
        //assigning our method to the event
        this.chkBox.onchange = this.showMessage.bindAsEventListener(this);
    },
    showMessage: function(evt) {
        $("debug1").innerHTML += "<br />showMessage ";
        this.value = this.chkBox.checked;
        $("debug1").innerHTML += "<br /><strong>" + this.value + "</strong>";
        if(this.options.onChange) {
            this.options.onChange(this.value);
        }
    }
};