From 7ef52b89ada02fb911cf2e0ac822b0687fd1ca62 Mon Sep 17 00:00:00 2001
From: uwolfer <uwolfer@283d02a7-25f6-0310-bc7c-ecb5cbfe19da>
Date: Tue, 5 Feb 2008 22:01:22 +0000
Subject: [PATCH] New feature for KGet: Webinterface.

The webinterface lets you control your downloads over network and KGet.

Based on QTcpServer. Browser part based on Ajax and JSON (with JavaScript framework MooTools).

This is just initial work; at the moment you are able to list your current downloads and add new ones.

CCMAIL:kget@kde.org

git-svn-id: svn://anonsvn.kde.org/home/kde/trunk/KDE/kdenetwork@771422 283d02a7-25f6-0310-bc7c-ecb5cbfe19da
---
 kget/CMakeLists.txt                             |   4 +
 kget/conf/dlgwebinterface.cpp                   |  43 ++++
 kget/conf/dlgwebinterface.h                     |  32 +++
 kget/conf/dlgwebinterface.ui                    | 118 +++++++++++
 kget/conf/kget.kcfg                             |  15 ++
 kget/conf/preferencesdialog.cpp                 |  11 +-
 kget/conf/preferencesdialog.h                   |   5 -
 kget/extensions/CMakeLists.txt                  |   1 +
 kget/extensions/webinterface/CMakeLists.txt     |   1 +
 kget/extensions/webinterface/httpserver.cpp     | 128 ++++++++++++
 kget/extensions/webinterface/httpserver.h       |  32 +++
 kget/extensions/webinterface/www/CMakeLists.txt |   6 +
 kget/extensions/webinterface/www/index.htm      | 121 +++++++++++
 kget/extensions/webinterface/www/mootools.js    | 254 ++++++++++++++++++++++++
 kget/mainwindow.cpp                             |  16 +-
 kget/mainwindow.h                               |   3 +
 16 files changed, 780 insertions(+), 10 deletions(-)
 create mode 100644 kget/conf/dlgwebinterface.cpp
 create mode 100644 kget/conf/dlgwebinterface.h
 create mode 100644 kget/conf/dlgwebinterface.ui
 create mode 100644 kget/extensions/webinterface/CMakeLists.txt
 create mode 100644 kget/extensions/webinterface/httpserver.cpp
 create mode 100644 kget/extensions/webinterface/httpserver.h
 create mode 100644 kget/extensions/webinterface/www/CMakeLists.txt
 create mode 100644 kget/extensions/webinterface/www/index.htm
 create mode 100644 kget/extensions/webinterface/www/mootools.js

