Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / pkgs / pkg-charts-debug.js
diff --git a/pkgs/pkg-charts-debug.js b/pkgs/pkg-charts-debug.js
new file mode 100644 (file)
index 0000000..020f854
--- /dev/null
@@ -0,0 +1,1621 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*! SWFObject v2.2 <http://code.google.com/p/swfobject/> \r
+    is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> \r
+*/\r
+\r
+var swfobject = function() {\r
+    \r
+    var UNDEF = "undefined",\r
+        OBJECT = "object",\r
+        SHOCKWAVE_FLASH = "Shockwave Flash",\r
+        SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",\r
+        FLASH_MIME_TYPE = "application/x-shockwave-flash",\r
+        EXPRESS_INSTALL_ID = "SWFObjectExprInst",\r
+        ON_READY_STATE_CHANGE = "onreadystatechange",\r
+        \r
+        win = window,\r
+        doc = document,\r
+        nav = navigator,\r
+        \r
+        plugin = false,\r
+        domLoadFnArr = [main],\r
+        regObjArr = [],\r
+        objIdArr = [],\r
+        listenersArr = [],\r
+        storedAltContent,\r
+        storedAltContentId,\r
+        storedCallbackFn,\r
+        storedCallbackObj,\r
+        isDomLoaded = false,\r
+        isExpressInstallActive = false,\r
+        dynamicStylesheet,\r
+        dynamicStylesheetMedia,\r
+        autoHideShow = true,\r
+    \r
+    /* Centralized function for browser feature detection\r
+        - User agent string detection is only used when no good alternative is possible\r
+        - Is executed directly for optimal performance\r
+    */  \r
+    ua = function() {\r
+        var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,\r
+            u = nav.userAgent.toLowerCase(),\r
+            p = nav.platform.toLowerCase(),\r
+            windows = p ? /win/.test(p) : /win/.test(u),\r
+            mac = p ? /mac/.test(p) : /mac/.test(u),\r
+            webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit\r
+            ie = !+"\v1", // feature detection based on Andrea Giammarchi's solution: http://webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html\r
+            playerVersion = [0,0,0],\r
+            d = null;\r
+        if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {\r
+            d = nav.plugins[SHOCKWAVE_FLASH].description;\r
+            if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { // navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+\r
+                plugin = true;\r
+                ie = false; // cascaded feature detection for Internet Explorer\r
+                d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");\r
+                playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);\r
+                playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);\r
+                playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0;\r
+            }\r
+        }\r
+        else if (typeof win.ActiveXObject != UNDEF) {\r
+            try {\r
+                var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);\r
+                if (a) { // a will return null when ActiveX is disabled\r
+                    d = a.GetVariable("$version");\r
+                    if (d) {\r
+                        ie = true; // cascaded feature detection for Internet Explorer\r
+                        d = d.split(" ")[1].split(",");\r
+                        playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];\r
+                    }\r
+                }\r
+            }\r
+            catch(e) {}\r
+        }\r
+        return { w3:w3cdom, pv:playerVersion, wk:webkit, ie:ie, win:windows, mac:mac };\r
+    }(),\r
+    \r
+    /* Cross-browser onDomLoad\r
+        - Will fire an event as soon as the DOM of a web page is loaded\r
+        - Internet Explorer workaround based on Diego Perini's solution: http://javascript.nwbox.com/IEContentLoaded/\r
+        - Regular onload serves as fallback\r
+    */ \r
+    onDomLoad = function() {\r
+        if (!ua.w3) { return; }\r
+        if ((typeof doc.readyState != UNDEF && doc.readyState == "complete") || (typeof doc.readyState == UNDEF && (doc.getElementsByTagName("body")[0] || doc.body))) { // function is fired after onload, e.g. when script is inserted dynamically \r
+            callDomLoadFunctions();\r
+        }\r
+        if (!isDomLoaded) {\r
+            if (typeof doc.addEventListener != UNDEF) {\r
+                doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, false);\r
+            }       \r
+            if (ua.ie && ua.win) {\r
+                doc.attachEvent(ON_READY_STATE_CHANGE, function() {\r
+                    if (doc.readyState == "complete") {\r
+                        doc.detachEvent(ON_READY_STATE_CHANGE, arguments.callee);\r
+                        callDomLoadFunctions();\r
+                    }\r
+                });\r
+                if (win == top) { // if not inside an iframe\r
+                    (function(){\r
+                        if (isDomLoaded) { return; }\r
+                        try {\r
+                            doc.documentElement.doScroll("left");\r
+                        }\r
+                        catch(e) {\r
+                            setTimeout(arguments.callee, 0);\r
+                            return;\r
+                        }\r
+                        callDomLoadFunctions();\r
+                    })();\r
+                }\r
+            }\r
+            if (ua.wk) {\r
+                (function(){\r
+                    if (isDomLoaded) { return; }\r
+                    if (!/loaded|complete/.test(doc.readyState)) {\r
+                        setTimeout(arguments.callee, 0);\r
+                        return;\r
+                    }\r
+                    callDomLoadFunctions();\r
+                })();\r
+            }\r
+            addLoadEvent(callDomLoadFunctions);\r
+        }\r
+    }();\r
+    \r
+    function callDomLoadFunctions() {\r
+        if (isDomLoaded) { return; }\r
+        try { // test if we can really add/remove elements to/from the DOM; we don't want to fire it too early\r
+            var t = doc.getElementsByTagName("body")[0].appendChild(createElement("span"));\r
+            t.parentNode.removeChild(t);\r
+        }\r
+        catch (e) { return; }\r
+        isDomLoaded = true;\r
+        var dl = domLoadFnArr.length;\r
+        for (var i = 0; i < dl; i++) {\r
+            domLoadFnArr[i]();\r
+        }\r
+    }\r
+    \r
+    function addDomLoadEvent(fn) {\r
+        if (isDomLoaded) {\r
+            fn();\r
+        }\r
+        else { \r
+            domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+\r
+        }\r
+    }\r
+    \r
+    /* Cross-browser onload\r
+        - Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/\r
+        - Will fire an event as soon as a web page including all of its assets are loaded \r
+     */\r
+    function addLoadEvent(fn) {\r
+        if (typeof win.addEventListener != UNDEF) {\r
+            win.addEventListener("load", fn, false);\r
+        }\r
+        else if (typeof doc.addEventListener != UNDEF) {\r
+            doc.addEventListener("load", fn, false);\r
+        }\r
+        else if (typeof win.attachEvent != UNDEF) {\r
+            addListener(win, "onload", fn);\r
+        }\r
+        else if (typeof win.onload == "function") {\r
+            var fnOld = win.onload;\r
+            win.onload = function() {\r
+                fnOld();\r
+                fn();\r
+            };\r
+        }\r
+        else {\r
+            win.onload = fn;\r
+        }\r
+    }\r
+    \r
+    /* Main function\r
+        - Will preferably execute onDomLoad, otherwise onload (as a fallback)\r
+    */\r
+    function main() { \r
+        if (plugin) {\r
+            testPlayerVersion();\r
+        }\r
+        else {\r
+            matchVersions();\r
+        }\r
+    }\r
+    \r
+    /* Detect the Flash Player version for non-Internet Explorer browsers\r
+        - Detecting the plug-in version via the object element is more precise than using the plugins collection item's description:\r
+          a. Both release and build numbers can be detected\r
+          b. Avoid wrong descriptions by corrupt installers provided by Adobe\r
+          c. Avoid wrong descriptions by multiple Flash Player entries in the plugin Array, caused by incorrect browser imports\r
+        - Disadvantage of this method is that it depends on the availability of the DOM, while the plugins collection is immediately available\r
+    */\r
+    function testPlayerVersion() {\r
+        var b = doc.getElementsByTagName("body")[0];\r
+        var o = createElement(OBJECT);\r
+        o.setAttribute("type", FLASH_MIME_TYPE);\r
+        var t = b.appendChild(o);\r
+        if (t) {\r
+            var counter = 0;\r
+            (function(){\r
+                if (typeof t.GetVariable != UNDEF) {\r
+                    var d = t.GetVariable("$version");\r
+                    if (d) {\r
+                        d = d.split(" ")[1].split(",");\r
+                        ua.pv = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];\r
+                    }\r
+                }\r
+                else if (counter < 10) {\r
+                    counter++;\r
+                    setTimeout(arguments.callee, 10);\r
+                    return;\r
+                }\r
+                b.removeChild(o);\r
+                t = null;\r
+                matchVersions();\r
+            })();\r
+        }\r
+        else {\r
+            matchVersions();\r
+        }\r
+    }\r
+    \r
+    /* Perform Flash Player and SWF version matching; static publishing only\r
+    */\r
+    function matchVersions() {\r
+        var rl = regObjArr.length;\r
+        if (rl > 0) {\r
+            for (var i = 0; i < rl; i++) { // for each registered object element\r
+                var id = regObjArr[i].id;\r
+                var cb = regObjArr[i].callbackFn;\r
+                var cbObj = {success:false, id:id};\r
+                if (ua.pv[0] > 0) {\r
+                    var obj = getElementById(id);\r
+                    if (obj) {\r
+                        if (hasPlayerVersion(regObjArr[i].swfVersion) && !(ua.wk && ua.wk < 312)) { // Flash Player version >= published SWF version: Houston, we have a match!\r
+                            setVisibility(id, true);\r
+                            if (cb) {\r
+                                cbObj.success = true;\r
+                                cbObj.ref = getObjectById(id);\r
+                                cb(cbObj);\r
+                            }\r
+                        }\r
+                        else if (regObjArr[i].expressInstall && canExpressInstall()) { // show the Adobe Express Install dialog if set by the web page author and if supported\r
+                            var att = {};\r
+                            att.data = regObjArr[i].expressInstall;\r
+                            att.width = obj.getAttribute("width") || "0";\r
+                            att.height = obj.getAttribute("height") || "0";\r
+                            if (obj.getAttribute("class")) { att.styleclass = obj.getAttribute("class"); }\r
+                            if (obj.getAttribute("align")) { att.align = obj.getAttribute("align"); }\r
+                            // parse HTML object param element's name-value pairs\r
+                            var par = {};\r
+                            var p = obj.getElementsByTagName("param");\r
+                            var pl = p.length;\r
+                            for (var j = 0; j < pl; j++) {\r
+                                if (p[j].getAttribute("name").toLowerCase() != "movie") {\r
+                                    par[p[j].getAttribute("name")] = p[j].getAttribute("value");\r
+                                }\r
+                            }\r
+                            showExpressInstall(att, par, id, cb);\r
+                        }\r
+                        else { // Flash Player and SWF version mismatch or an older Webkit engine that ignores the HTML object element's nested param elements: display alternative content instead of SWF\r
+                            displayAltContent(obj);\r
+                            if (cb) { cb(cbObj); }\r
+                        }\r
+                    }\r
+                }\r
+                else {  // if no Flash Player is installed or the fp version cannot be detected we let the HTML object element do its job (either show a SWF or alternative content)\r
+                    setVisibility(id, true);\r
+                    if (cb) {\r
+                        var o = getObjectById(id); // test whether there is an HTML object element or not\r
+                        if (o && typeof o.SetVariable != UNDEF) { \r
+                            cbObj.success = true;\r
+                            cbObj.ref = o;\r
+                        }\r
+                        cb(cbObj);\r
+                    }\r
+                }\r
+            }\r
+        }\r
+    }\r
+    \r
+    function getObjectById(objectIdStr) {\r
+        var r = null;\r
+        var o = getElementById(objectIdStr);\r
+        if (o && o.nodeName == "OBJECT") {\r
+            if (typeof o.SetVariable != UNDEF) {\r
+                r = o;\r
+            }\r
+            else {\r
+                var n = o.getElementsByTagName(OBJECT)[0];\r
+                if (n) {\r
+                    r = n;\r
+                }\r
+            }\r
+        }\r
+        return r;\r
+    }\r
+    \r
+    /* Requirements for Adobe Express Install\r
+        - only one instance can be active at a time\r
+        - fp 6.0.65 or higher\r
+        - Win/Mac OS only\r
+        - no Webkit engines older than version 312\r
+    */\r
+    function canExpressInstall() {\r
+        return !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac) && !(ua.wk && ua.wk < 312);\r
+    }\r
+    \r
+    /* Show the Adobe Express Install dialog\r
+        - Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75\r
+    */\r
+    function showExpressInstall(att, par, replaceElemIdStr, callbackFn) {\r
+        isExpressInstallActive = true;\r
+        storedCallbackFn = callbackFn || null;\r
+        storedCallbackObj = {success:false, id:replaceElemIdStr};\r
+        var obj = getElementById(replaceElemIdStr);\r
+        if (obj) {\r
+            if (obj.nodeName == "OBJECT") { // static publishing\r
+                storedAltContent = abstractAltContent(obj);\r
+                storedAltContentId = null;\r
+            }\r
+            else { // dynamic publishing\r
+                storedAltContent = obj;\r
+                storedAltContentId = replaceElemIdStr;\r
+            }\r
+            att.id = EXPRESS_INSTALL_ID;\r
+            if (typeof att.width == UNDEF || (!/%$/.test(att.width) && parseInt(att.width, 10) < 310)) { att.width = "310"; }\r
+            if (typeof att.height == UNDEF || (!/%$/.test(att.height) && parseInt(att.height, 10) < 137)) { att.height = "137"; }\r
+            doc.title = doc.title.slice(0, 47) + " - Flash Player Installation";\r
+            var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",\r
+                fv = "MMredirectURL=" + win.location.toString().replace(/&/g,"%26") + "&MMplayerType=" + pt + "&MMdoctitle=" + doc.title;\r
+            if (typeof par.flashvars != UNDEF) {\r
+                par.flashvars += "&" + fv;\r
+            }\r
+            else {\r
+                par.flashvars = fv;\r
+            }\r
+            // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,\r
+            // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work\r
+            if (ua.ie && ua.win && obj.readyState != 4) {\r
+                var newObj = createElement("div");\r
+                replaceElemIdStr += "SWFObjectNew";\r
+                newObj.setAttribute("id", replaceElemIdStr);\r
+                obj.parentNode.insertBefore(newObj, obj); // insert placeholder div that will be replaced by the object element that loads expressinstall.swf\r
+                obj.style.display = "none";\r
+                (function(){\r
+                    if (obj.readyState == 4) {\r
+                        obj.parentNode.removeChild(obj);\r
+                    }\r
+                    else {\r
+                        setTimeout(arguments.callee, 10);\r
+                    }\r
+                })();\r
+            }\r
+            createSWF(att, par, replaceElemIdStr);\r
+        }\r
+    }\r
+    \r
+    /* Functions to abstract and display alternative content\r
+    */\r
+    function displayAltContent(obj) {\r
+        if (ua.ie && ua.win && obj.readyState != 4) {\r
+            // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,\r
+            // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work\r
+            var el = createElement("div");\r
+            obj.parentNode.insertBefore(el, obj); // insert placeholder div that will be replaced by the alternative content\r
+            el.parentNode.replaceChild(abstractAltContent(obj), el);\r
+            obj.style.display = "none";\r
+            (function(){\r
+                if (obj.readyState == 4) {\r
+                    obj.parentNode.removeChild(obj);\r
+                }\r
+                else {\r
+                    setTimeout(arguments.callee, 10);\r
+                }\r
+            })();\r
+        }\r
+        else {\r
+            obj.parentNode.replaceChild(abstractAltContent(obj), obj);\r
+        }\r
+    } \r
+\r
+    function abstractAltContent(obj) {\r
+        var ac = createElement("div");\r
+        if (ua.win && ua.ie) {\r
+            ac.innerHTML = obj.innerHTML;\r
+        }\r
+        else {\r
+            var nestedObj = obj.getElementsByTagName(OBJECT)[0];\r
+            if (nestedObj) {\r
+                var c = nestedObj.childNodes;\r
+                if (c) {\r
+                    var cl = c.length;\r
+                    for (var i = 0; i < cl; i++) {\r
+                        if (!(c[i].nodeType == 1 && c[i].nodeName == "PARAM") && !(c[i].nodeType == 8)) {\r
+                            ac.appendChild(c[i].cloneNode(true));\r
+                        }\r
+                    }\r
+                }\r
+            }\r
+        }\r
+        return ac;\r
+    }\r
+    \r
+    /* Cross-browser dynamic SWF creation\r
+    */\r
+    function createSWF(attObj, parObj, id) {\r
+        var r, el = getElementById(id);\r
+        if (ua.wk && ua.wk < 312) { return r; }\r
+        if (el) {\r
+            if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content\r
+                attObj.id = id;\r
+            }\r
+            if (ua.ie && ua.win) { // Internet Explorer + the HTML object element + W3C DOM methods do not combine: fall back to outerHTML\r
+                var att = "";\r
+                for (var i in attObj) {\r
+                    if (attObj[i] != Object.prototype[i]) { // filter out prototype additions from other potential libraries\r
+                        if (i.toLowerCase() == "data") {\r
+                            parObj.movie = attObj[i];\r
+                        }\r
+                        else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword\r
+                            att += ' class="' + attObj[i] + '"';\r
+                        }\r
+                        else if (i.toLowerCase() != "classid") {\r
+                            att += ' ' + i + '="' + attObj[i] + '"';\r
+                        }\r
+                    }\r
+                }\r
+                var par = "";\r
+                for (var j in parObj) {\r
+                    if (parObj[j] != Object.prototype[j]) { // filter out prototype additions from other potential libraries\r
+                        par += '<param name="' + j + '" value="' + parObj[j] + '" />';\r
+                    }\r
+                }\r
+                el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '</object>';\r
+                objIdArr[objIdArr.length] = attObj.id; // stored to fix object 'leaks' on unload (dynamic publishing only)\r
+                r = getElementById(attObj.id);  \r
+            }\r
+            else { // well-behaving browsers\r
+                var o = createElement(OBJECT);\r
+                o.setAttribute("type", FLASH_MIME_TYPE);\r
+                for (var m in attObj) {\r
+                    if (attObj[m] != Object.prototype[m]) { // filter out prototype additions from other potential libraries\r
+                        if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword\r
+                            o.setAttribute("class", attObj[m]);\r
+                        }\r
+                        else if (m.toLowerCase() != "classid") { // filter out IE specific attribute\r
+                            o.setAttribute(m, attObj[m]);\r
+                        }\r
+                    }\r
+                }\r
+                for (var n in parObj) {\r
+                    if (parObj[n] != Object.prototype[n] && n.toLowerCase() != "movie") { // filter out prototype additions from other potential libraries and IE specific param element\r
+                        createObjParam(o, n, parObj[n]);\r
+                    }\r
+                }\r
+                el.parentNode.replaceChild(o, el);\r
+                r = o;\r
+            }\r
+        }\r
+        return r;\r
+    }\r
+    \r
+    function createObjParam(el, pName, pValue) {\r
+        var p = createElement("param");\r
+        p.setAttribute("name", pName);  \r
+        p.setAttribute("value", pValue);\r
+        el.appendChild(p);\r
+    }\r
+    \r
+    /* Cross-browser SWF removal\r
+        - Especially needed to safely and completely remove a SWF in Internet Explorer\r
+    */\r
+    function removeSWF(id) {\r
+        var obj = getElementById(id);\r
+        if (obj && obj.nodeName == "OBJECT") {\r
+            if (ua.ie && ua.win) {\r
+                obj.style.display = "none";\r
+                (function(){\r
+                    if (obj.readyState == 4) {\r
+                        removeObjectInIE(id);\r
+                    }\r
+                    else {\r
+                        setTimeout(arguments.callee, 10);\r
+                    }\r
+                })();\r
+            }\r
+            else {\r
+                obj.parentNode.removeChild(obj);\r
+            }\r
+        }\r
+    }\r
+    \r
+    function removeObjectInIE(id) {\r
+        var obj = getElementById(id);\r
+        if (obj) {\r
+            for (var i in obj) {\r
+                if (typeof obj[i] == "function") {\r
+                    obj[i] = null;\r
+                }\r
+            }\r
+            obj.parentNode.removeChild(obj);\r
+        }\r
+    }\r
+    \r
+    /* Functions to optimize JavaScript compression\r
+    */\r
+    function getElementById(id) {\r
+        var el = null;\r
+        try {\r
+            el = doc.getElementById(id);\r
+        }\r
+        catch (e) {}\r
+        return el;\r
+    }\r
+    \r
+    function createElement(el) {\r
+        return doc.createElement(el);\r
+    }\r
+    \r
+    /* Updated attachEvent function for Internet Explorer\r
+        - Stores attachEvent information in an Array, so on unload the detachEvent functions can be called to avoid memory leaks\r
+    */  \r
+    function addListener(target, eventType, fn) {\r
+        target.attachEvent(eventType, fn);\r
+        listenersArr[listenersArr.length] = [target, eventType, fn];\r
+    }\r
+    \r
+    /* Flash Player and SWF content version matching\r
+    */\r
+    function hasPlayerVersion(rv) {\r
+        var pv = ua.pv, v = rv.split(".");\r
+        v[0] = parseInt(v[0], 10);\r
+        v[1] = parseInt(v[1], 10) || 0; // supports short notation, e.g. "9" instead of "9.0.0"\r
+        v[2] = parseInt(v[2], 10) || 0;\r
+        return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;\r
+    }\r
+    \r
+    /* Cross-browser dynamic CSS creation\r
+        - Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php\r
+    */  \r
+    function createCSS(sel, decl, media, newStyle) {\r
+        if (ua.ie && ua.mac) { return; }\r
+        var h = doc.getElementsByTagName("head")[0];\r
+        if (!h) { return; } // to also support badly authored HTML pages that lack a head element\r
+        var m = (media && typeof media == "string") ? media : "screen";\r
+        if (newStyle) {\r
+            dynamicStylesheet = null;\r
+            dynamicStylesheetMedia = null;\r
+        }\r
+        if (!dynamicStylesheet || dynamicStylesheetMedia != m) { \r
+            // create dynamic stylesheet + get a global reference to it\r
+            var s = createElement("style");\r
+            s.setAttribute("type", "text/css");\r
+            s.setAttribute("media", m);\r
+            dynamicStylesheet = h.appendChild(s);\r
+            if (ua.ie && ua.win && typeof doc.styleSheets != UNDEF && doc.styleSheets.length > 0) {\r
+                dynamicStylesheet = doc.styleSheets[doc.styleSheets.length - 1];\r
+            }\r
+            dynamicStylesheetMedia = m;\r
+        }\r
+        // add style rule\r
+        if (ua.ie && ua.win) {\r
+            if (dynamicStylesheet && typeof dynamicStylesheet.addRule == OBJECT) {\r
+                dynamicStylesheet.addRule(sel, decl);\r
+            }\r
+        }\r
+        else {\r
+            if (dynamicStylesheet && typeof doc.createTextNode != UNDEF) {\r
+                dynamicStylesheet.appendChild(doc.createTextNode(sel + " {" + decl + "}"));\r
+            }\r
+        }\r
+    }\r
+    \r
+    function setVisibility(id, isVisible) {\r
+        if (!autoHideShow) { return; }\r
+        var v = isVisible ? "visible" : "hidden";\r
+        if (isDomLoaded && getElementById(id)) {\r
+            getElementById(id).style.visibility = v;\r
+        }\r
+        else {\r
+            createCSS("#" + id, "visibility:" + v);\r
+        }\r
+    }\r
+\r
+    /* Filter to avoid XSS attacks\r
+    */\r
+    function urlEncodeIfNecessary(s) {\r
+        var regex = /[\\\"<>\.;]/;\r
+        var hasBadChars = regex.exec(s) != null;\r
+        return hasBadChars && typeof encodeURIComponent != UNDEF ? encodeURIComponent(s) : s;\r
+    }\r
+    \r
+    /* Release memory to avoid memory leaks caused by closures, fix hanging audio/video threads and force open sockets/NetConnections to disconnect (Internet Explorer only)\r
+    */\r
+    var cleanup = function() {\r
+        if (ua.ie && ua.win) {\r
+            window.attachEvent("onunload", function() {\r
+                // remove listeners to avoid memory leaks\r
+                var ll = listenersArr.length;\r
+                for (var i = 0; i < ll; i++) {\r
+                    listenersArr[i][0].detachEvent(listenersArr[i][1], listenersArr[i][2]);\r
+                }\r
+                // cleanup dynamically embedded objects to fix audio/video threads and force open sockets and NetConnections to disconnect\r
+                var il = objIdArr.length;\r
+                for (var j = 0; j < il; j++) {\r
+                    removeSWF(objIdArr[j]);\r
+                }\r
+                // cleanup library's main closures to avoid memory leaks\r
+                for (var k in ua) {\r
+                    ua[k] = null;\r
+                }\r
+                ua = null;\r
+                for (var l in swfobject) {\r
+                    swfobject[l] = null;\r
+                }\r
+                swfobject = null;\r
+            });\r
+        }\r
+    }();\r
+    \r
+    return {\r
+        /* Public API\r
+            - Reference: http://code.google.com/p/swfobject/wiki/documentation\r
+        */ \r
+        registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn) {\r
+            if (ua.w3 && objectIdStr && swfVersionStr) {\r
+                var regObj = {};\r
+                regObj.id = objectIdStr;\r
+                regObj.swfVersion = swfVersionStr;\r
+                regObj.expressInstall = xiSwfUrlStr;\r
+                regObj.callbackFn = callbackFn;\r
+                regObjArr[regObjArr.length] = regObj;\r
+                setVisibility(objectIdStr, false);\r
+            }\r
+            else if (callbackFn) {\r
+                callbackFn({success:false, id:objectIdStr});\r
+            }\r
+        },\r
+        \r
+        getObjectById: function(objectIdStr) {\r
+            if (ua.w3) {\r
+                return getObjectById(objectIdStr);\r
+            }\r
+        },\r
+        \r
+        embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn) {\r
+            var callbackObj = {success:false, id:replaceElemIdStr};\r
+            if (ua.w3 && !(ua.wk && ua.wk < 312) && swfUrlStr && replaceElemIdStr && widthStr && heightStr && swfVersionStr) {\r
+                setVisibility(replaceElemIdStr, false);\r
+                addDomLoadEvent(function() {\r
+                    widthStr += ""; // auto-convert to string\r
+                    heightStr += "";\r
+                    var att = {};\r
+                    if (attObj && typeof attObj === OBJECT) {\r
+                        for (var i in attObj) { // copy object to avoid the use of references, because web authors often reuse attObj for multiple SWFs\r
+                            att[i] = attObj[i];\r
+                        }\r
+                    }\r
+                    att.data = swfUrlStr;\r
+                    att.width = widthStr;\r
+                    att.height = heightStr;\r
+                    var par = {}; \r
+                    if (parObj && typeof parObj === OBJECT) {\r
+                        for (var j in parObj) { // copy object to avoid the use of references, because web authors often reuse parObj for multiple SWFs\r
+                            par[j] = parObj[j];\r
+                        }\r
+                    }\r
+                    if (flashvarsObj && typeof flashvarsObj === OBJECT) {\r
+                        for (var k in flashvarsObj) { // copy object to avoid the use of references, because web authors often reuse flashvarsObj for multiple SWFs\r
+                            if (typeof par.flashvars != UNDEF) {\r
+                                par.flashvars += "&" + k + "=" + flashvarsObj[k];\r
+                            }\r
+                            else {\r
+                                par.flashvars = k + "=" + flashvarsObj[k];\r
+                            }\r
+                        }\r
+                    }\r
+                    if (hasPlayerVersion(swfVersionStr)) { // create SWF\r
+                        var obj = createSWF(att, par, replaceElemIdStr);\r
+                        if (att.id == replaceElemIdStr) {\r
+                            setVisibility(replaceElemIdStr, true);\r
+                        }\r
+                        callbackObj.success = true;\r
+                        callbackObj.ref = obj;\r
+                    }\r
+                    else if (xiSwfUrlStr && canExpressInstall()) { // show Adobe Express Install\r
+                        att.data = xiSwfUrlStr;\r
+                        showExpressInstall(att, par, replaceElemIdStr, callbackFn);\r
+                        return;\r
+                    }\r
+                    else { // show alternative content\r
+                        setVisibility(replaceElemIdStr, true);\r
+                    }\r
+                    if (callbackFn) { callbackFn(callbackObj); }\r
+                });\r
+            }\r
+            else if (callbackFn) { callbackFn(callbackObj); }\r
+        },\r
+        \r
+        switchOffAutoHideShow: function() {\r
+            autoHideShow = false;\r
+        },\r
+        \r
+        ua: ua,\r
+        \r
+        getFlashPlayerVersion: function() {\r
+            return { major:ua.pv[0], minor:ua.pv[1], release:ua.pv[2] };\r
+        },\r
+        \r
+        hasFlashPlayerVersion: hasPlayerVersion,\r
+        \r
+        createSWF: function(attObj, parObj, replaceElemIdStr) {\r
+            if (ua.w3) {\r
+                return createSWF(attObj, parObj, replaceElemIdStr);\r
+            }\r
+            else {\r
+                return undefined;\r
+            }\r
+        },\r
+        \r
+        showExpressInstall: function(att, par, replaceElemIdStr, callbackFn) {\r
+            if (ua.w3 && canExpressInstall()) {\r
+                showExpressInstall(att, par, replaceElemIdStr, callbackFn);\r
+            }\r
+        },\r
+        \r
+        removeSWF: function(objElemIdStr) {\r
+            if (ua.w3) {\r
+                removeSWF(objElemIdStr);\r
+            }\r
+        },\r
+        \r
+        createCSS: function(selStr, declStr, mediaStr, newStyleBoolean) {\r
+            if (ua.w3) {\r
+                createCSS(selStr, declStr, mediaStr, newStyleBoolean);\r
+            }\r
+        },\r
+        \r
+        addDomLoadEvent: addDomLoadEvent,\r
+        \r
+        addLoadEvent: addLoadEvent,\r
+        \r
+        getQueryParamValue: function(param) {\r
+            var q = doc.location.search || doc.location.hash;\r
+            if (q) {\r
+                if (/\?/.test(q)) { q = q.split("?")[1]; } // strip question mark\r
+                if (param == null) {\r
+                    return urlEncodeIfNecessary(q);\r
+                }\r
+                var pairs = q.split("&");\r
+                for (var i = 0; i < pairs.length; i++) {\r
+                    if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {\r
+                        return urlEncodeIfNecessary(pairs[i].substring((pairs[i].indexOf("=") + 1)));\r
+                    }\r
+                }\r
+            }\r
+            return "";\r
+        },\r
+        \r
+        // For internal usage only\r
+        expressInstallCallback: function() {\r
+            if (isExpressInstallActive) {\r
+                var obj = getElementById(EXPRESS_INSTALL_ID);\r
+                if (obj && storedAltContent) {\r
+                    obj.parentNode.replaceChild(storedAltContent, obj);\r
+                    if (storedAltContentId) {\r
+                        setVisibility(storedAltContentId, true);\r
+                        if (ua.ie && ua.win) { storedAltContent.style.display = "block"; }\r
+                    }\r
+                    if (storedCallbackFn) { storedCallbackFn(storedCallbackObj); }\r
+                }\r
+                isExpressInstallActive = false;\r
+            } \r
+        }\r
+    };\r
+}();\r
+/**
+ * @class Ext.FlashComponent
+ * @extends Ext.BoxComponent
+ * @constructor
+ * @xtype flash
+ */
+Ext.FlashComponent = Ext.extend(Ext.BoxComponent, {
+    /**
+     * @cfg {String} flashVersion
+     * Indicates the version the flash content was published for. Defaults to <tt>'9.0.45'</tt>.
+     */
+    flashVersion : '9.0.45',
+
+    /**
+     * @cfg {String} backgroundColor
+     * The background color of the chart. Defaults to <tt>'#ffffff'</tt>.
+     */
+    backgroundColor: '#ffffff',
+
+    /**
+     * @cfg {String} wmode
+     * The wmode of the flash object. This can be used to control layering. Defaults to <tt>'opaque'</tt>.
+     */
+    wmode: 'opaque',
+
+    /**
+     * @cfg {String} url
+     * The URL of the chart to include. Defaults to <tt>undefined</tt>.
+     */
+    url: undefined,
+    swfId : undefined,
+    swfWidth: '100%',
+    swfHeight: '100%',
+
+    /**
+     * @cfg {Boolean} expressInstall
+     * True to prompt the user to install flash if not installed. Note that this uses
+     * Ext.FlashComponent.EXPRESS_INSTALL_URL, which should be set to the local resource. Defaults to <tt>false</tt>.
+     */
+    expressInstall: false,
+
+    initComponent : function(){
+        Ext.FlashComponent.superclass.initComponent.call(this);
+
+        this.addEvents('initialize');
+    },
+
+    onRender : function(){
+        Ext.FlashComponent.superclass.onRender.apply(this, arguments);
+
+        var params = {
+            allowScriptAccess: 'always',
+            bgcolor: this.backgroundColor,
+            wmode: this.wmode
+        }, vars = {
+            allowedDomain: document.location.hostname,
+            elementID: this.getId(),
+            eventHandler: 'Ext.FlashEventProxy.onEvent'
+        };
+
+        new swfobject.embedSWF(this.url, this.id, this.swfWidth, this.swfHeight, this.flashVersion,
+            this.expressInstall ? Ext.FlashComponent.EXPRESS_INSTALL_URL : undefined, vars, params);
+
+        this.swf = Ext.getDom(this.id);
+        this.el = Ext.get(this.swf);
+    },
+
+    getSwfId : function(){
+        return this.swfId || (this.swfId = "extswf" + (++Ext.Component.AUTO_ID));
+    },
+
+    getId : function(){
+        return this.id || (this.id = "extflashcmp" + (++Ext.Component.AUTO_ID));
+    },
+
+    onFlashEvent : function(e){
+        switch(e.type){
+            case "swfReady":
+                this.initSwf();
+                return;
+            case "log":
+                return;
+        }
+        e.component = this;
+        this.fireEvent(e.type.toLowerCase().replace(/event$/, ''), e);
+    },
+
+    initSwf : function(){
+        this.onSwfReady(!!this.isInitialized);
+        this.isInitialized = true;
+        this.fireEvent('initialize', this);
+    },
+
+    beforeDestroy: function(){
+        if(this.rendered){
+            swfobject.removeSWF(this.swf.id);
+        }
+        Ext.FlashComponent.superclass.beforeDestroy.call(this);
+    },
+
+    onSwfReady : Ext.emptyFn
+});
+
+/**
+ * Sets the url for installing flash if it doesn't exist. This should be set to a local resource.
+ * @static
+ * @type String
+ */
+Ext.FlashComponent.EXPRESS_INSTALL_URL = 'http:/' + '/swfobject.googlecode.com/svn/trunk/swfobject/expressInstall.swf';
+
+Ext.reg('flash', Ext.FlashComponent);/**\r
+ * @class Ext.FlashProxy\r
+ * @singleton\r
+ */\r
+Ext.FlashEventProxy = {\r
+    onEvent : function(id, e){\r
+        var fp = Ext.getCmp(id);\r
+        if(fp){\r
+            fp.onFlashEvent(e);\r
+        }else{\r
+            arguments.callee.defer(10, this, [id, e]);\r
+        }\r
+    }\r
+}/**\r
+ * @class Ext.chart.Chart\r
+ * @extends Ext.FlashComponent\r
+ * The Ext.chart package provides the capability to visualize data with flash based charting.\r
+ * Each chart binds directly to an Ext.data.Store enabling automatic updates of the chart.\r
+ * @constructor\r
+ * @xtype chart\r
+ */\r
\r
+ Ext.chart.Chart = Ext.extend(Ext.FlashComponent, {\r
+    refreshBuffer: 100,\r
+\r
+    /**\r
+     * @cfg {Object} chartStyle\r
+     * Sets styles for this chart. Contains a number of default values. Modifying this property will override\r
+     * the base styles on the chart.\r
+     */\r
+    chartStyle: {\r
+        padding: 10,\r
+        animationEnabled: true,\r
+        font: {\r
+            name: 'Tahoma',\r
+            color: 0x444444,\r
+            size: 11\r
+        },\r
+        dataTip: {\r
+            padding: 5,\r
+            border: {\r
+                color: 0x99bbe8,\r
+                size:1\r
+            },\r
+            background: {\r
+                color: 0xDAE7F6,\r
+                alpha: .9\r
+            },\r
+            font: {\r
+                name: 'Tahoma',\r
+                color: 0x15428B,\r
+                size: 10,\r
+                bold: true\r
+            }\r
+        }\r
+    },\r
+    \r
+    /**\r
+     * @cfg {String} url\r
+     * The url to load the chart from. This defaults to Ext.chart.Chart.CHART_URL, which should\r
+     * be modified to point to the local charts resource.\r
+     */\r
+    \r
+    /**\r
+     * @cfg {Object} extraStyle\r
+     * Contains extra styles that will be added or overwritten to the default chartStyle. Defaults to <tt>null</tt>.\r
+     */\r
+    extraStyle: null,\r
+    \r
+    /**\r
+     * @cfg {Boolean} disableCaching\r
+     * True to add a "cache buster" to the end of the chart url. Defaults to true for Opera and IE.\r
+     */\r
+    disableCaching: Ext.isIE || Ext.isOpera,\r
+    disableCacheParam: '_dc',\r
+\r
+    initComponent : function(){\r
+        Ext.chart.Chart.superclass.initComponent.call(this);\r
+        if(!this.url){\r
+            this.url = Ext.chart.Chart.CHART_URL;\r
+        }\r
+        if(this.disableCaching){\r
+            this.url = Ext.urlAppend(this.url, String.format('{0}={1}', this.disableCacheParam, new Date().getTime()));\r
+        }\r
+        this.addEvents(\r
+            'itemmouseover',\r
+            'itemmouseout',\r
+            'itemclick',\r
+            'itemdoubleclick',\r
+            'itemdragstart',\r
+            'itemdrag',\r
+            'itemdragend'\r
+        );\r
+        this.store = Ext.StoreMgr.lookup(this.store);\r
+    },\r
+\r
+    /**\r
+     * Sets a single style value on the Chart instance.\r
+     *\r
+     * @param name {String} Name of the Chart style value to change.\r
+     * @param value {Object} New value to pass to the Chart style.\r
+     */\r
+     setStyle: function(name, value){\r
+         this.swf.setStyle(name, Ext.encode(value));\r
+     },\r
+\r
+    /**\r
+     * Resets all styles on the Chart instance.\r
+     *\r
+     * @param styles {Object} Initializer for all Chart styles.\r
+     */\r
+    setStyles: function(styles){\r
+        this.swf.setStyles(Ext.encode(styles));\r
+    },\r
+\r
+    /**\r
+     * Sets the styles on all series in the Chart.\r
+     *\r
+     * @param styles {Array} Initializer for all Chart series styles.\r
+     */\r
+    setSeriesStyles: function(styles){\r
+        var s = [];\r
+        Ext.each(styles, function(style){\r
+            s.push(Ext.encode(style));\r
+        });\r
+        this.swf.setSeriesStyles(s);\r
+    },\r
+\r
+    setCategoryNames : function(names){\r
+        this.swf.setCategoryNames(names);\r
+    },\r
+\r
+    setTipRenderer : function(fn){\r
+        var chart = this;\r
+        this.tipFnName = this.createFnProxy(function(item, index, series){\r
+            var record = chart.store.getAt(index);\r
+            return fn(chart, record, index, series);\r
+        }, this.tipFnName);\r
+        this.swf.setDataTipFunction(this.tipFnName);\r
+    },\r
+\r
+    setSeries : function(series){\r
+        this.series = series;\r
+        this.refresh();\r
+    },\r
+\r
+    /**\r
+     * Changes the data store bound to this chart and refreshes it.\r
+     * @param {Store} store The store to bind to this chart\r
+     */\r
+    bindStore : function(store, initial){\r
+        if(!initial && this.store){\r
+            this.store.un("datachanged", this.refresh, this);\r
+            this.store.un("add", this.delayRefresh, this);\r
+            this.store.un("remove", this.delayRefresh, this);\r
+            this.store.un("update", this.delayRefresh, this);\r
+            this.store.un("clear", this.refresh, this);\r
+            if(store !== this.store && this.store.autoDestroy){\r
+                this.store.destroy();\r
+            }\r
+        }\r
+        if(store){\r
+            store = Ext.StoreMgr.lookup(store);\r
+            store.on({\r
+                scope: this,\r
+                datachanged: this.refresh,\r
+                add: this.delayRefresh,\r
+                remove: this.delayRefresh,\r
+                update: this.delayRefresh,\r
+                clear: this.refresh\r
+            });\r
+        }\r
+        this.store = store;\r
+        if(store && !initial){\r
+            this.refresh();\r
+        }\r
+    },\r
+\r
+    onSwfReady : function(isReset){\r
+        Ext.chart.Chart.superclass.onSwfReady.call(this, isReset);\r
+        this.swf.setType(this.type);\r
+\r
+        if(this.chartStyle){\r
+            this.setStyles(Ext.apply(this.extraStyle || {}, this.chartStyle));\r
+        }\r
+\r
+        if(this.categoryNames){\r
+            this.setCategoryNames(this.categoryNames);\r
+        }\r
+\r
+        if(this.tipRenderer){\r
+            this.setTipRenderer(this.tipRenderer);\r
+        }\r
+        if(!isReset){\r
+            this.bindStore(this.store, true);\r
+        }\r
+        this.refresh.defer(10, this);\r
+    },\r
+\r
+    delayRefresh : function(){\r
+        if(!this.refreshTask){\r
+            this.refreshTask = new Ext.util.DelayedTask(this.refresh, this);\r
+        }\r
+        this.refreshTask.delay(this.refreshBuffer);\r
+    },\r
+\r
+    refresh : function(){\r
+        var styleChanged = false;\r
+        // convert the store data into something YUI charts can understand\r
+        var data = [], rs = this.store.data.items;\r
+        for(var j = 0, len = rs.length; j < len; j++){\r
+            data[j] = rs[j].data;\r
+        }\r
+        //make a copy of the series definitions so that we aren't\r
+        //editing them directly.\r
+        var dataProvider = [];\r
+        var seriesCount = 0;\r
+        var currentSeries = null;\r
+        var i = 0;\r
+        if(this.series){\r
+            seriesCount = this.series.length;\r
+            for(i = 0; i < seriesCount; i++){\r
+                currentSeries = this.series[i];\r
+                var clonedSeries = {};\r
+                for(var prop in currentSeries){\r
+                    if(prop == "style" && currentSeries.style !== null){\r
+                        clonedSeries.style = Ext.encode(currentSeries.style);\r
+                        styleChanged = true;\r
+                        //we don't want to modify the styles again next time\r
+                        //so null out the style property.\r
+                        // this causes issues\r
+                        // currentSeries.style = null;\r
+                    } else{\r
+                        clonedSeries[prop] = currentSeries[prop];\r
+                    }\r
+                }\r
+                dataProvider.push(clonedSeries);\r
+            }\r
+        }\r
+\r
+        if(seriesCount > 0){\r
+            for(i = 0; i < seriesCount; i++){\r
+                currentSeries = dataProvider[i];\r
+                if(!currentSeries.type){\r
+                    currentSeries.type = this.type;\r
+                }\r
+                currentSeries.dataProvider = data;\r
+            }\r
+        } else{\r
+            dataProvider.push({type: this.type, dataProvider: data});\r
+        }\r
+        this.swf.setDataProvider(dataProvider);\r
+    },\r
+\r
+    createFnProxy : function(fn, old){\r
+        if(old){\r
+            delete window[old];\r
+        }\r
+        var fnName = "extFnProxy" + (++Ext.chart.Chart.PROXY_FN_ID);\r
+        window[fnName] = fn;\r
+        return fnName;\r
+    },\r
+    \r
+    onDestroy: function(){\r
+        Ext.chart.Chart.superclass.onDestroy.call(this);\r
+        delete window[this.tipFnName];\r
+    }\r
+});\r
+Ext.reg('chart', Ext.chart.Chart);\r
+Ext.chart.Chart.PROXY_FN_ID = 0;\r
+\r
+/**\r
+ * Sets the url to load the chart from. This should be set to a local resource.\r
+ * @static\r
+ * @type String\r
+ */\r
+Ext.chart.Chart.CHART_URL = 'http:/' + '/yui.yahooapis.com/2.7.0/build/charts/assets/charts.swf';\r
+\r
+/**\r
+ * @class Ext.chart.PieChart\r
+ * @extends Ext.chart.Chart\r
+ * @constructor\r
+ * @xtype piechart\r
+ */\r
+Ext.chart.PieChart = Ext.extend(Ext.chart.Chart, {\r
+    type: 'pie',\r
+\r
+    onSwfReady : function(isReset){\r
+        Ext.chart.PieChart.superclass.onSwfReady.call(this, isReset);\r
+\r
+        this.setDataField(this.dataField);\r
+        this.setCategoryField(this.categoryField);\r
+    },\r
+\r
+    setDataField : function(field){\r
+        this.dataField = field;\r
+        this.swf.setDataField(field);\r
+    },\r
+\r
+    setCategoryField : function(field){\r
+        this.categoryField = field;\r
+        this.swf.setCategoryField(field);\r
+    }\r
+});\r
+Ext.reg('piechart', Ext.chart.PieChart);\r
+\r
+/**\r
+ * @class Ext.chart.CartesianChart\r
+ * @extends Ext.chart.Chart\r
+ * @constructor\r
+ * @xtype cartesianchart\r
+ */\r
+Ext.chart.CartesianChart = Ext.extend(Ext.chart.Chart, {\r
+    onSwfReady : function(isReset){\r
+        Ext.chart.CartesianChart.superclass.onSwfReady.call(this, isReset);\r
+\r
+        if(this.xField){\r
+            this.setXField(this.xField);\r
+        }\r
+        if(this.yField){\r
+            this.setYField(this.yField);\r
+        }\r
+        if(this.xAxis){\r
+            this.setXAxis(this.xAxis);\r
+        }\r
+        if(this.yAxis){\r
+            this.setYAxis(this.yAxis);\r
+        }\r
+    },\r
+\r
+    setXField : function(value){\r
+        this.xField = value;\r
+        this.swf.setHorizontalField(value);\r
+    },\r
+\r
+    setYField : function(value){\r
+        this.yField = value;\r
+        this.swf.setVerticalField(value);\r
+    },\r
+\r
+    setXAxis : function(value){\r
+        this.xAxis = this.createAxis('xAxis', value);\r
+        this.swf.setHorizontalAxis(this.xAxis);\r
+    },\r
+\r
+    setYAxis : function(value){\r
+        this.yAxis = this.createAxis('yAxis', value);\r
+        this.swf.setVerticalAxis(this.yAxis);\r
+    },\r
+\r
+    createAxis : function(axis, value){\r
+        var o = Ext.apply({}, value), oldFn = null;\r
+        if(this[axis]){\r
+            oldFn = this[axis].labelFunction;\r
+        }\r
+        if(o.labelRenderer){\r
+            var fn = o.labelRenderer;\r
+            o.labelFunction = this.createFnProxy(function(v){\r
+                return fn(v);\r
+            }, oldFn);\r
+            delete o.labelRenderer;\r
+        }\r
+        return o;\r
+    }\r
+});\r
+Ext.reg('cartesianchart', Ext.chart.CartesianChart);\r
+\r
+/**\r
+ * @class Ext.chart.LineChart\r
+ * @extends Ext.chart.CartesianChart\r
+ * @constructor\r
+ * @xtype linechart\r
+ */\r
+Ext.chart.LineChart = Ext.extend(Ext.chart.CartesianChart, {\r
+    type: 'line'\r
+});\r
+Ext.reg('linechart', Ext.chart.LineChart);\r
+\r
+/**\r
+ * @class Ext.chart.ColumnChart\r
+ * @extends Ext.chart.CartesianChart\r
+ * @constructor\r
+ * @xtype columnchart\r
+ */\r
+Ext.chart.ColumnChart = Ext.extend(Ext.chart.CartesianChart, {\r
+    type: 'column'\r
+});\r
+Ext.reg('columnchart', Ext.chart.ColumnChart);\r
+\r
+/**\r
+ * @class Ext.chart.StackedColumnChart\r
+ * @extends Ext.chart.CartesianChart\r
+ * @constructor\r
+ * @xtype stackedcolumnchart\r
+ */\r
+Ext.chart.StackedColumnChart = Ext.extend(Ext.chart.CartesianChart, {\r
+    type: 'stackcolumn'\r
+});\r
+Ext.reg('stackedcolumnchart', Ext.chart.StackedColumnChart);\r
+\r
+/**\r
+ * @class Ext.chart.BarChart\r
+ * @extends Ext.chart.CartesianChart\r
+ * @constructor\r
+ * @xtype barchart\r
+ */\r
+Ext.chart.BarChart = Ext.extend(Ext.chart.CartesianChart, {\r
+    type: 'bar'\r
+});\r
+Ext.reg('barchart', Ext.chart.BarChart);\r
+\r
+/**\r
+ * @class Ext.chart.StackedBarChart\r
+ * @extends Ext.chart.CartesianChart\r
+ * @constructor\r
+ * @xtype stackedbarchart\r
+ */\r
+Ext.chart.StackedBarChart = Ext.extend(Ext.chart.CartesianChart, {\r
+    type: 'stackbar'\r
+});\r
+Ext.reg('stackedbarchart', Ext.chart.StackedBarChart);\r
+\r
+\r
+\r
+/**\r
+ * @class Ext.chart.Axis\r
+ * Defines a CartesianChart's vertical or horizontal axis.\r
+ * @constructor\r
+ */\r
+Ext.chart.Axis = function(config){\r
+    Ext.apply(this, config);\r
+};\r
+\r
+Ext.chart.Axis.prototype =\r
+{\r
+    /**\r
+     * The type of axis.\r
+     *\r
+     * @property type\r
+     * @type String\r
+     */\r
+    type: null,\r
+\r
+    /**\r
+     * The direction in which the axis is drawn. May be "horizontal" or "vertical".\r
+     *\r
+     * @property orientation\r
+     * @type String\r
+     */\r
+    orientation: "horizontal",\r
+\r
+    /**\r
+     * If true, the items on the axis will be drawn in opposite direction.\r
+     *\r
+     * @property reverse\r
+     * @type Boolean\r
+     */\r
+    reverse: false,\r
+\r
+    /**\r
+     * A string reference to the globally-accessible function that may be called to\r
+     * determine each of the label values for this axis.\r
+     *\r
+     * @property labelFunction\r
+     * @type String\r
+     */\r
+    labelFunction: null,\r
+\r
+    /**\r
+     * If true, labels that overlap previously drawn labels on the axis will be hidden.\r
+     *\r
+     * @property hideOverlappingLabels\r
+     * @type Boolean\r
+     */\r
+    hideOverlappingLabels: true\r
+};\r
+\r
+/**\r
+ * @class Ext.chart.NumericAxis\r
+ * @extends Ext.chart.Axis\r
+ * A type of axis whose units are measured in numeric values.\r
+ * @constructor\r
+ */\r
+Ext.chart.NumericAxis = Ext.extend(Ext.chart.Axis, {\r
+    type: "numeric",\r
+\r
+    /**\r
+     * The minimum value drawn by the axis. If not set explicitly, the axis minimum\r
+     * will be calculated automatically.\r
+     *\r
+     * @property minimum\r
+     * @type Number\r
+     */\r
+    minimum: NaN,\r
+\r
+    /**\r
+     * The maximum value drawn by the axis. If not set explicitly, the axis maximum\r
+     * will be calculated automatically.\r
+     *\r
+     * @property maximum\r
+     * @type Number\r
+     */\r
+    maximum: NaN,\r
+\r
+    /**\r
+     * The spacing between major intervals on this axis.\r
+     *\r
+     * @property majorUnit\r
+     * @type Number\r
+     */\r
+    majorUnit: NaN,\r
+\r
+    /**\r
+     * The spacing between minor intervals on this axis.\r
+     *\r
+     * @property minorUnit\r
+     * @type Number\r
+     */\r
+    minorUnit: NaN,\r
+\r
+    /**\r
+     * If true, the labels, ticks, gridlines, and other objects will snap to\r
+     * the nearest major or minor unit. If false, their position will be based\r
+     * on the minimum value.\r
+     *\r
+     * @property snapToUnits\r
+     * @type Boolean\r
+     */\r
+    snapToUnits: true,\r
+\r
+    /**\r
+     * If true, and the bounds are calculated automatically, either the minimum or\r
+     * maximum will be set to zero.\r
+     *\r
+     * @property alwaysShowZero\r
+     * @type Boolean\r
+     */\r
+    alwaysShowZero: true,\r
+\r
+    /**\r
+     * The scaling algorithm to use on this axis. May be "linear" or "logarithmic".\r
+     *\r
+     * @property scale\r
+     * @type String\r
+     */\r
+    scale: "linear"\r
+});\r
+\r
+/**\r
+ * @class Ext.chart.TimeAxis\r
+ * @extends Ext.chart.Axis\r
+ * A type of axis whose units are measured in time-based values.\r
+ * @constructor\r
+ */\r
+Ext.chart.TimeAxis = Ext.extend(Ext.chart.Axis, {\r
+    type: "time",\r
+\r
+    /**\r
+     * The minimum value drawn by the axis. If not set explicitly, the axis minimum\r
+     * will be calculated automatically.\r
+     *\r
+     * @property minimum\r
+     * @type Date\r
+     */\r
+    minimum: null,\r
+\r
+    /**\r
+     * The maximum value drawn by the axis. If not set explicitly, the axis maximum\r
+     * will be calculated automatically.\r
+     *\r
+     * @property maximum\r
+     * @type Number\r
+     */\r
+    maximum: null,\r
+\r
+    /**\r
+     * The spacing between major intervals on this axis.\r
+     *\r
+     * @property majorUnit\r
+     * @type Number\r
+     */\r
+    majorUnit: NaN,\r
+\r
+    /**\r
+     * The time unit used by the majorUnit.\r
+     *\r
+     * @property majorTimeUnit\r
+     * @type String\r
+     */\r
+    majorTimeUnit: null,\r
+\r
+    /**\r
+     * The spacing between minor intervals on this axis.\r
+     *\r
+     * @property majorUnit\r
+     * @type Number\r
+     */\r
+    minorUnit: NaN,\r
+\r
+    /**\r
+     * The time unit used by the minorUnit.\r
+     *\r
+     * @property majorTimeUnit\r
+     * @type String\r
+     */\r
+    minorTimeUnit: null,\r
+\r
+    /**\r
+     * If true, the labels, ticks, gridlines, and other objects will snap to\r
+     * the nearest major or minor unit. If false, their position will be based\r
+     * on the minimum value.\r
+     *\r
+     * @property snapToUnits\r
+     * @type Boolean\r
+     */\r
+    snapToUnits: true\r
+});\r
+\r
+/**\r
+ * @class Ext.chart.CategoryAxis\r
+ * @extends Ext.chart.Axis\r
+ * A type of axis that displays items in categories.\r
+ * @constructor\r
+ */\r
+Ext.chart.CategoryAxis = Ext.extend(Ext.chart.Axis, {\r
+    type: "category",\r
+\r
+    /**\r
+     * A list of category names to display along this axis.\r
+     *\r
+     * @property categoryNames\r
+     * @type Array\r
+     */\r
+    categoryNames: null\r
+});\r
+\r
+/**\r
+ * @class Ext.chart.Series\r
+ * Series class for the charts widget.\r
+ * @constructor\r
+ */\r
+Ext.chart.Series = function(config) { Ext.apply(this, config); };\r
+\r
+Ext.chart.Series.prototype =\r
+{\r
+    /**\r
+     * The type of series.\r
+     *\r
+     * @property type\r
+     * @type String\r
+     */\r
+    type: null,\r
+\r
+    /**\r
+     * The human-readable name of the series.\r
+     *\r
+     * @property displayName\r
+     * @type String\r
+     */\r
+    displayName: null\r
+};\r
+\r
+/**\r
+ * @class Ext.chart.CartesianSeries\r
+ * @extends Ext.chart.Series\r
+ * CartesianSeries class for the charts widget.\r
+ * @constructor\r
+ */\r
+Ext.chart.CartesianSeries = Ext.extend(Ext.chart.Series, {\r
+    /**\r
+     * The field used to access the x-axis value from the items from the data source.\r
+     *\r
+     * @property xField\r
+     * @type String\r
+     */\r
+    xField: null,\r
+\r
+    /**\r
+     * The field used to access the y-axis value from the items from the data source.\r
+     *\r
+     * @property yField\r
+     * @type String\r
+     */\r
+    yField: null\r
+});\r
+\r
+/**\r
+ * @class Ext.chart.ColumnSeries\r
+ * @extends Ext.chart.CartesianSeries\r
+ * ColumnSeries class for the charts widget.\r
+ * @constructor\r
+ */\r
+Ext.chart.ColumnSeries = Ext.extend(Ext.chart.CartesianSeries, {\r
+    type: "column"\r
+});\r
+\r
+/**\r
+ * @class Ext.chart.LineSeries\r
+ * @extends Ext.chart.CartesianSeries\r
+ * LineSeries class for the charts widget.\r
+ * @constructor\r
+ */\r
+Ext.chart.LineSeries = Ext.extend(Ext.chart.CartesianSeries, {\r
+    type: "line"\r
+});\r
+\r
+/**\r
+ * @class Ext.chart.BarSeries\r
+ * @extends Ext.chart.CartesianSeries\r
+ * BarSeries class for the charts widget.\r
+ * @constructor\r
+ */\r
+Ext.chart.BarSeries = Ext.extend(Ext.chart.CartesianSeries, {\r
+    type: "bar"\r
+});\r
+\r
+\r
+/**\r
+ * @class Ext.chart.PieSeries\r
+ * @extends Ext.chart.Series\r
+ * PieSeries class for the charts widget.\r
+ * @constructor\r
+ */\r
+Ext.chart.PieSeries = Ext.extend(Ext.chart.Series, {\r
+    type: "pie",\r
+    dataField: null,\r
+    categoryField: null\r
+});
\ No newline at end of file