diff --git a/kget/CMakeLists.txt b/kget/CMakeLists.txt
index 64187425d..8fb78ff59 100644
--- a/kget/CMakeLists.txt
+++ b/kget/CMakeLists.txt
@@ -56,6 +56,7 @@ install(TARGETS kgetcore DESTINATION ${LIB_INSTALL_DIR})
 
 set(kget_SRCS ${kget_adaptor_SRCS}
    conf/dlgdirectories.cpp
+   conf/dlgwebinterface.cpp
    conf/preferencesdialog.cpp
    conf/transfersgroupwidget.cpp
    conf/selectdirectoryitemdelegate.cpp
@@ -74,12 +75,15 @@ set(kget_SRCS ${kget_adaptor_SRCS}
    ui/groupsettingsdialog.cpp
    mainwindow.cpp
    main.cpp
+
+   extensions/webinterface/httpserver.cpp
 )
 
 kde4_add_ui_files(kget_SRCS
    conf/dlgadvanced.ui
    conf/dlgappearance.ui
    conf/dlgdirectories.ui
+   conf/dlgwebinterface.ui
    conf/dlgnetwork.ui
    ui/transferdetailsfrm.ui
    ui/newtransferwidget.ui
diff --git a/kget/conf/dlgwebinterface.cpp b/kget/conf/dlgwebinterface.cpp
new file mode 100644
index 000000000..d5886002f
--- /dev/null
+++ b/kget/conf/dlgwebinterface.cpp
@@ -0,0 +1,43 @@
+/* This file is part of the KDE project
+
+   Copyright (C) 2008 Urs Wolfer <uwolfer @ kde.org>
+
+   This program is free software; you can redistribute it and/or
+   modify it under the terms of the GNU General Public
+   License as published by the Free Software Foundation; either
+   version 2 of the License, or (at your option) any later version.
+*/
+
+#include "dlgwebinterface.h"
+
+#include "settings.h"
+
+DlgWebinterface::DlgWebinterface(QWidget *parent)
+    : QWidget(parent)
+{
+    setupUi(this);
+    changePasswordButton->setIcon(KIcon("dialog-password"));
+
+    connect(changePasswordButton, SIGNAL(clicked()), SLOT(changePasswordButtonClicked()));
+
+    readConfig();
+}
+
+DlgWebinterface::~DlgWebinterface()
+{
+}
+
+void DlgWebinterface::readConfig()
+{
+}
+
+void DlgWebinterface::saveSettings()
+{
+}
+
+void DlgWebinterface::changePasswordButtonClicked()
+{
+//TODO: implement
+}
+
+#include "dlgwebinterface.moc"
diff --git a/kget/conf/dlgwebinterface.h b/kget/conf/dlgwebinterface.h
new file mode 100644
index 000000000..87f1c77a7
--- /dev/null
+++ b/kget/conf/dlgwebinterface.h
@@ -0,0 +1,32 @@
+/* This file is part of the KDE project
+
+   Copyright (C) 2008 Urs Wolfer <uwolfer @ kde.org>
+
+   This program is free software; you can redistribute it and/or
+   modify it under the terms of the GNU General Public
+   License as published by the Free Software Foundation; either
+   version 2 of the License, or (at your option) any later version.
+*/
+
+#ifndef DLGWEBINTERFACE_H
+#define DLGWEBINTERFACE_H
+
+#include <QWidget>
+
+#include "ui_dlgwebinterface.h"
+
+class DlgWebinterface : public QWidget, public Ui::DlgWebinterface
+{
+    Q_OBJECT
+
+public:
+    DlgWebinterface(QWidget *parent = 0);
+    ~DlgWebinterface();
+
+private Q_SLOTS:
+    void readConfig();
+    void saveSettings();
+    void changePasswordButtonClicked();
+};
+
+#endif
diff --git a/kget/conf/dlgwebinterface.ui b/kget/conf/dlgwebinterface.ui
new file mode 100644
index 000000000..19d962072
--- /dev/null
+++ b/kget/conf/dlgwebinterface.ui
@@ -0,0 +1,118 @@
+<ui version="4.0" >
+ <class>DlgWebinterface</class>
+ <widget class="QWidget" name="DlgWebinterface" >
+  <property name="geometry" >
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>389</height>
+   </rect>
+  </property>
+  <property name="windowTitle" >
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" >
+   <item>
+    <widget class="QGroupBox" name="kcfg_WebinterfaceEnabled" >
+     <property name="title" >
+      <string>Enable Webinterface</string>
+     </property>
+     <property name="checkable" >
+      <bool>true</bool>
+     </property>
+     <property name="checked" >
+      <bool>false</bool>
+     </property>
+     <layout class="QGridLayout" >
+      <item row="0" column="0" >
+       <widget class="QLabel" name="portLabel" >
+        <property name="text" >
+         <string>Port:</string>
+        </property>
+       </widget>
+      </item>
+      <item rowspan="2" row="0" column="1" >
+       <spacer>
+        <property name="orientation" >
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" >
+         <size>
+          <width>61</width>
+          <height>51</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item row="0" column="2" >
+       <widget class="QSpinBox" name="kcfg_WebinterfacePort" >
+        <property name="maximum" >
+         <number>100000</number>
+        </property>
+       </widget>
+      </item>
+      <item row="1" column="0" >
+       <widget class="QLabel" name="userLabel" >
+        <property name="text" >
+         <string>User:</string>
+        </property>
+       </widget>
+      </item>
+      <item row="1" column="2" >
+       <widget class="QLineEdit" name="kcfg_WebinterfaceUser" />
+      </item>
+      <item row="2" column="0" colspan="2" >
+       <spacer>
+        <property name="orientation" >
+         <enum>Qt::Horizontal</enum>
+        </property>
+        <property name="sizeHint" >
+         <size>
+          <width>171</width>
+          <height>20</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+      <item row="2" column="2" >
+       <widget class="QPushButton" name="changePasswordButton" >
+        <property name="text" >
+         <string>Change Password...</string>
+        </property>
+       </widget>
+      </item>
+      <item row="3" column="0" colspan="2" >
+       <spacer>
+        <property name="orientation" >
+         <enum>Qt::Vertical</enum>
+        </property>
+        <property name="sizeHint" >
+         <size>
+          <width>131</width>
+          <height>40</height>
+         </size>
+        </property>
+       </spacer>
+      </item>
+     </layout>
+    </widget>
+   </item>
+   <item>
+    <spacer>
+     <property name="orientation" >
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeHint" >
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/kget/conf/kget.kcfg b/kget/conf/kget.kcfg
index 67a42a157..05baa7bb5 100644
--- a/kget/conf/kget.kcfg
+++ b/kget/conf/kget.kcfg
@@ -122,6 +122,21 @@
     </entry>
   </group>
 
+  <group name="Webinterface">
+    <entry name="WebinterfaceEnabled" type="Bool">
+      <default>false</default>
+    </entry>
+    <entry name="WebinterfacePort" type="Int">
+      <default>8080</default>
+    </entry>
+    <entry name="WebinterfaceUser" type="String">
+      <default>admin</default>
+    </entry>
+    <entry name="WebinterfacePassword" type="String">
+      <default>admin</default>
+    </entry>
+  </group>
+
   <group name="Internal">
     <!-- NOT CONFIGURABLE -->
     <entry name="MainPosition" type="Point"/>
diff --git a/kget/conf/preferencesdialog.cpp b/kget/conf/preferencesdialog.cpp
index f9fe411e8..545cb7848 100644
--- a/kget/conf/preferencesdialog.cpp
+++ b/kget/conf/preferencesdialog.cpp
@@ -12,6 +12,7 @@
 #include "ui_dlgappearance.h"
 #include "ui_dlgnetwork.h"
 #include "dlgdirectories.h"
+#include "dlgwebinterface.h"
 #include "ui_dlgadvanced.h"
 #include "transfersgroupwidget.h"
 
@@ -21,11 +22,12 @@
 PreferencesDialog::PreferencesDialog(QWidget * parent, KConfigSkeleton * skeleton)
     : KConfigDialog(parent, "preferences", skeleton)
 {
-    appearance = new QWidget(this);
-    groups = new QWidget(this);
+    QWidget *appearance = new QWidget(this);
+    QWidget *groups = new QWidget(this);
     DlgDirectories *directories = new DlgDirectories(this);
-    network = new QWidget(this);
-    advanced = new QWidget(this);
+    DlgWebinterface *webinterface = new DlgWebinterface(this);
+    QWidget *network = new QWidget(this);
+    QWidget *advanced = new QWidget(this);
     plugins = new KTabWidget(this);
 
     groups->setLayout(new TransfersGroupWidget());
@@ -48,6 +50,7 @@ PreferencesDialog::PreferencesDialog(QWidget * parent, KConfigSkeleton * skeleto
     addPage(groups, i18n("Groups"), "bookmarks", i18n("Manage the groups"));
     addPage(directories, i18n("Folders"), "folder", i18n("Default Download Folders"));
     addPage(network, i18n("Network"), "network-workgroup", i18n("Network and Downloads"));
+    addPage(webinterface, i18n("Webinterface"), "network-workgroup", i18n("Control KGet over Network or Internet"));
     addPage(advanced, i18nc("Advanced Options", "Advanced"), "preferences-other", i18n("Advanced Options"));
     addPage(plugins, i18n("Plugins"), "preferences-plugin", i18n("Transfer Plugin Options"));
 
diff --git a/kget/conf/preferencesdialog.h b/kget/conf/preferencesdialog.h
index 77a4d4d5a..a66743ba0 100644
--- a/kget/conf/preferencesdialog.h
+++ b/kget/conf/preferencesdialog.h
@@ -27,11 +27,6 @@ class PreferencesDialog : public KConfigDialog
         void disableButtonApply();
 
     private:
-        QWidget * appearance;
-        QWidget * groups;
-        QWidget * network;
-        QWidget * directories;
-        QWidget * advanced;
         KTabWidget * plugins;
 };
 
diff --git a/kget/extensions/CMakeLists.txt b/kget/extensions/CMakeLists.txt
index 19f5ca271..d8a632a16 100644
--- a/kget/extensions/CMakeLists.txt
+++ b/kget/extensions/CMakeLists.txt
@@ -1 +1,2 @@
 add_subdirectory(konqueror)
+add_subdirectory(webinterface)
diff --git a/kget/extensions/webinterface/CMakeLists.txt b/kget/extensions/webinterface/CMakeLists.txt
new file mode 100644
index 000000000..c5e0b31df
--- /dev/null
+++ b/kget/extensions/webinterface/CMakeLists.txt
@@ -0,0 +1 @@
+add_subdirectory(www)
diff --git a/kget/extensions/webinterface/httpserver.cpp b/kget/extensions/webinterface/httpserver.cpp
new file mode 100644
index 000000000..205e32725
--- /dev/null
+++ b/kget/extensions/webinterface/httpserver.cpp
@@ -0,0 +1,128 @@
+/* This file is part of the KDE project
+
+   Copyright (C) 2008 Urs Wolfer <uwolfer @ kde.org>
+
+   This program is free software; you can redistribute it and/or
+   modify it under the terms of the GNU General Public
+   License as published by the Free Software Foundation; either
+   version 2 of the License, or (at your option) any later version.
+*/
+
+#include "httpserver.h"
+
+#include "core/transferhandler.h"
+#include "core/kget.h"
+#include "settings.h"
+
+#include <KDebug>
+#include <KMessageBox>
+#include <KStandardDirs>
+
+#include <QTcpServer>
+#include <QTcpSocket>
+#include <QFile>
+#include <QDir>
+#include <QHttpRequestHeader>
+#include <QDateTime>
+
+HttpServer::HttpServer(QWidget *parent)
+    : QObject(parent)
+{
+    tcpServer = new QTcpServer(this);
+    if (!tcpServer->listen(QHostAddress::Any, Settings::webinterfacePort())) {
+        KMessageBox::error(0, i18n("Unable to start the server: %1.", tcpServer->errorString()));
+        return;
+    }
+
+    connect(tcpServer, SIGNAL(newConnection()), this, SLOT(handleRequest()));
+}
+
+void HttpServer::handleRequest()
+{
+    int responseCode = 200;
+    QString responseText = "OK";
+    QTcpSocket *clientConnection = tcpServer->nextPendingConnection();
+
+    connect(clientConnection, SIGNAL(disconnected()),
+            clientConnection, SLOT(deleteLater()));
+
+    if (!clientConnection->waitForReadyRead()) {
+        clientConnection->disconnectFromHost();
+    }
+
+    QByteArray request(clientConnection->readAll());
+    QHttpRequestHeader header(request);
+
+    QByteArray data;
+
+    if (header.path().endsWith("data.json")) {
+        data.append("{\"downloads\":[");
+        bool needsToBeClosed = false;
+        foreach(TransferHandler *transfer, KGet::allTransfers()) {
+            if (needsToBeClosed)
+                data.append(","); // close the last line
+            data.append(QString("{\"name\":\"" + transfer->source().fileName() +
+                             "\", \"status\":\"" + transfer->statusText() +
+                             "\", \"size\":\"" + KIO::convertSize(transfer->totalSize()) +
+                             "\", \"progress\":\"" + QString::number(transfer->percent()) + "%\"}").toUtf8());
+            needsToBeClosed = true;
+        }
+        data.append("]}");
+    } else if (header.path().startsWith("/add")) {
+        kDebug(5001) << request;
+
+        QString args = header.path().right(header.path().length() - 5);
+
+        if (!args.isEmpty()) {
+            QStringList argList = args.split('&');
+            foreach(QString s, argList) {
+                QStringList map = s.split('=');
+                QString url = QUrl::fromPercentEncoding(QByteArray(map.at(1).toUtf8()));
+                kDebug() << url;
+                KGet::addTransfer(url, QDir::homePath(), "My Downloads"); //TODO: folders and groups..
+                data.append(QString("Ok, %1 added!").arg(url).toUtf8());
+            }
+        }
+    } else { // read it from filesystem
+        QString fileName = header.path().replace("..", ""); // disallow changing directory
+        if (fileName.endsWith('/'))
+            fileName = "index.htm";
+
+        QString path = KStandardDirs::locate("data", "kget/www/" + fileName);
+        QFile file(path);
+
+        if (path.isEmpty() || !file.open(QIODevice::ReadOnly)) {
+            responseCode = 404;
+            responseText = "Not Found";
+             // DO NOT TRANSLATE THE FOLLOWING MESSAGE! webserver messages are never translated.
+            QString notfoundText = QString("<html><head><title>404 Not Found</title></head><body>"
+                                           "<h1>Not Found</h1>The requested URL <code>%1</code> "
+                                           "was not found on this server.</body></html>")
+                                           .arg(header.path());
+            data.append(notfoundText.toUtf8());
+        } else {
+            while (!file.atEnd()) {
+                data.append(file.readLine());
+            }
+        }
+    }
+
+    // for HTTP informations see: http://www.jmarshall.com/easy/http/
+    QByteArray block;
+    block.append(QString("HTTP/1.1 %1 %2\r\n").arg(responseCode).arg(responseText).toUtf8());
+    block.append(QString("Date: %1 GMT\r\n").arg(QDateTime(QDateTime::currentDateTime())
+                                                 .toString("ddd, dd MMM yyyy hh:mm:ss")).toUtf8());
+    block.append(QString("Server: KGet\r\n").toUtf8()); //TODO: add KGet version
+    if (header.path().endsWith(".png") && responseCode == 200)
+        block.append(QString("Content-Type: image/png\r\n").toUtf8());
+    else if (header.path().endsWith(".json") && responseCode == 200)
+        block.append(QString("Content-Type: application/x-json\r\n").toUtf8());
+    else
+        block.append(QString("Content-Type: text/html; charset=UTF-8\r\n").toUtf8());
+    block.append(QString("Content-Length: " + QString::number(data.length())+"\r\n").toUtf8());
+    block.append(QString("\r\n").toUtf8());
+    block.append(data);
+
+    clientConnection->write(block);
+    clientConnection->disconnectFromHost();
+}
diff --git a/kget/extensions/webinterface/httpserver.h b/kget/extensions/webinterface/httpserver.h
new file mode 100644
index 000000000..2c814f0e2
--- /dev/null
+++ b/kget/extensions/webinterface/httpserver.h
@@ -0,0 +1,32 @@
+/* This file is part of the KDE project
+
+   Copyright (C) 2008 Urs Wolfer <uwolfer @ kde.org>
+
+   This program is free software; you can redistribute it and/or
+   modify it under the terms of the GNU General Public
+   License as published by the Free Software Foundation; either
+   version 2 of the License, or (at your option) any later version.
+*/
+
+#ifndef HTTPSERVER_H
+#define HTTPSERVER_H
+
+#include <QWidget>
+
+class QTcpServer;
+
+class HttpServer : public QObject
+{
+    Q_OBJECT
+
+public:
+    HttpServer(QWidget *parent = 0);
+
+private slots:
+    void handleRequest();
+
+private:
+    QTcpServer *tcpServer;
+};
+
+#endif
diff --git a/kget/extensions/webinterface/www/CMakeLists.txt b/kget/extensions/webinterface/www/CMakeLists.txt
new file mode 100644
index 000000000..55227be4b
--- /dev/null
+++ b/kget/extensions/webinterface/www/CMakeLists.txt
@@ -0,0 +1,6 @@
+set(www_data
+    index.htm
+    mootools.js
+)
+
+install(FILES ${www_data} DESTINATION ${DATA_INSTALL_DIR}/kget/www)
diff --git a/kget/extensions/webinterface/www/index.htm b/kget/extensions/webinterface/www/index.htm
new file mode 100644
index 000000000..55afa47d9
--- /dev/null
+++ b/kget/extensions/webinterface/www/index.htm
@@ -0,0 +1,121 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+Copyright 2008 Urs Wolfer <uwolfer @ kde.org>
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License as
+published by the Free Software Foundation; either version 2 of 
+the License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>KGet Webinterface</title>
+<script type="text/javascript" src="mootools.js"></script>
+<script type="text/javascript">
+window.addEvent('domready', function() {
+    function refreshList() {
+        var request = new Request.JSON({url: 'data.json',
+                secure: false,
+                onComplete: function(jsonObj) {
+                        listDownloads(jsonObj.downloads);
+                }
+        }).send();
+    }
+    refreshList(); // load it at start
+
+    var listDownloads = function(downloads) {
+        var downloadsList = $('downloadsList').empty();
+        var table = new Element('table', {'id': 'downloadList'});
+        downloads.each(function(download) {
+                var tr = new Element('tr').injectInside(table);
+                var name = new Element('td').setHTML(download.name).injectInside(tr);
+                var desc = new Element('td', {'class': 'center'}).setHTML(download.status).injectAfter(name);
+                var size = new Element('td', {'class': 'center'}).setHTML(download.size).injectAfter(desc);
+                var progress = new Element('td', {'class': 'center'}).setHTML(download.progress).injectAfter(size);
+        });
+        table.inject(downloadsList);
+    }
+
+    $('loadDownloads').addEvent('click', function(e) {
+        e = new Event(e).stop();
+        refreshList();
+    });
+
+    $('newDownloadForm').addEvent('submit', function(e) {
+        new Event(e).stop();
+        var log = $('log_res').empty().addClass('ajax-loading');
+        var addRequest = new Request.HTML({url: 'add',
+                update: log,
+                onComplete: function() {
+                log.removeClass('ajax-loading');
+                $('url').value = '';
+                var slide = new Fx.Slide('newDownloadFormContainer').toggle();
+                refreshList();
+            }}).get({'url': $('url').value})
+    });
+
+    $('newDownload').addEvent('click', function(e) {
+        e = new Event(e).stop();
+        var slide = new Fx.Slide('newDownloadFormContainer').toggle();
+    });
+    var slide = new Fx.Slide('newDownloadFormContainer').hide(); // hide it at startup
+});
+</script>
+<style type="text/css">
+body {
+    font-family: sans-serif;
+}
+#newDownloadFormContainer {
+    padding: 10px;
+}
+#downloadList {
+    width: 100%;
+    font-size: 0.8em;
+}
+#downloadList .center {
+    text-align: center;
+    white-space: nowrap;
+}
+</style>
+</head>
+<body>
+<h2>KGet Webinterface</h2>
+<p><a href="#" title="Refresh List" id="loadDownloads">Refresh List</a> | <a href="#" title="New" id="newDownload">New Download</a></p>
+
+<div id="newDownloadFormContainer">
+    <form id="newDownloadForm" action="add" method="post">
+        <div id="form_box">
+            <div>
+                <p>URL:</p>
+                <input type="text" name="url" id="url" value="" />
+            </div>
+            <!--div>
+                <p>Group:</p>
+                <select name="new">
+                    <option value="yes" selected="selected">yes</option>
+                    <option value="no">no</option>
+                </select>
+            </div-->
+            <input type="submit" />
+        </div>
+    </form>
+    <div id="log">
+        <div id="log_res"></div>
+    </div>
+</div>
+
+<h3>Downloads</h3>
+<div id="downloadsList"></div>
+
+</body>
+</html>
diff --git a/kget/extensions/webinterface/www/mootools.js b/kget/extensions/webinterface/www/mootools.js
new file mode 100644
index 000000000..f720da37c
--- /dev/null
+++ b/kget/extensions/webinterface/www/mootools.js
@@ -0,0 +1,254 @@
+//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006-2007 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
+
+var MooTools={version:"1.2dev",build:"1.2b2"};var Native=function(J){J=J||{};var F=J.afterImplement||function(){};var G=J.generics;G=(G!==false);var H=J.legacy;
+var E=J.initialize;var B=J.protect;var A=J.name;var C=E||H;C.constructor=Native;C.$family={name:"native"};if(H&&E){C.prototype=H.prototype;}C.prototype.constructor=C;
+if(A){var D=A.toLowerCase();C.prototype.$family={name:D};Native.typize(C,D);}var I=function(M,K,N,L){if(!B||L||!M.prototype[K]){M.prototype[K]=N;}if(G){Native.genericize(M,K,B);
+}F.call(M,K,N);return M;};C.implement=function(L,K,N){if(typeof L=="string"){return I(this,L,K,N);}for(var M in L){I(this,M,L[M],K);}return this;};C.alias=function(K,M,L){K=this.prototype[K];
+if(K){I(this,M,K,L);}return this;};return C;};Native.implement=function(D,C){for(var B=0,A=D.length;B<A;B++){D[B].implement(C);}};Native.genericize=function(B,C,A){if((!A||!B[C])&&typeof B.prototype[C]=="function"){B[C]=function(){var D=Array.prototype.slice.call(arguments);
+return B.prototype[C].apply(D.shift(),D);};}};Native.typize=function(A,B){if(!A.type){A.type=function(C){return($type(C)===B);};}};(function(B){for(var A in B){Native.typize(B[A],A.toLowerCase());
+}})({Boolean:Boolean,Native:Native,Object:Object});(function(B){for(var A in B){new Native({name:A,initialize:B[A],protect:true});}})({String:String,Function:Function,Number:Number,Array:Array,RegExp:RegExp,Date:Date});
+(function(C,B){for(var D=0,A=B.length;D<A;D++){Native.genericize(C,B[D],true);}return arguments.callee;})(Array,["pop","push","reverse","shift","sort","splice","unshift","concat","join","slice","toString","valueOf","indexOf","lastIndexOf"])(String,["charAt","charCodeAt","concat","indexOf","lastIndexOf","match","replace","search","slice","split","substr","substring","toLowerCase","toUpperCase","valueOf"]);
+function $chk(A){return !!(A||A===0);}function $clear(A){clearTimeout(A);clearInterval(A);return null;}function $defined(A){return(A!=undefined);}function $empty(){}function $arguments(A){return function(){return arguments[A];
+};}function $lambda(A){return(typeof A=="function")?A:function(){return A;};}function $extend(C,A){for(var B in (A||{})){C[B]=A[B];}return C;}function $unlink(C){var B=null;
+switch($type(C)){case"object":B={};for(var E in C){B[E]=$unlink(C[E]);}break;case"array":B=[];for(var D=0,A=C.length;D<A;D++){B[D]=$unlink(C[D]);}break;
+default:return C;}return B;}function $merge(){var E={};for(var D=0,A=arguments.length;D<A;D++){var B=arguments[D];if($type(B)!="object"){continue;}for(var C in B){var G=B[C],F=E[C];
+E[C]=(F&&$type(G)=="object"&&$type(F)=="object")?$merge(F,G):$unlink(G);}}return E;}function $pick(){for(var B=0,A=arguments.length;B<A;B++){if($defined(arguments[B])){return arguments[B];
+}}return null;}function $random(B,A){return Math.floor(Math.random()*(A-B+1)+B);}function $splat(B){var A=$type(B);return(A)?((A!="array"&&A!="arguments")?[B]:B):[];
+}var $time=Date.now||function(){return new Date().getTime();};function $try(B,D,A){try{return B.apply(D,$splat(A));}catch(C){return false;}}function $type(A){if(A==undefined){return false;
+}if(A.$family){return(A.$family.name=="number"&&!isFinite(A))?false:A.$family.name;}if(A.nodeName){switch(A.nodeType){case 1:return"element";case 3:return(/\S/).test(A.nodeValue)?"textnode":"whitespace";
+}}else{if(typeof A.length=="number"){if(A.callee){return"arguments";}else{if(A.item){return"collection";}}}}return typeof A;}var Hash=new Native({name:"Hash",initialize:function(A){if($type(A)=="hash"){A=$unlink(A.getClean());
+}for(var B in A){if(!this[B]){this[B]=A[B];}}return this;}});Hash.implement({getLength:function(){var B=0;for(var A in this){if(this.hasOwnProperty(A)){B++;
+}}return B;},forEach:function(B,C){for(var A in this){if(this.hasOwnProperty(A)){B.call(C,this[A],A,this);}}},getClean:function(){var B={};for(var A in this){if(this.hasOwnProperty(A)){B[A]=this[A];
+}}return B;}});Hash.alias("forEach","each");function $H(A){return new Hash(A);}Array.implement({forEach:function(C,D){for(var B=0,A=this.length;B<A;B++){C.call(D,this[B],B,this);
+}}});Array.alias("forEach","each");function $A(C){if($type(C)=="collection"){var D=[];for(var B=0,A=C.length;B<A;B++){D[B]=C[B];}return D;}return Array.prototype.slice.call(C);
+}function $each(C,B,D){var A=$type(C);((A=="arguments"||A=="collection"||A=="array")?Array:Hash).each(C,B,D);}var Browser=new Hash({Engine:{name:"unknown",version:""},Platform:{name:(navigator.platform.match(/mac|win|linux|nix/i)||["other"])[0].toLowerCase()},Features:{xhr:!!(window.XMLHttpRequest),xpath:!!(document.evaluate),air:!!(window.runtime)}});
+if(window.opera){Browser.Engine.name="presto";}else{if(window.ActiveXObject){Browser.Engine={name:"trident",version:(Browser.Features.xhr)?5:4};}else{if(!navigator.taintEnabled){Browser.Engine={name:"webkit",version:(Browser.Features.xpath)?420:419};
+}else{if(document.getBoxObjectFor!=null){Browser.Engine.name="gecko";}}}}Browser.Engine[Browser.Engine.name]=Browser.Engine[Browser.Engine.name+Browser.Engine.version]=true;
+Browser.Platform[Browser.Platform.name]=true;function $exec(B){if(!B){return B;}if(window.execScript){window.execScript(B);}else{var A=document.createElement("script");
+A.setAttribute("type","text/javascript");A.text=B;document.head.appendChild(A);document.head.removeChild(A);}return B;}Native.UID=0;var Window=new Native({name:"Window",legacy:window.Window,initialize:function(A){if(!A.Element){A.Element=$empty;
+if(Browser.Engine.webkit){A.document.createElement("iframe");}A.Element.prototype=(Browser.Engine.webkit)?window["[[DOMElement.prototype]]"]:{};}A.uid=Native.UID++;
+return $extend(A,Window.Prototype);},afterImplement:function(B,A){window[B]=Window.Prototype[B]=A;}});Window.Prototype={$family:{name:"window"}};new Window(window);
+var Document=new Native({name:"Document",legacy:window.Document,initialize:function(A){A.head=A.getElementsByTagName("head")[0];A.html=A.getElementsByTagName("html")[0];
+A.window=A.defaultView||A.parentWindow;if(Browser.Engine.trident4){$try(function(){A.execCommand("BackgroundImageCache",false,true);});}A.uid=Native.UID++;
+return $extend(A,Document.Prototype);},afterImplement:function(B,A){document[B]=Document.Prototype[B]=A;}});Document.Prototype={$family:{name:"document"}};
+new Document(document);Array.implement({every:function(C,D){for(var B=0,A=this.length;B<A;B++){if(!C.call(D,this[B],B,this)){return false;}}return true;
+},filter:function(D,E){var C=[];for(var B=0,A=this.length;B<A;B++){if(D.call(E,this[B],B,this)){C.push(this[B]);}}return C;},clean:function(){return this.filter($arguments(0));
+},indexOf:function(C,D){var A=this.length;for(var B=(D<0)?Math.max(0,A+D):D||0;B<A;B++){if(this[B]===C){return B;}}return -1;},map:function(D,E){var C=[];
+for(var B=0,A=this.length;B<A;B++){C[B]=D.call(E,this[B],B,this);}return C;},some:function(C,D){for(var B=0,A=this.length;B<A;B++){if(C.call(D,this[B],B,this)){return true;
+}}return false;},associate:function(C){var D={},B=Math.min(this.length,C.length);for(var A=0;A<B;A++){D[C[A]]=this[A];}return D;},link:function(C){var A={};
+for(var E=0,B=this.length;E<B;E++){for(var D in C){if(C[D](this[E])){A[D]=this[E];delete C[D];break;}}}return A;},contains:function(A,B){return this.indexOf(A,B)!=-1;
+},extend:function(C){for(var B=0,A=C.length;B<A;B++){this.push(C[B]);}return this;},getLast:function(){return(this.length)?this[this.length-1]:null;},getRandom:function(){return(this.length)?this[$random(0,this.length-1)]:null;
+},include:function(A){if(!this.contains(A)){this.push(A);}return this;},merge:function(C){for(var B=0,A=C.length;B<A;B++){this.include(C[B]);}return this;
+},remove:function(B){for(var A=this.length;A--;A){if(this[A]===B){this.splice(A,1);}}return this;},empty:function(){this.length=0;return this;},flatten:function(){var D=[];
+for(var B=0,A=this.length;B<A;B++){var C=$type(this[B]);if(!C){continue;}D=D.concat((C=="array"||C=="collection"||C=="arguments")?Array.flatten(this[B]):this[B]);
+}return D;},hexToRgb:function(B){if(this.length!=3){return null;}var A=this.map(function(C){if(C.length==1){C+=C;}return C.toInt(16);});return(B)?A:"rgb("+A+")";
+},rgbToHex:function(D){if(this.length<3){return null;}if(this.length==4&&this[3]==0&&!D){return"transparent";}var B=[];for(var A=0;A<3;A++){var C=(this[A]-0).toString(16);
+B.push((C.length==1)?"0"+C:C);}return(D)?B:"#"+B.join("");}});Function.implement({extend:function(A){for(var B in A){this[B]=A[B];}return this;},create:function(B){var A=this;
+B=B||{};return function(D){var C=B.arguments;C=$defined(C)?$splat(C):Array.slice(arguments,(B.event)?1:0);if(B.event){C=[D||window.event].extend(C);}var E=function(){return A.apply(B.bind||null,C);
+};if(B.delay){return setTimeout(E,B.delay);}if(B.periodical){return setInterval(E,B.periodical);}if(B.attempt){return $try(E);}return E();};},pass:function(A,B){return this.create({arguments:A,bind:B});
+},attempt:function(A,B){return this.create({arguments:A,bind:B,attempt:true})();},bind:function(B,A){return this.create({bind:B,arguments:A});},bindWithEvent:function(B,A){return this.create({bind:B,event:true,arguments:A});
+},delay:function(B,C,A){return this.create({delay:B,bind:C,arguments:A})();},periodical:function(A,C,B){return this.create({periodical:A,bind:C,arguments:B})();
+},run:function(A,B){return this.apply(B,$splat(A));}});Number.implement({limit:function(B,A){return Math.min(A,Math.max(B,this));},round:function(A){A=Math.pow(10,A||0);
+return Math.round(this*A)/A;},times:function(B,C){for(var A=0;A<this;A++){B.call(C,A,this);}},toFloat:function(){return parseFloat(this);},toInt:function(A){return parseInt(this,A||10);
+}});Number.alias("times","each");(function(B){var A={};B.each(function(C){if(!Number[C]){A[C]=function(){return Math[C].apply(null,[this].concat($A(arguments)));
+};}});Number.implement(A);})(["abs","acos","asin","atan","atan2","ceil","cos","exp","floor","log","max","min","pow","sin","sqrt","tan"]);String.implement({test:function(A,B){return((typeof A=="string")?new RegExp(A,B):A).test(this);
+},contains:function(A,B){return(B)?(B+this+B).indexOf(B+A+B)>-1:this.indexOf(A)>-1;},trim:function(){return this.replace(/^\s+|\s+$/g,"");},clean:function(){return this.replace(/\s+/g," ").trim();
+},camelCase:function(){return this.replace(/-\D/g,function(A){return A.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/[A-Z]/g,function(A){return("-"+A.charAt(0).toLowerCase());
+});},capitalize:function(){return this.replace(/\b[a-z]/g,function(A){return A.toUpperCase();});},escapeRegExp:function(){return this.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1");
+},toInt:function(A){return parseInt(this,A||10);},toFloat:function(){return parseFloat(this);},hexToRgb:function(B){var A=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
+return(A)?A.slice(1).hexToRgb(B):null;},rgbToHex:function(B){var A=this.match(/\d{1,3}/g);return(A)?A.rgbToHex(B):null;},stripScripts:function(B){var A="";
+var C=this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi,function(){A+=arguments[1]+"\n";return"";});if(B===true){$exec(A);}else{if($type(B)=="function"){B(A,C);
+}}return C;}});Hash.implement({has:Object.prototype.hasOwnProperty,keyOf:function(B){for(var A in this){if(this.hasOwnProperty(A)&&this[A]===B){return A;
+}}return null;},hasValue:function(A){return(Hash.keyOf(this,A)!==null);},extend:function(A){Hash.each(A,function(C,B){Hash.set(this,B,C);},this);return this;
+},merge:function(A){Hash.each(A,function(C,B){Hash.include(this,B,C);},this);return this;},remove:function(A){if(this.hasOwnProperty(A)){delete this[A];
+}return this;},get:function(A){return(this.hasOwnProperty(A))?this[A]:null;},set:function(A,B){if(!this[A]||this.hasOwnProperty(A)){this[A]=B;}return this;
+},empty:function(){Hash.each(this,function(B,A){delete this[A];},this);return this;},include:function(B,C){var A=this[B];if(!$defined(A)){this[B]=C;}return this;
+},map:function(B,C){var A=new Hash;Hash.each(this,function(E,D){A.set(D,B.call(C,E,D,this));},this);return A;},filter:function(B,C){var A=new Hash;Hash.each(this,function(E,D){if(B.call(C,E,D,this)){A.set(D,E);
+}},this);return A;},every:function(B,C){for(var A in this){if(this.hasOwnProperty(A)&&!B.call(C,this[A],A)){return false;}}return true;},some:function(B,C){for(var A in this){if(this.hasOwnProperty(A)&&B.call(C,this[A],A)){return true;
+}}return false;},getKeys:function(){var A=[];Hash.each(this,function(C,B){A.push(B);});return A;},getValues:function(){var A=[];Hash.each(this,function(B){A.push(B);
+});return A;},toQueryString:function(){var A=[];Hash.each(this,function(C,B){$splat(C).each(function(D){A.push(B+"="+encodeURIComponent(D));});});return A.join("&");
+}});Hash.alias("keyOf","indexOf").alias("hasValue","contains").alias("remove","erase");var Event=new Native({name:"Event",initialize:function(A,F){F=F||window;
+A=A||F.event;if(A.$extended){return A;}this.$extended=true;var J=A.type;var G=A.target||A.srcElement;while(G&&G.nodeType==3){G=G.parentNode;}if(J.match(/DOMMouseScroll|mousewheel/)){var I=(A.wheelDelta)?A.wheelDelta/120:-(A.detail||0)/3;
+}else{if(J.test(/key/)){var B=A.which||A.keyCode;var L=Event.Keys.keyOf(B);if(J=="keydown"){var D=B-111;if(D>0&&D<13){L="f"+D;}}L=L||String.fromCharCode(B).toLowerCase();
+}else{if(J.match(/(click|mouse|menu)/i)){var H={x:A.pageX||A.clientX+F.document.documentElement.scrollLeft,y:A.pageY||A.clientY+F.document.documentElement.scrollTop};
+var C={x:A.pageX?A.pageX-F.pageXOffset:A.clientX,y:A.pageY?A.pageY-F.pageYOffset:A.clientY};var E=(A.which==3)||(A.button==2);var K=null;if(J.match(/over|out/)){switch(J){case"mouseover":K=A.relatedTarget||A.fromElement;
+break;case"mouseout":K=A.relatedTarget||A.toElement;}if((function(){while(K&&K.nodeType==3){K=K.parentNode;}}).create({attempt:Browser.Engine.gecko})()===false){K=false;
+}}}}}return $extend(this,{event:A,type:J,page:H,client:C,rightClick:E,wheel:I,relatedTarget:K,target:G,code:B,key:L,shift:A.shiftKey,control:A.ctrlKey,alt:A.altKey,meta:A.metaKey});
+}});Event.Keys=new Hash({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,tab:9,"delete":46});Event.implement({stop:function(){return this.stopPropagation().preventDefault();
+},stopPropagation:function(){if(this.event.stopPropagation){this.event.stopPropagation();}else{this.event.cancelBubble=true;}return this;},preventDefault:function(){if(this.event.preventDefault){this.event.preventDefault();
+}else{this.event.returnValue=false;}return this;}});var Class=new Native({name:"Class",initialize:function(B){B=B||{};var A=function(){for(var D in this){this[D]=$unlink(this[D]);
+}this.parent=null;["Implements","Extends"].each(function(E){if(!this[E]){return ;}Class[E](this,this[E]);delete this[E];},this);this.constructor=A;var C=(arguments[0]!==$empty&&this.initialize)?this.initialize.apply(this,arguments):this;
+if(this.options&&this.options.initialize){this.options.initialize.call(this);}return C;};$extend(A,this);A.constructor=Class;A.prototype=B;return A;}});
+Class.implement({implement:function(){Class.Implements(this.prototype,Array.slice(arguments));return this;}});Class.Implements=function(A,B){$splat(B).each(function(C){$extend(A,($type(C)=="class")?new C($empty):C);
+});};Class.Extends=function(C,A){A=new A($empty);for(var E in A){var B=A[E];var D=C[E];C[E]=(function(G,H){if($defined(H)&&G!=H){var F=$type(H);if(F!=$type(G)){return H;
+}switch(F){case"function":return function(){H.parent=C.parent=G.bind(this);var I=H.apply(this,arguments);C.parent=H.parent;return I;};case"object":return $merge(G,H);
+default:return H;}}return G;})(B,D);}};Class.prototype.extend=function(A){A.Extends=this;return new Class(A);};var Chain=new Class({chain:function(){this.$chain=(this.$chain||[]).extend(arguments);
+return this;},callChain:function(){if(this.$chain&&this.$chain.length){this.$chain.shift().apply(this,arguments);}return this;},clearChain:function(){if(this.$chain){this.$chain.empty();
+}return this;}});var Events=new Class({addEvent:function(C,B,A){if(B!=$empty){this.$events=this.$events||{};this.$events[C]=this.$events[C]||[];this.$events[C].include(B);
+if(A){B.internal=true;}}return this;},addEvents:function(A){for(var B in A){this.addEvent(B,A[B]);}return this;},fireEvent:function(C,B,A){if(!this.$events||!this.$events[C]){return this;
+}this.$events[C].each(function(D){D.create({bind:this,delay:A,arguments:B})();},this);return this;},removeEvent:function(B,A){if(!this.$events||!this.$events[B]){return this;
+}if(!A.internal){this.$events[B].remove(A);}return this;},removeEvents:function(C){for(var D in this.$events){if(C&&C!=D){continue;}var B=this.$events[D];
+for(var A=B.length;A--;A){this.removeEvent(D,B[A]);}}return this;}});var Options=new Class({setOptions:function(){this.options=$merge.run([this.options].extend(arguments));
+if(!this.addEvent){return this;}for(var A in this.options){if($type(this.options[A])!="function"||!(/^on[A-Z]/).test(A)){continue;}this.addEvent(A,this.options[A]);
+delete this.options[A];}return this;}});Document.implement({newElement:function(A,B){if(Browser.Engine.trident&&B){["name","type","checked"].each(function(C){if(!B[C]){return ;
+}A+=" "+C+'="'+B[C]+'"';if(C!="checked"){delete B[C];}});A="<"+A+">";}return $.element(this.createElement(A)).set(B);},newTextNode:function(A){return this.createTextNode(A);
+},getDocument:function(){return this;},getWindow:function(){return this.defaultView||this.parentWindow;}});var Element=new Native({name:"Element",legacy:window.Element,initialize:function(A,B){var C=Element.Constructors.get(A);
+if(C){return C(B);}if(typeof A=="string"){return document.newElement(A,B);}return $(A).set(B);},afterImplement:function(A,B){if(!Array[A]){Elements.implement(A,Elements.multi(A));
+}Element.Prototype[A]=B;}});Element.Prototype={$family:{name:"element"}};Element.Constructors=new Hash;var IFrame=new Native({name:"IFrame",generics:false,initialize:function(){Native.UID++;
+var E=Array.link(arguments,{properties:Object.type,iframe:$defined});var C=E.properties||{};var B=$(E.iframe)||false;var D=C.onload||$empty;delete C.onload;
+C.id=C.name=$pick(C.id,C.name,B.id,B.name,"IFrame_"+Native.UID);((B=B||new Element("iframe"))).set(C);var A=function(){var F=$try(function(){return B.contentWindow.location.host;
+});if(F&&F==window.location.host){B.window=B.contentWindow;var H=new Window(B.window);var G=new Document(B.window.document);$extend(H.Element.prototype,Element.Prototype);
+}D.call(B.contentWindow);};(!window.frames[C.id])?B.addListener("load",A):A();return B;}});var Elements=new Native({initialize:function(F,B){B=$extend({ddup:true,cash:true},B);
+F=F||[];if(B.ddup||B.cash){var G={};var E=[];for(var C=0,A=F.length;C<A;C++){var D=$.element(F[C],!B.cash);if(B.ddup){if(G[D.uid]){continue;}G[D.uid]=true;
+}E.push(D);}F=E;}return(B.cash)?$extend(F,this):F;}});Elements.implement({filterBy:function(A){if(!A){return this;}return new Elements(this.filter((typeof A=="string")?function(B){return B.match(A);
+}:A));}});Elements.multi=function(A){return function(){var B=[];var F=true;for(var D=0,C=this.length;D<C;D++){var E=this[D][A].apply(this[D],arguments);
+B.push(E);if(F){F=($type(E)=="element");}}return(F)?new Elements(B):B;};};Window.implement({$:function(B,C){if(B&&B.$attributes){return B;}var A=$type(B);
+return($[A])?$[A](B,C,this.document):null;},$$:function(A){if(arguments.length==1&&typeof A=="string"){return this.document.getElements(A);}var F=[];var C=Array.flatten(arguments);
+for(var D=0,B=C.length;D<B;D++){var E=C[D];switch($type(E)){case"element":E=[E];break;case"string":E=this.document.getElements(E,true);break;default:E=false;
+}if(E){F.extend(E);}}return new Elements(F);},getDocument:function(){return this.document;},getWindow:function(){return this;}});$.string=function(C,A,B){C=B.getElementById(C);
+return(C)?$.element(C,A):null;};$.element=function(A,B){A.uid=A.uid||[Native.UID++];if(!B&&Garbage.collect(A)&&!A.$family){$extend(A,Element.Prototype);
+}return A;};$.textnode=$.window=$.document=$arguments(0);$.number=function(A){return Garbage.Elements[A]||null;};Native.implement([Element,Document],{getElement:function(A,B){return $(this.getElements(A,true)[0]||null,B);
+},getElements:function(A,D){A=A.split(",");var C=[];var B=(A.length>1);A.each(function(E){var F=this.getElementsByTagName(E.trim());(B)?C.extend(F):C=F;
+},this);return new Elements(C,{ddup:B,cash:!D});}});Element.Storage={get:function(A){return(this[A]=this[A]||{});}};Element.Inserters=new Hash({before:function(B,A){if(A.parentNode){A.parentNode.insertBefore(B,A);
+}},after:function(B,A){if(!A.parentNode){return ;}var C=A.nextSibling;(C)?A.parentNode.insertBefore(B,C):A.parentNode.appendChild(B);},bottom:function(B,A){A.appendChild(B);
+},top:function(B,A){var C=A.firstChild;(C)?A.insertBefore(B,C):A.appendChild(B);}});Element.Inserters.inside=Element.Inserters.bottom;Element.Inserters.each(function(C,B){var A=B.capitalize();
+Element.implement("inject"+A,function(D){Element.Inserters[B](this,$(D,true));return this;});Element.implement("grab"+A,function(D){Element.Inserters[B]($(D,true),this);
+return this;});});Element.implement({getDocument:function(){return this.ownerDocument;},getWindow:function(){return this.ownerDocument.getWindow();},getElementById:function(D,C){var B=this.ownerDocument.getElementById(D);
+if(!B){return null;}for(var A=B.parentNode;A!=this;A=A.parentNode){if(!A){return null;}}return $.element(B,C);},set:function(D,B){switch($type(D)){case"object":for(var C in D){this.set(C,D[C]);
+}break;case"string":var A=Element.Properties.get(D);(A&&A.set)?A.set.apply(this,Array.slice(arguments,1)):this.setProperty(D,B);}return this;},get:function(B){var A=Element.Properties.get(B);
+return(A&&A.get)?A.get.apply(this,Array.slice(arguments,1)):this.getProperty(B);},erase:function(B){var A=Element.Properties.get(B);(A&&A.erase)?A.erase.apply(this,Array.slice(arguments,1)):this.removeProperty(B);
+return this;},match:function(A){return(!A||Element.get(this,"tag")==A);},inject:function(B,A){Element.Inserters.get(A||"bottom")(this,$(B,true));return this;
+},wraps:function(B,A){B=$(B,true);return this.replaces(B).grab(B);},grab:function(B,A){Element.Inserters.get(A||"bottom")($(B,true),this);return this;},appendText:function(B,A){return this.grab(this.getDocument().newTextNode(B),A);
+},adopt:function(){Array.flatten(arguments).each(function(A){this.appendChild($(A,true));},this);return this;},dispose:function(){return this.parentNode.removeChild(this);
+},clone:function(B){var A=new Element("div").grab(this.cloneNode(B!==false));Array.each(A.getElementsByTagName("*"),function(C){if(C.id){C.removeAttribute("id");
+}});return new Element("div").set("html",A.innerHTML).getFirst();},replaces:function(A){A=$(A,true);A.parentNode.replaceChild(this,A);return this;},hasClass:function(A){return this.className.contains(A," ");
+},addClass:function(A){if(!this.hasClass(A)){this.className=(this.className+" "+A).clean();}return this;},removeClass:function(A){this.className=this.className.replace(new RegExp("(^|\\s)"+A+"(?:\\s|$)"),"$1").clean();
+return this;},toggleClass:function(A){return this.hasClass(A)?this.removeClass(A):this.addClass(A);},getComputedStyle:function(C){var A=null;if(this.currentStyle){A=this.currentStyle[C.camelCase()];
+}else{var B=this.getWindow().getComputedStyle(this,null);if(B){A=B.getPropertyValue([C.hyphenate()]);}}return A;},empty:function(){var A=$A(this.getElementsByTagName("*"));
+A.each(function(B){$try(Element.prototype.dispose,B);});Garbage.trash(A);$try(Element.prototype.set,this,["html",""]);return this;},destroy:function(){Garbage.kill(this.empty().dispose());
+return null;},toQueryString:function(){var A=[];this.getElements("input, select, textarea",true).each(function(D){var B=D.name,C=D.type,E=Element.get(D,"value");
+if(E===false||!B||D.disabled){return ;}$splat(E).each(function(F){A.push(B+"="+encodeURIComponent(F));});});return A.join("&");},getProperty:function(C){var B=Element.Attributes,A=B.Props[C];
+var D=(A)?this[A]:this.getAttribute(C);return(B.Bools[C])?!!D:D;},getProperties:function(){var A=$A(arguments);return A.map(function(B){return this.getProperty(B);
+},this).associate(A);},setProperty:function(D,E){var C=Element.Attributes,B=C.Props[D],A=$defined(E);if(B&&C.Bools[D]){E=(E||!A)?true:false;}else{if(!A){return this.removeProperty(D);
+}}(B)?this[B]=E:this.setAttribute(D,E);return this;},setProperties:function(A){for(var B in A){this.setProperty(B,A[B]);}return this;},removeProperty:function(D){var C=Element.Attributes,B=C.Props[D],A=(B&&C.Bools[D]);
+(B)?this[B]=(A)?false:"":this.removeAttribute(D);return this;},removeProperties:function(){Array.each(arguments,this.removeProperty,this);return this;}});
+(function(){var A=function(D,B,I,C,F,H){var E=D[I||B];var G=[];while(E){if(E.nodeType==1&&Element.match(E,C)){G.push(E);if(!F){break;}}E=E[B];}return(F)?new Elements(G,{ddup:false,cash:!H}):$(G[0],H);
+};Element.implement({getPrevious:function(B,C){return A(this,"previousSibling",null,B,false,C);},getAllPrevious:function(B,C){return A(this,"previousSibling",null,B,true,C);
+},getNext:function(B,C){return A(this,"nextSibling",null,B,false,C);},getAllNext:function(B,C){return A(this,"nextSibling",null,B,true,C);},getFirst:function(B,C){return A(this,"nextSibling","firstChild",B,false,C);
+},getLast:function(B,C){return A(this,"previousSibling","lastChild",B,false,C);},getParent:function(B,C){return A(this,"parentNode",null,B,false,C);},getParents:function(B,C){return A(this,"parentNode",null,B,true,C);
+},getChildren:function(B,C){return A(this,"nextSibling","firstChild",B,true,C);},hasChild:function(B){if(!(B=$(B,true))){return false;}return Element.getParents(B,this.get("tag"),true).contains(this);
+}});})();Element.alias("dispose","remove").alias("getLast","getLastChild");Element.Properties=new Hash;Element.Properties.style={set:function(A){this.style.cssText=A;
+},get:function(){return this.style.cssText;},erase:function(){this.style.cssText="";}};Element.Properties.value={get:function(){switch(Element.get(this,"tag")){case"select":var A=[];
+Array.each(this.options,function(B){if(B.selected){A.push(B.value);}});return(this.multiple)?A:A[0];case"input":if(["checkbox","radio"].contains(this.type)&&!this.checked){return false;
+}default:return $pick(this.value,false);}}};Element.Properties.tag={get:function(){return this.tagName.toLowerCase();}};Element.Properties.html={set:function(){return this.innerHTML=Array.flatten(arguments).join("");
+}};Element.implement({getText:function(){return this.get("text");},setText:function(A){return this.set("text",A);},setHTML:function(){return this.set("html",arguments);
+},getHTML:function(){return this.get("html");},getTag:function(){return this.get("tag");}});Native.implement([Element,Window,Document],{addListener:function(B,A){if(this.addEventListener){this.addEventListener(B,A,false);
+}else{this.attachEvent("on"+B,A);}return this;},removeListener:function(B,A){if(this.removeEventListener){this.removeEventListener(B,A,false);}else{this.detachEvent("on"+B,A);
+}return this;},retrieve:function(B,A){var D=Element.Storage.get(this.uid);var C=D[B];if($defined(A)&&!$defined(C)){C=D[B]=A;}return $pick(C);},store:function(B,A){var C=Element.Storage.get(this.uid);
+C[B]=A;return this;},eliminate:function(A){var B=Element.Storage.get(this.uid);delete B[A];return this;}});Element.Attributes=new Hash({Props:{html:"innerHTML","class":"className","for":"htmlFor",text:(Browser.Engine.trident)?"innerText":"textContent"},Bools:["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"],Camels:["value","accessKey","cellPadding","cellSpacing","colSpan","frameBorder","maxLength","readOnly","rowSpan","tabIndex","useMap"]});
+(function(B){var C=B.Bools,A=B.Camels;B.Bools=C=C.associate(C);Hash.extend(Hash.merge(B.Props,C),A.associate(A.map(function(D){return D.toLowerCase();})));
+B.remove("Camels");})(Element.Attributes);var Garbage={Elements:{},ignored:{object:1,embed:1,OBJECT:1,EMBED:1},collect:function(A){if(A.$attributes){return true;
+}if(Garbage.ignored[A.tagName]){return false;}Garbage.Elements[A.uid]=A;A.$attributes={};return true;},trash:function(C){for(var A=C.length,B;A--;A){Garbage.kill(C[A]);
+}},kill:function(A){if(!A||!A.$attributes){return ;}delete Garbage.Elements[A.uid];if(A.retrieve("events")){A.removeEvents();}for(var B in A.$attributes){A.$attributes[B]=null;
+}if(Browser.Engine.trident){for(var C in Element.Prototype){A[C]=null;}}A.$attributes=A.uid=null;},empty:function(){for(var A in Garbage.Elements){Garbage.kill(Garbage.Elements[A]);
+}}};window.addListener("beforeunload",function(){window.addListener("unload",Garbage.empty);if(Browser.Engine.trident){window.addListener("unload",CollectGarbage);
+}});Element.Properties.events={set:function(A){this.addEvents(A);}};Native.implement([Element,Window,Document],{addEvent:function(E,G){var H=this.retrieve("events",{});
+H[E]=H[E]||{keys:[],values:[]};if(H[E].keys.contains(G)){return this;}H[E].keys.push(G);var F=E,A=Element.Events.get(E),C=G,I=this;if(A){if(A.onAdd){A.onAdd.call(this,G);
+}if(A.condition){C=function(J){if(A.condition.call(this,J)){return G.call(this,J);}return false;};}F=A.base||F;}var D=function(){return G.call(I);};var B=Element.NativeEvents[F]||0;
+if(B){if(B==2){D=function(J){J=new Event(J,I.getWindow());if(C.call(I,J)===false){J.stop();}};}this.addListener(F,D);}H[E].values.push(D);return this;},removeEvent:function(D,C){var B=this.retrieve("events");
+if(!B||!B[D]){return this;}var G=B[D].keys.indexOf(C);if(G==-1){return this;}var A=B[D].keys.splice(G,1)[0];var F=B[D].values.splice(G,1)[0];var E=Element.Events.get(D);
+if(E){if(E.onRemove){E.onRemove.call(this,C);}D=E.base||D;}return(Element.NativeEvents[D])?this.removeListener(D,F):this;},addEvents:function(A){for(var B in A){this.addEvent(B,A[B]);
+}return this;},removeEvents:function(B){var A=this.retrieve("events");if(!A){return this;}if(!B){for(var C in A){this.removeEvents(C);}A=null;}else{if(A[B]){while(A[B].keys[0]){this.removeEvent(B,A[B].keys[0]);
+}A[B]=null;}}return this;},fireEvent:function(D,B,A){var C=this.retrieve("events");if(!C||!C[D]){return this;}C[D].keys.each(function(E){E.create({bind:this,delay:A,arguments:B})();
+},this);return this;},cloneEvents:function(D,A){D=$(D);var C=D.retrieve("events");if(!C){return this;}if(!A){for(var B in C){this.cloneEvents(D,B);}}else{if(C[A]){C[A].keys.each(function(E){this.addEvent(A,E);
+},this);}}return this;}});Element.NativeEvents={click:2,dblclick:2,mouseup:2,mousedown:2,contextmenu:2,mousewheel:2,DOMMouseScroll:2,mouseover:2,mouseout:2,mousemove:2,selectstart:2,selectend:2,keydown:2,keypress:2,keyup:2,focus:2,blur:2,change:2,reset:2,select:2,submit:2,load:1,unload:1,beforeunload:1,resize:1,move:1,DOMContentLoaded:1,readystatechange:1,error:1,abort:1,scroll:1};
+(function(){var A=function(B){var C=B.relatedTarget;if(!C){return true;}return($type(this)!="document"&&C!=this&&C.prefix!="xul"&&!this.hasChild(C));};
+Element.Events=new Hash({mouseenter:{base:"mouseover",condition:A},mouseleave:{base:"mouseout",condition:A},mousewheel:{base:(Browser.Engine.gecko)?"DOMMouseScroll":"mousewheel"}});
+})();Element.Properties.styles={set:function(A){this.setStyles(A);}};Element.Properties.opacity={set:function(A,B){if(!B){if(A==0){if(this.style.visibility!="hidden"){this.style.visibility="hidden";
+}}else{if(this.style.visibility!="visible"){this.style.visibility="visible";}}}if(!this.currentStyle||!this.currentStyle.hasLayout){this.style.zoom=1;}if(Browser.Engine.trident){this.style.filter=(A==1)?"":"alpha(opacity="+A*100+")";
+}this.style.opacity=A;this.store("opacity",A);},get:function(){return this.retrieve("opacity",1);}};Element.implement({setOpacity:function(A){return this.set("opacity",A,true);
+},getOpacity:function(){return this.get("opacity");},setStyle:function(B,A){switch(B){case"opacity":return this.set("opacity",parseFloat(A));case"float":B=(Browser.Engine.trident)?"styleFloat":"cssFloat";
+}B=B.camelCase();if($type(A)!="string"){var C=(Element.Styles.get(B)||"@").split(" ");A=$splat(A).map(function(E,D){if(!C[D]){return"";}return($type(E)=="number")?C[D].replace("@",Math.round(E)):E;
+}).join(" ");}else{if(A==String(Number(A))){A=Math.round(A);}}this.style[B]=A;return this;},getStyle:function(G){switch(G){case"opacity":return this.get("opacity");
+case"float":G=(Browser.Engine.trident)?"styleFloat":"cssFloat";}G=G.camelCase();var A=this.style[G];if(!$chk(A)){A=[];for(var F in Element.ShortStyles){if(G!=F){continue;
+}for(var E in Element.ShortStyles[F]){A.push(this.getStyle(E));}return A.join(" ");}A=this.getComputedStyle(G);}if(A){A=String(A);var C=A.match(/rgba?\([\d\s,]+\)/);
+if(C){A=A.replace(C[0],C[0].rgbToHex());}}if(Browser.Engine.presto||(Browser.Engine.trident&&!$chk(parseInt(A)))){if(G.test(/^(height|width)$/)){var B=(G=="width")?["left","right"]:["top","bottom"],D=0;
+B.each(function(H){D+=this.getStyle("border-"+H+"-width").toInt()+this.getStyle("padding-"+H).toInt();},this);return this["offset"+G.capitalize()]-D+"px";
+}if(Browser.Engine.presto&&String(A).test("px")){return A;}if(G.test(/(border(.+)Width|margin|padding)/)){return"0px";}}return A;},setStyles:function(B){for(var A in B){this.setStyle(A,B[A]);
+}return this;},getStyles:function(){var A={};Array.each(arguments,function(B){A[B]=this.getStyle(B);},this);return A;}});Element.Styles=new Hash({width:"@px",height:"@px",left:"@px",top:"@px",bottom:"@px",right:"@px",maxWidth:"@px",maxHeight:"@px",backgroundColor:"rgb(@, @, @)",backgroundPosition:"@px @px",color:"rgb(@, @, @)",fontSize:"@px",letterSpacing:"@px",lineHeight:"@px",clip:"rect(@px @px @px @px)",margin:"@px @px @px @px",padding:"@px @px @px @px",border:"@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)",borderWidth:"@px @px @px @px",borderStyle:"@ @ @ @",borderColor:"rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)",zIndex:"@",zoom:"@",fontWeight:"@",textIndent:"@px",opacity:"@"});
+Element.ShortStyles={margin:{},padding:{},border:{},borderWidth:{},borderStyle:{},borderColor:{}};["Top","Right","Bottom","Left"].each(function(G){var F=Element.ShortStyles;
+var B=Element.Styles;["margin","padding"].each(function(H){var I=H+G;F[H][I]=B[I]="@px";});var E="border"+G;F.border[E]=B[E]="@px @ rgb(@, @, @)";var D=E+"Width",A=E+"Style",C=E+"Color";
+F[E]={};F.borderWidth[D]=F[E][D]=B[D]="@px";F.borderStyle[A]=F[E][A]=B[A]="@";F.borderColor[C]=F[E][C]=B[C]="rgb(@, @, @)";});(function(){function A(B){return B.tagName.toLowerCase()=="body";
+}Element.implement({positioned:function(){if(A(this)){return true;}return(Element.getComputedStyle(this,"position")!="static");},getOffsetParent:function(){if(A(this)){return null;
+}if(!Browser.Engine.trident){return $(this.offsetParent);}var B=this;while((B=B.parentNode)){if(Element.positioned(B)){return $(B);}}return null;},getSize:function(){if(A(this)){return this.getWindow().getSize();
+}return{x:this.offsetWidth,y:this.offsetHeight};},getScrollSize:function(){if(A(this)){return this.getWindow().getScrollSize();}return{x:this.scrollWidth,y:this.scrollHeight};
+},getScroll:function(){if(A(this)){return this.getWindow().getScroll();}return{x:this.scrollLeft,y:this.scrollTop};},scrollTo:function(B,C){if(A(this)){return this.getWindow().scrollTo(B,C);
+}this.scrollLeft=B;this.scrollTop=C;return this;},getPosition:function(D){if(A(this)){return{x:0,y:0};}var C=this,B={x:0,y:0};while(C){B.x+=C.offsetLeft;
+B.y+=C.offsetTop;C=C.offsetParent;}var E=(D)?$(D).getPosition():{x:0,y:0};return{x:B.x-E.x,y:B.y-E.y};},getCoordinates:function(D){if(A(this)){return this.getWindow().getCoordinates();
+}var B=this.getPosition(D),C=this.getSize();var E={top:B.y,left:B.x,width:C.x,height:C.y};E.right=E.left+E.width;E.bottom=E.top+E.height;return E;},getRelativePosition:function(){return this.getPosition(this.getOffsetParent());
+},computePosition:function(B){return{left:B.x-(this.getComputedStyle("margin-left").toInt()||0),top:B.y-(this.getComputedStyle("margin-top").toInt()||0)};
+},position:function(B){return this.setStyles(this.computePosition(B));}});})();Native.implement([Window,Document],{getSize:function(){var A=this.getDocument().body,B=this.getDocument().documentElement;
+if(Browser.Engine.webkit419){return{x:this.innerWidth,y:this.innerHeight};}return{x:B.clientWidth,y:B.clientHeight};},getScroll:function(){var A=this.getDocument().documentElement;
+return{x:$pick(this.pageXOffset,A.scrollLeft),y:$pick(this.pageYOffset,A.scrollTop)};},getScrollSize:function(){var B=this.getDocument().documentElement,A=this.getDocument().body;
+if(Browser.Engine.trident){return{x:Math.max(B.clientWidth,B.scrollWidth),y:Math.max(B.clientHeight,B.scrollHeight)};}if(Browser.Engine.webkit){return{x:A.scrollWidth,y:A.scrollHeight};
+}return{x:B.scrollWidth,y:B.scrollHeight};},getPosition:function(){return{x:0,y:0};},getCoordinates:function(){var A=this.getSize();return{top:0,left:0,height:A.y,width:A.x,bottom:A.y,right:A.x};
+}});Native.implement([Window,Document,Element],{getHeight:function(){return this.getSize().y;},getWidth:function(){return this.getSize().x;},getScrollTop:function(){return this.getScroll().y;
+},getScrollLeft:function(){return this.getScroll().x;},getScrollHeight:function(){return this.getScrollSize().y;},getScrollWidth:function(){return this.getScrollSize().x;
+},getTop:function(){return this.getPosition().y;},getLeft:function(){return this.getPosition().x;}});Element.Events.domready={onAdd:function(E){if(Browser.loaded){return E.call(this);
+}var H=this,D=this.getWindow(),G=this.getDocument();var C=function(){if(!arguments.callee.done){arguments.callee.done=true;E.call(H);}return true;};var I=(Browser.Engine.webkit)?["loaded","complete"]:"complete";
+var B=function(J){if(I.contains(J.readyState)){return C();}return false;};if(G.readyState&&Browser.Engine.webkit){(function(){if(!B(G)){arguments.callee.delay(50);
+}})();}else{if(G.readyState&&Browser.Engine.trident){var F=$("ie_domready");if(!F){var A=(D.location.protocol=="https:")?"//:":"javascript:void(0)";G.write('<script id="ie_domready" defer src="'+A+'"><\/script>');
+F=$("ie_domready");}if(!B(F)){F.addEvent("readystatechange",B.pass(F));}}else{D.addEvent("load",C);G.addEvent("DOMContentLoaded",C);}}return null;}};window.addEvent("domready",function(){Browser.loaded=true;
+});var JSON=new Hash({encode:function(B){switch($type(B)){case"string":return'"'+B.replace(/[\x00-\x1f\\"]/g,JSON.$replaceChars)+'"';case"array":return"["+String(B.map(JSON.encode).filter($defined))+"]";
+case"object":case"hash":var A=[];Hash.each(B,function(E,D){var C=JSON.encode(E);if(C){A.push(JSON.encode(D)+":"+C);}});return"{"+String(A)+"}";case"number":case"boolean":return String(B);
+case false:return"null";}return null;},$specialChars:{"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$replaceChars:function(A){return JSON.$specialChars[A]||"\\u00"+Math.floor(A.charCodeAt()/16).toString(16)+(A.charCodeAt()%16).toString(16);
+},decode:function(string,secure){if($type(string)!="string"||!string.length){return null;}if(secure&&!(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g,"@").replace(/"[^"\\\n\r]*"/g,""))){return null;
+}return eval("("+string+")");}});Native.implement([Hash,Array,String,Number],{toJSON:function(){return JSON.encode(this);}});var Fx=new Class({Implements:[Chain,Events,Options],options:{fps:50,unit:false,duration:500,link:"ignore",transition:function(A){return -(Math.cos(Math.PI*A)-1)/2;
+}},initialize:function(A){this.pass=this.pass||this;this.setOptions(A);this.options.duration=Fx.Durations[this.options.duration]||this.options.duration.toInt();
+var B=this.options.wait;if(B===false){this.options.link="cancel";}},step:function(){var A=$time();if(A<this.time+this.options.duration){var B=this.options.transition((A-this.time)/this.options.duration);
+this.set(this.compute(this.from,this.to,B));}else{this.set(this.compute(this.from,this.to,1));this.complete();}},set:function(A){return A;},compute:function(C,B,A){return Fx.compute(C,B,A);
+},check:function(){if(!this.timer){return true;}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.start.bind(this,arguments));
+return false;}return false;},start:function(B,A){if(!this.check(B,A)){return this;}this.from=B;this.to=A;this.time=0;this.startTimer();this.onStart();return this;
+},complete:function(){return(!this.stopTimer())?this:this.onComplete();},cancel:function(){return(!this.stopTimer())?this:this.onCancel();},onStart:function(){return this.fireEvent("onStart",this.pass);
+},onComplete:function(){return this.fireEvent("onComplete",this.pass).callChain();},onCancel:function(){return this.fireEvent("onCancel",this.pass).clearChain();
+},pause:function(){this.stopTimer();return this;},resume:function(){this.startTimer();return this;},stopTimer:function(){if(!this.timer){return false;}this.time=$time()-this.time;
+this.timer=$clear(this.timer);return true;},startTimer:function(){if(this.timer){return false;}this.time=$time()-this.time;this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);
+return true;}});Fx.compute=function(C,B,A){return(B-C)*A+C;};Fx.Durations={"short":250,normal:500,"long":1000};Fx.Slide=new Class({Extends:Fx,options:{mode:"vertical"},initialize:function(B,A){this.addEvent("onComplete",function(){this.open=(this.wrapper["offset"+this.layout.capitalize()]!=0);
+if(this.open){this.wrapper.setStyle(this.layout,"auto");if(Browser.Engine.webkit419){this.element.dispose().inject(this.wrapper);}}},true);this.element=this.pass=$(B);
+arguments.callee.parent(A);var C=this.element.retrieve("wrapper");this.wrapper=C||new Element("div",{styles:$extend(this.element.getStyles("margin","position"),{overflow:"hidden"})}).wraps(this.element);
+this.element.store("wrapper",this.wrapper).setStyle("margin",0);this.now=[];this.open=true;},vertical:function(){this.margin="margin-top";this.layout="height";
+this.offset=this.element.offsetHeight;},horizontal:function(){this.margin="margin-left";this.layout="width";this.offset=this.element.offsetWidth;},set:function(A){this.element.setStyle(this.margin,A[0]);
+this.wrapper.setStyle(this.layout,A[1]);return this;},compute:function(D,C,B){var A=[];(2).times(function(E){A[E]=Fx.compute(D[E],C[E],B);});return A;},start:function(B,E){if(!this.check(B,E)){return this;
+}this[E||this.options.mode]();var D=this.element.getStyle(this.margin).toInt();var C=this.wrapper.getStyle(this.layout).toInt();var A=[[D,C],[0,this.offset]];
+var G=[[D,C],[-this.offset,0]];var F;switch(B){case"in":F=A;break;case"out":F=G;break;case"toggle":F=(this.wrapper["offset"+this.layout.capitalize()]==0)?A:G;
+}return arguments.callee.parent(F[0],F[1]);},slideIn:function(A){return this.start("in",A);},slideOut:function(A){return this.start("out",A);},hide:function(A){this[A||this.options.mode]();
+this.open=false;return this.set([-this.offset,0]);},show:function(A){this[A||this.options.mode]();this.open=true;return this.set([0,this.offset]);},toggle:function(A){return this.start("toggle",A);
+}});Element.Properties.slide={set:function(B){var A=this.retrieve("slide");if(A){A.cancel();}return this.store("slide",new Fx.Slide(this,$extend({link:"cancel"},B)));
+},get:function(A){if(A||!this.retrieve("slide")){this.set("slide",A);}return this.retrieve("slide");}};Element.implement({slide:function(B){B=B||"toggle";
+var A=this.get("slide");switch(B){case"hide":A.hide();break;case"show":A.show();break;default:A.start(B);}return this;}});var Request=new Class({Implements:[Chain,Events,Options],options:{url:"",data:"",headers:{},async:true,method:"post",link:"ignore",isSuccess:null,emulation:true,urlEncoded:true,encoding:"utf-8",evalScripts:false,evalResponse:false},getXHR:function(){return(window.XMLHttpRequest)?new XMLHttpRequest():((window.ActiveXObject)?new ActiveXObject("Microsoft.XMLHTTP"):false);
+},initialize:function(A){if(!(this.xhr=this.getXHR())){return ;}this.setOptions(A);this.options.isSuccess=this.options.isSuccess||this.isSuccess;this.headers=new Hash(this.options.headers).extend({"X-Requested-With":"XMLHttpRequest",Accept:"text/javascript, text/html, application/xml, text/xml, */*"});
+},onStateChange:function(){if(this.xhr.readyState!=4||!this.running){return ;}this.running=false;this.status=0;$try(function(){this.status=this.xhr.status;
+},this);if(this.options.isSuccess.call(this,this.status)){this.response={text:this.xhr.responseText,xml:this.xhr.responseXML};this.success(this.response.text,this.response.xml);
+}else{this.response={text:null,xml:null};this.failure();}this.xhr.onreadystatechange=$empty;},isSuccess:function(){return((this.status>=200)&&(this.status<300));
+},processScripts:function(A){if(this.options.evalResponse||(/(ecma|java)script/).test(this.getHeader("Content-type"))){return $exec(A);}return A.stripScripts(this.options.evalScripts);
+},success:function(B,A){this.onSuccess(this.processScripts(B),A);},onSuccess:function(){this.fireEvent("onComplete",arguments).fireEvent("onSuccess",arguments).callChain();
+},failure:function(){this.onFailure();},onFailure:function(){this.fireEvent("onComplete").fireEvent("onFailure",this.xhr);},setHeader:function(A,B){this.headers.set(A,B);
+return this;},getHeader:function(A){return $try(function(){return this.getResponseHeader(A);},this.xhr)||null;},check:function(){if(!this.running){return true;
+}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.send.bind(this,arguments));return false;}return false;},send:function(D){if(!this.check(D)){return this;
+}this.running=true;var E=$type(D);if(E=="string"||E=="element"){D={data:D};}var A=this.options;D=$extend({data:A.data,url:A.url,method:A.method},D);var G=D.data,C=D.url,H=D.method;
+switch($type(G)){case"element":G=$(G).toQueryString();break;case"object":case"hash":G=Hash.toQueryString(G);}if(this.options.emulation&&["put","delete"].contains(H)){var B="_method="+H;
+G=(G)?B+"&"+G:B;H="post";}if(this.options.urlEncoded&&H=="post"){var F=(this.options.encoding)?"; charset="+this.options.encoding:"";this.headers.set("Content-type","application/x-www-form-urlencoded"+F);
+}if(G&&H=="get"){C=C+(C.contains("?")?"&":"?")+G;G=null;}this.xhr.open(H.toUpperCase(),C,this.options.async);this.xhr.onreadystatechange=this.onStateChange.bind(this);
+this.headers.each(function(J,I){try{this.xhr.setRequestHeader(I,J);}catch(K){this.fireEvent("onException",[K,I,J]);}},this);this.fireEvent("onRequest");
+this.xhr.send(G);if(!this.options.async){this.onStateChange();}return this;},cancel:function(){if(!this.running){return this;}this.running=false;this.xhr.abort();
+this.xhr.onreadystatechange=$empty;this.xhr=this.getXHR();this.fireEvent("onCancel");return this;}});(function(){var A={};["get","post","GET","POST","PUT","DELETE"].each(function(B){A[B]=function(){var C=Array.link(arguments,{url:String.type,data:$defined});
+return this.send($extend(C,{method:B.toLowerCase()}));};});Request.implement(A);})();Element.Properties.send={get:function(A){if(A||!this.retrieve("send")){this.set("send",A);
+}return this.retrieve("send");},set:function(A){var B=this.retrieve("send");if(B){B.cancel();}return this.store("send",new Request($extend({data:this,link:"cancel",method:this.get("method")||"post",url:this.get("action")},A)));
+}};Element.implement({send:function(A){var B=this.get("send");B.send({data:this,url:A||B.options.url});return this;}});Request.HTML=new Class({Extends:Request,options:{update:false,evalScripts:true,filter:false},processHTML:function(B){var A=B.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+return(A)?A[1]:B;},success:function(D){var C=this.options,A=this.response;A.html=this.processHTML(D).stripScripts(function(E){A.javascript=E;});var B=new Element("div",{html:A.html});
+A.elements=B.getElements("*");A.tree=(C.filter)?A.elements.filterBy(C.filter):$A(B.childNodes).filter(function(E){return($type(E)!="whitespace");});if(C.update){$(C.update).empty().adopt(A.tree);
+}if(C.evalScripts){$exec(A.javascript);}this.onSuccess(A.tree,A.elements,A.html,A.javascript);}});Element.Properties.load={get:function(A){if(A||!this.retrieve("load")){this.set("load",A);
+}return this.retrieve("load");},set:function(A){var B=this.retrieve("load");if(B){B.cancel();}return this.store("load",new Request.HTML($extend({link:"cancel",update:this,method:"get"},A)));
+}};Element.implement({load:function(){this.get("load").send(Array.link(arguments,{data:Object.type,url:String.type}));return this;}});Request.JSON=new Class({Extends:Request,options:{secure:true},initialize:function(A){arguments.callee.parent(A);
+this.headers.extend({Accept:"application/json","X-Request":"JSON"});},success:function(A){this.response.json=JSON.decode(A,this.options.secure);this.onSuccess(this.response.json,A);
+}});
\ No newline at end of file
diff --git a/kget/mainwindow.cpp b/kget/mainwindow.cpp
index e8d194875..ec2cc61f8 100644
--- a/kget/mainwindow.cpp
+++ b/kget/mainwindow.cpp
@@ -28,6 +28,7 @@
 #include "ui/newtransferdialog.h"
 #include "ui/transferhistory.h"
 #include "ui/groupsettingsdialog.h"
+#include "extensions/webinterface/httpserver.h"
 
 #include <kapplication.h>
 #include <kstandarddirs.h>
@@ -52,7 +53,10 @@
 
 MainWindow::MainWindow(bool showMainwindow, bool startWithoutAnimation, QWidget *parent)
     : KXmlGuiWindow( parent ),
-      m_drop(0), m_dock(0), m_startWithoutAnimation(startWithoutAnimation)
+      m_drop(0),
+      m_dock(0),
+      m_startWithoutAnimation(startWithoutAnimation),
+      m_webinterface(0)
 {
     // do not quit the app when it has been minimized to system tray and a new transfer dialog
     // gets opened and closed again.
@@ -321,6 +325,9 @@ void MainWindow::slotDelayedInit()
 
     // kget kuiserver integration
     KGet::reloadKJobs();
+
+    if (Settings::webinterfaceEnabled())
+        m_webinterface = new HttpServer(this);
 }
 
 void MainWindow::slotToggleDropTarget()
@@ -590,6 +597,13 @@ void MainWindow::slotNewConfig()
         clipboardTimer->stop();
     m_autoPasteAction->setChecked(Settings::autoPaste());
 
+    if (Settings::webinterfaceEnabled() && !m_webinterface) {
+        m_webinterface = new HttpServer(this);
+    } else if (m_webinterface) {
+        delete m_webinterface;
+        m_webinterface = 0;
+    }
+
     KGet::settingsChanged();
 }
 
diff --git a/kget/mainwindow.h b/kget/mainwindow.h
index e959db673..3056898b1 100644
--- a/kget/mainwindow.h
+++ b/kget/mainwindow.h
@@ -22,6 +22,7 @@
 class ViewsContainer;
 class DropTarget;
 class DBusModelObserver;
+class HttpServer;
 
 /**
  * The main window of KGet.
@@ -127,6 +128,8 @@ private:
     QTimer *clipboardTimer;
 
     bool m_startWithoutAnimation;
+
+    HttpServer *m_webinterface;
 };
 
 #endif
-- 
2.11.4.GIT