[IMP] replacing by flotr2, initial commit

bzr revid: fp@tinyerp.com-20120507081908-j0sfm5f84f0t32yg
author: Fabien Pinckaers <fp@tinyerp.com> 2012-05-07 10:19:08 +0200
committer: Fabien Pinckaers <fp@tinyerp.com> 2012-05-07 10:19:08 +0200
commit: dd6de9b2006cfe5bc7be28d70addc321691d2746 (patch)
tree: 677a360fdc3b660add0e9589b74c10da3b562766 /addons/web_graph/static/lib/dhtmlxGraph
parent: 16a2d354fc333d8fd3c0c638c5c2d74ffee8c580 (diff)
56 files changed, 0 insertions, 15592 deletions
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/License_GPL.html b/addons/web_graph/static/lib/dhtmlxGraph/License_GPL.html
deleted file mode 100644
index afe2ef33f0b..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/License_GPL.html
+++ /dev/null
@@ -1,73 +0,0 @@
-<h1>GNU GENERAL PUBLIC LICENSE</h1>
-Version 2, June 1991 </p>
-</p>
-<p>Copyright (C) 1989, 1991 Free Software Foundation, Inc.  </p>
-<p>59 Temple Place - Suite 330, Boston, MA  02111-1307, USA</p>
-</p>
-<p>Everyone is permitted to copy and distribute verbatim copies</p>
-<p>of this license document, but changing it is not allowed.</p>
-</p>
-</p>
-<p>TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION</p>
-<p>0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you". </p>
-</p>
-<p>Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. </p>
-</p>
-<p>1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. </p>
-</p>
-<p>You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. </p>
-</p>
-<p>2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: </p>
-</p>
-</p>
-<p>a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change. </p>
-</p>
-<p>b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License. </p>
-</p>
-<p>c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.) </p>
-<p>These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. </p>
-</p>
-<p>Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. </p>
-</p>
-<p>In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. </p>
-</p>
-<p>3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: </p>
-</p>
-<p>a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, </p>
-</p>
-<p>b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, </p>
-</p>
-<p>c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.) </p>
-<p>The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. </p>
-</p>
-<p>If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. </p>
-</p>
-<p>4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. </p>
-</p>
-<p>5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. </p>
-</p>
-<p>6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. </p>
-</p>
-<p>7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. </p>
-</p>
-<p>If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. </p>
-</p>
-<p>It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. </p>
-</p>
-<p>This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. </p>
-</p>
-<p>8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. </p>
-</p>
-<p>9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. </p>
-</p>
-<p>Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. </p>
-</p>
-<p>10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. </p>
-</p>
-<p>NO WARRANTY</p>
-</p>
-<p>11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. </p>
-</p>
-<p>12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. </p>
-</p>
-<p>
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css
deleted file mode 100644
index b7c3880d162..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
-Copyright DHTMLX LTD. http://www.dhtmlx.com
-You allowed to use this component or parts of it under GPL terms
-To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
-*/
-.dhx_tooltip{display:none;position:absolute;font-family:Tahoma;font-size:8pt;z-index:10000;background-color:white;padding:2px 2px 2px 2px;border:1px solid #A4BED4;}
-.dhx_chart{position:relative;font-family:Verdana;font-size:13px;color:#000;overflow:hidden;}
-.dhx_canvas_text{position:absolute;text-align:center;}
-.dhx_map_img{width:100%;height:100%;position:absolute;top:0;left:0;border:0;filter:alpha(opacity=0);}
-.dhx_axis_item_y{position:absolute;height:10px;line-height:10px;text-align:right;}
-.dhx_axis_title_y{text-align:center;font-family:Verdana;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-o-transform:rotate(-90deg);padding-left:3px;}
-.dhx_axis_item_x{text-align:left;margin-top:20px;margin-left:-14px;font-size:8pt;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-o-transform:rotate(-60deg);padding-left:3px;}
-.dhx_axis_title_x{text-align:center;margin-top:50px;}
-.dhx_chart_legend{position:absolute;}
-.dhx_chart_legend_item{height:18px;line-height:18px;padding:2px;}
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js
deleted file mode 100755
index 73d936e26d0..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js
+++ /dev/null
@@ -1,2711 +0,0 @@
-/*
-Copyright DHTMLX LTD. http://www.dhtmlx.com
-You allowed to use this component or parts of it under GPL terms
-To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
-*/
-window.dhtmlx || (dhtmlx = {});
-dhtmlx.version = "3.0";
-dhtmlx.codebase = "./";
-dhtmlx.extend = function (a, b) {
-    for (var c in b) a[c] = b[c];
-    b.k && a.k();
-    return a
-};
-dhtmlx.proto_extend = function () {
-    for (var a = arguments, b = a[0], c = [], d = a.length - 1; d > 0; d--) {
-        if (typeof a[d] == "function") a[d] = a[d].prototype;
-        for (var e in a[d]) if (e == "_init") c.push(a[d][e]);
-        else b[e] || (b[e] = a[d][e])
-    }
-    a[0].k && c.push(a[0].k);
-    b.k = function () {
-        for (var g = 0; g < c.length; g++) c[g].apply(this, arguments)
-    };
-    b.base = a[1];
-    var f = function (g) {
-            this.k(g);
-            this.B && this.B(g, this.defaults)
-        };
-    f.prototype = b;
-    b = a = null;
-    return f
-};
-dhtmlx.bind = function (a, b) {
-    return function () {
-        return a.apply(b, arguments)
-    }
-};
-dhtmlx.require = function (a) {
-    if (!dhtmlx.ha[a]) {
-        dhtmlx.exec(dhtmlx.ajax().sync().get(dhtmlx.codebase + a).responseText);
-        dhtmlx.ha[a] = true
-    }
-};
-dhtmlx.ha = {};
-dhtmlx.exec = function (a) {
-    window.execScript ? window.execScript(a) : window.eval(a)
-};
-dhtmlx.methodPush = function (a, b) {
-    return function () {
-        var c = false;
-        return c = a[b].apply(a, arguments)
-    }
-};
-dhtmlx.isNotDefined = function (a) {
-    return typeof a == "undefined"
-};
-dhtmlx.delay = function (a, b, c, d) {
-    setTimeout(function () {
-        var e = a.apply(b, c);
-        a = b = c = null;
-        return e
-    }, d || 1)
-};
-dhtmlx.uid = function () {
-    if (!this.S) this.S = (new Date).valueOf();
-    this.S++;
-    return this.S
-};
-dhtmlx.toNode = function (a) {
-    if (typeof a == "string") return document.getElementById(a);
-    return a
-};
-dhtmlx.toArray = function (a) {
-    return dhtmlx.extend(a || [], dhtmlx.PowerArray)
-};
-dhtmlx.toFunctor = function (a) {
-    return typeof a == "string" ? eval(a) : a
-};
-dhtmlx.j = {};
-dhtmlx.event = function (a, b, c, d) {
-    a = dhtmlx.toNode(a);
-    var e = dhtmlx.uid();
-    dhtmlx.j[e] = [a, b, c];
-    if (d) c = dhtmlx.bind(c, d);
-    if (a.addEventListener) a.addEventListener(b, c, false);
-    else a.attachEvent && a.attachEvent("on" + b, c);
-    return e
-};
-dhtmlx.eventRemove = function (a) {
-    if (a) {
-        var b = dhtmlx.j[a];
-        if (b[0].removeEventListener) b[0].removeEventListener(b[1], b[2], false);
-        else b[0].detachEvent && b[0].detachEvent("on" + b[1], b[2]);
-        delete this.j[a]
-    }
-};
-dhtmlx.EventSystem = {
-    k: function () {
-        this.j = {};
-        this.A = {};
-        this.s = {}
-    },
-    block: function () {
-        this.j.U = true
-    },
-    unblock: function () {
-        this.j.U = false
-    },
-    mapEvent: function (a) {
-        dhtmlx.extend(this.s, a)
-    },
-    callEvent: function (a, b) {
-        if (this.j.U) return true;
-        a = a.toLowerCase();
-        var c = this.j[a.toLowerCase()],
-            d = true;
-        if (c) for (var e = 0; e < c.length; e++) if (c[e].apply(this, b || []) === false) d = false;
-        if (this.s[a] && !this.s[a].callEvent(a, b)) d = false;
-        return d
-    },
-    attachEvent: function (a, b, c) {
-        a = a.toLowerCase();
-        c = c || dhtmlx.uid();
-        b = dhtmlx.toFunctor(b);
-        var d = this.j[a] || dhtmlx.toArray();
-        d.push(b);
-        this.j[a] = d;
-        this.A[c] = {
-            f: b,
-            t: a
-        };
-        return c
-    },
-    detachEvent: function (a) {
-        var b = this.A[a].t,
-            c = this.A[a].f;
-        b = this.j[b];
-        b.remove(c);
-        delete this.A[a]
-    }
-};
-dhtmlx.PowerArray = {
-    removeAt: function (a, b) {
-        if (a >= 0) this.splice(a, b || 1)
-    },
-    remove: function (a) {
-        this.removeAt(this.find(a))
-    },
-    insertAt: function (a, b) {
-        if (!b && b !== 0) this.push(a);
-        else {
-            var c = this.splice(b, this.length - b);
-            this[b] = a;
-            this.push.apply(this, c)
-        }
-    },
-    find: function (a) {
-        for (i = 0; i < this.length; i++) if (a == this[i]) return i;
-        return -1
-    },
-    each: function (a, b) {
-        for (var c = 0; c < this.length; c++) a.call(b || this, this[c])
-    },
-    map: function (a, b) {
-        for (var c = 0; c < this.length; c++) this[c] = a.call(b || this, this[c]);
-        return this
-    }
-};
-dhtmlx.env = {};
-if (navigator.userAgent.indexOf("Opera") != -1) dhtmlx.La = true;
-else {
-    dhtmlx.r = !! document.all;
-    dhtmlx.Ka = !document.all;
-    dhtmlx.Ma = navigator.userAgent.indexOf("KHTML") != -1;
-    if (navigator.appVersion.indexOf("MSIE 8.0") != -1 && document.compatMode != "BackCompat") dhtmlx.r = 8
-}
-dhtmlx.env = {};
-(function () {
-    dhtmlx.env.transform = false;
-    dhtmlx.env.transition = false;
-    var a = {};
-    a.names = ["transform", "transition"];
-    a.transform = ["transform", "WebkitTransform", "MozTransform", "oTransform"];
-    a.transition = ["transition", "WebkitTransition", "MozTransition", "oTransition"];
-    for (var b = document.createElement("DIV"), c = 0; c < a.names.length; c++) for (; p = a[a.names[c]].pop();) if (typeof b.style[p] != "undefined") dhtmlx.env[a.names[c]] = true
-})();
-dhtmlx.env.transform_prefix = function () {
-    var a;
-    if (dhtmlx.La) a = "-o-";
-    else {
-        a = "";
-        if (dhtmlx.Ka) a = "-moz-";
-        if (dhtmlx.Ma) a = "-webkit-"
-    }
-    return a
-}();
-dhtmlx.env.svg = function () {
-    return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")
-}();
-dhtmlx.zIndex = {
-    drag: 1E4
-};
-dhtmlx.html = {
-    create: function (a, b, c) {
-        b = b || {};
-        var d = document.createElement(a);
-        for (var e in b) d.setAttribute(e, b[e]);
-        if (b.style) d.style.cssText = b.style;
-        if (b["class"]) d.className = b["class"];
-        if (c) d.innerHTML = c;
-        return d
-    },
-    getValue: function (a) {
-        a = dhtmlx.toNode(a);
-        if (!a) return "";
-        return dhtmlx.isNotDefined(a.value) ? a.innerHTML : a.value
-    },
-    remove: function (a) {
-        if (a instanceof Array) for (var b = 0; b < a.length; b++) this.remove(a[b]);
-        else a && a.parentNode && a.parentNode.removeChild(a)
-    },
-    insertBefore: function (a, b, c) {
-        if (a) b ? b.parentNode.insertBefore(a, b) : c.appendChild(a)
-    },
-    locate: function (a, b) {
-        a = a || event;
-        for (var c = a.target || a.srcElement; c;) {
-            if (c.getAttribute) {
-                var d = c.getAttribute(b);
-                if (d) return d
-            }
-            c = c.parentNode
-        }
-        return null
-    },
-    offset: function (a) {
-        if (a.getBoundingClientRect) {
-            var b = a.getBoundingClientRect(),
-                c = document.body,
-                d = document.documentElement,
-                e = window.pageYOffset || d.scrollTop || c.scrollTop,
-                f = window.pageXOffset || d.scrollLeft || c.scrollLeft,
-                g = d.clientTop || c.clientTop || 0,
-                i = d.clientLeft || c.clientLeft || 0,
-                j = b.top + e - g,
-                k = b.left + f - i;
-            return {
-                y: Math.round(j),
-                x: Math.round(k)
-            }
-        } else {
-            for (k = j = 0; a;) {
-                j += parseInt(a.offsetTop, 10);
-                k += parseInt(a.offsetLeft, 10);
-                a = a.offsetParent
-            }
-            return {
-                y: j,
-                x: k
-            }
-        }
-    },
-    pos: function (a) {
-        a = a || event;
-        if (a.pageX || a.pageY) return {
-            x: a.pageX,
-            y: a.pageY
-        };
-        var b = dhtmlx.r && document.compatMode != "BackCompat" ? document.documentElement : document.body;
-        return {
-            x: a.clientX + b.scrollLeft - b.clientLeft,
-            y: a.clientY + b.scrollTop - b.clientTop
-        }
-    },
-    preventEvent: function (a) {
-        a && a.preventDefault && a.preventDefault();
-        dhtmlx.html.stopEvent(a)
-    },
-    stopEvent: function (a) {
-        (a || event).cancelBubble = true;
-        return false
-    },
-    addCss: function (a, b) {
-        a.className += " " + b
-    },
-    removeCss: function (a, b) {
-        a.className = a.className.replace(RegExp(b, "g"), "")
-    }
-};
-(function () {
-    var a = document.getElementsByTagName("SCRIPT");
-    if (a.length) {
-        a = (a[a.length - 1].getAttribute("src") || "").split("/");
-        a.splice(a.length - 1, 1);
-        dhtmlx.codebase = a.slice(0, a.length).join("/") + "/"
-    }
-})();
-dhtmlx.ui = {};
-dhtmlx.Destruction = {
-    k: function () {
-        dhtmlx.destructors.push(this)
-    },
-    destructor: function () {
-        this.destructor = function () {};
-        this.ib = this.v = null;
-        this.fa && document.body.appendChild(this.fa);
-        this.fa = null;
-        if (this.g) {
-            this.g.innerHTML = "";
-            this.g.v = null
-        }
-        this.data = this.g = this.L = null;
-        this.j = this.A = {}
-    }
-};
-dhtmlx.destructors = [];
-dhtmlx.event(window, "unload", function () {
-    for (var a = 0; a < dhtmlx.destructors.length; a++) dhtmlx.destructors[a].destructor();
-    dhtmlx.destructors = [];
-    for (var b in dhtmlx.j) {
-        a = dhtmlx.j[b];
-        if (a[0].removeEventListener) a[0].removeEventListener(a[1], a[2], false);
-        else a[0].detachEvent && a[0].detachEvent("on" + a[1], a[2]);
-        delete dhtmlx.j[b]
-    }
-});
-dhtmlx.math = {};
-dhtmlx.math.fb = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
-dhtmlx.math.toHex = function (a, b) {
-    a = parseInt(a, 10);
-    for (str = ""; a > 0;) {
-        str = this.fb[a % 16] + str;
-        a = Math.floor(a / 16)
-    }
-    for (; str.length < b;) str = "0" + str;
-    return str
-};
-dhtmlx.ui.Map = function (a) {
-    this.name = "Map";
-    this.q = "map_" + dhtmlx.uid();
-    this.Pa = a;
-    this.s = []
-};
-dhtmlx.ui.Map.prototype = {
-    addRect: function (a, b, c) {
-        this.X(a, "RECT", b, c)
-    },
-    addPoly: function (a, b) {
-        this.X(a, "POLY", b)
-    },
-    X: function (a, b, c, d) {
-        var e = "";
-        if (arguments.length == 4) e = "userdata='" + d + "'";
-        this.s.push("<area " + this.Pa + "='" + a + "' shape='" + b + "' coords='" + c.join() + "' " + e + "></area>")
-    },
-    addSector: function (a, b, c, d, e, f, g) {
-        var i = [];
-        i.push(d);
-        i.push(Math.floor(e * g));
-        for (var j = b; j < c; j += Math.PI / 18) {
-            i.push(Math.floor(d + f * Math.cos(j)));
-            i.push(Math.floor((e + f * Math.sin(j)) * g))
-        }
-        i.push(Math.floor(d + f * Math.cos(c)));
-        i.push(Math.floor((e + f * Math.sin(c)) * g));
-        i.push(d);
-        i.push(Math.floor(e * g));
-        return this.addPoly(a, i)
-    },
-    render: function (a) {
-        var b = dhtmlx.html.create("DIV");
-        b.style.cssText = "position:absolute; width:100%; height:100%; top:0px; left:0px;";
-        a.appendChild(b);
-        var c = dhtmlx.r ? "" : "src='data:image/gif;base64,R0lGODlhEgASAIAAAP///////yH5BAUUAAEALAAAAAASABIAAAIPjI+py+0Po5y02ouz3pwXADs='";
-        b.innerHTML = "<map id='" + this.q + "' name='" + this.q + "'>" + this.s.join("\n") + "</map><img " + c + " class='dhx_map_img' usemap='#" + this.q + "'>";
-        a.v = b;
-        this.s = []
-    }
-};
-dhtmlx.chart = {};
-dhtmlx.chart.area = {
-    pvt_render_area: function (a, b, c, d, e, f) {
-        var g = this.C(a, b, c, d, e),
-            i = Math.floor(g.cellWidth / 2);
-        if (b.length) {
-            a.globalAlpha = this.e.alpha.call(this, b[0]);
-            a.fillStyle = this.e.color.call(this, b[0]);
-            var j = this.p(b[0], c, d, g),
-                k = this.e.offset ? c.x + g.cellWidth * 0.5 : c.x;
-            a.beginPath();
-            a.moveTo(k, d.y);
-            a.lineTo(k, j);
-            f.addRect(b[0].id, [k - i, j - i, k + i, j + i]);
-            this.e.yAxis || this.renderTextAt(false, !this.e.offset ? false : true, k, j - this.e.labelOffset, this.e.label(b[0]));
-            for (var h = 1; h < b.length; h++) {
-                var m = k + Math.floor(g.cellWidth * h) - 0.5,
-                    l = this.p(b[h], c, d, g);
-                a.lineTo(m, l);
-                f.addRect(b[h].id, [m - i, l - i, m + i, l + i]);
-                this.e.yAxis || this.renderTextAt(false, !this.e.offset && h == b.length - 1 ? "left" : "center", m, l - this.e.labelOffset, this.e.label(b[h]))
-            }
-            a.lineTo(k + Math.floor(g.cellWidth * [b.length - 1]), d.y);
-            a.lineTo(k, d.y);
-            a.fill()
-        }
-    }
-};
-dhtmlx.chart.stackedArea = {
-    pvt_render_stackedArea: function (a, b, c, d, e, f) {
-        var g = this.C(a, b, c, d, e),
-            i = Math.floor(g.cellWidth / 2),
-            j = [];
-        if (b.length) {
-            a.globalAlpha = this.e.alpha.call(this, b[0]);
-            a.fillStyle = this.e.color.call(this, b[0]);
-            var k = e ? b[0].$startY : d.y,
-                h = this.e.offset ? c.x + g.cellWidth * 0.5 : c.x,
-                m = this.p(b[0], c, d, g) - (e ? d.y - k : 0);
-            j[0] = m;
-            a.beginPath();
-            a.moveTo(h, k);
-            a.lineTo(h, m);
-            f.addRect(b[0].id, [h - i, m - i, h + i, m + i]);
-            this.e.yAxis || this.renderTextAt(false, true, h, m - this.e.labelOffset, this.e.label(b[0]));
-            for (var l = 1; l < b.length; l++) {
-                var n = h + Math.floor(g.cellWidth * l) - 0.5,
-                    o = this.p(b[l], c, d, g) - (e ? d.y - b[l].$startY : 0);
-                j[l] = o;
-                a.lineTo(n, o);
-                f.addRect(b[l].id, [n - i, o - i, n + i, o + i]);
-                this.e.yAxis || this.renderTextAt(false, true, n, o - this.e.labelOffset, this.e.label(b[l]))
-            }
-            a.lineTo(h + Math.floor(g.cellWidth * [b.length - 1]), k);
-            if (e) for (l = b.length - 1; l >= 0; l--) {
-                n = h + Math.floor(g.cellWidth * l) - 0.5;
-                var s = b[l].$startY;
-                a.lineTo(n, s)
-            } else a.lineTo(h + Math.floor(g.cellWidth * (length - 1)) - 0.5, k);
-            a.lineTo(h, k);
-            a.fill();
-            for (l = 0; l < b.length; l++) b[l].$startY = j[l]
-        }
-    }
-};
-dhtmlx.chart.spline = {
-    pvt_render_spline: function (a, b, c, d, e) {
-        var f = this.C(a, b, c, d, e);
-        Math.floor(f.cellWidth / 2);
-        var g = [];
-        if (b.length) {
-            var i = this.e.offset ? c.x + f.cellWidth * 0.5 : c.x;
-            for (e = 0; e < b.length; e++) {
-                var j = !e ? i : Math.floor(f.cellWidth * e) - 0.5 + i,
-                    k = this.p(b[e], c, d, f);
-                g.push({
-                    x: j,
-                    y: k
-                })
-            }
-            var h = this.Ha(g);
-            for (e = 0; e < g.length - 1; e++) {
-                var m = g[e].x;
-                c = g[e].y;
-                for (var l = g[e + 1].x, n = g[e + 1].y, o = m; o < l; o++) this.i(a, o, this.P(o, m, e, h.a, h.b, h.c, h.d), o + 1, this.P(o + 1, m, e, h.a, h.b, h.c, h.d), this.e.line.color(b[e]), this.e.line.width);
-                this.i(a, l - 1, this.P(o, m, e, h.a, h.b, h.c, h.d), l, n, this.e.line.color(b[e]), this.e.line.width);
-                this.M(a, m, c, b[e], this.e.label(b[e]))
-            }
-            this.M(a, l, n, b[e], this.e.label(b[e]))
-        }
-    },
-    Ha: function (a) {
-        var b, c, d, e, f, g, i, j, k;
-        b = [];
-        m = [];
-        k = a.length;
-        for (var h = 0; h < k - 1; h++) {
-            b[h] = a[h + 1].x - a[h].x;
-            m[h] = (a[h + 1].y - a[h].y) / b[h]
-        }
-        c = [];
-        d = [];
-        c[0] = 0;
-        c[1] = 2 * (b[0] + b[1]);
-        d[0] = 0;
-        d[1] = 6 * (m[1] - m[0]);
-        for (h = 2; h < k - 1; h++) {
-            c[h] = 2 * (b[h - 1] + b[h]) - b[h - 1] * b[h - 1] / c[h - 1];
-            d[h] = 6 * (m[h] - m[h - 1]) - b[h - 1] * d[h - 1] / c[h - 1]
-        }
-        e = [];
-        e[k - 1] = e[0] = 0;
-        for (h = k - 2; h >= 1; h--) e[h] = (d[h] - b[h] * e[h + 1]) / c[h];
-        f = [];
-        g = [];
-        i = [];
-        j = [];
-        for (h = 0; h < k - 1; h++) {
-            f[h] = a[h].y;
-            g[h] = -b[h] * e[h + 1] / 6 - b[h] * e[h] / 3 + (a[h + 1].y - a[h].y) / b[h];
-            i[h] = e[h] / 2;
-            j[h] = (e[h + 1] - e[h]) / (6 * b[h])
-        }
-        return {
-            a: f,
-            b: g,
-            c: i,
-            d: j
-        }
-    },
-    P: function (a, b, c, d, e, f, g) {
-        return d[c] + (a - b) * (e[c] + (a - b) * (f[c] + (a - b) * g[c]))
-    }
-};
-dhtmlx.chart.barH = {
-    pvt_render_barH: function (a, b, c, d, e, f) {
-        var g, i, j, k, h = d.x - c.x,
-            m = !! this.e.yAxis,
-            l = this.O("h");
-        g = l.max;
-        i = l.min;
-        var n = Math.floor((d.y - c.y) / b.length);
-        e || this.$(a, b, c, d, i, g, n);
-        if (m) {
-            g = parseFloat(this.e.xAxis.end);
-            i = parseFloat(this.e.xAxis.start)
-        }
-        var o = this.z(i, g);
-        k = o[0];
-        j = o[1];
-        var s = k ? h / k : 10;
-        if (!m) {
-            var t = 10;
-            s = k ? (h - t) / k : 10
-        }
-        var q = parseInt(this.e.width, 10);
-        if (q * this.h.length + 4 > n) q = n / this.h.length - 4;
-        var v = Math.floor((n - q * this.h.length) / 2),
-            p = typeof this.e.radius != "undefined" ? parseInt(this.e.radius, 10) : Math.round(q / 5),
-            u = false,
-            r = this.e.gradient;
-        if (r && typeof r != "function") {
-            u = r;
-            r = false
-        } else if (r) {
-            r = a.createLinearGradient(c.x, c.y, d.x, c.y);
-            this.e.gradient(r)
-        }
-        m || this.i(a, c.x - 0.5, c.y, c.x - 0.5, d.y, "#000000", 1);
-        for (d = 0; d < b.length; d++) {
-            var w = parseFloat(this.e.value(b[d]));
-            if (w > g) w = g;
-            w -= i;
-            w *= j;
-            var x = c.x,
-                y = c.y + v + d * n + (q + 1) * e;
-            if (w < 0 || this.e.yAxis && w === 0) this.renderTextAt("middle", true, x + 10, y + q / 2 + v, this.e.label(b[d]));
-            else {
-                m || (w += t / s);
-                var B = r || this.e.color.call(this, b[d]);
-                if (this.e.border) {
-                    a.beginPath();
-                    a.fillStyle = B;
-                    this.o(a, x, y, q, p, s, w, 0);
-                    a.lineTo(x, 0);
-                    a.fill();
-                    a.fillStyle = "#000000";
-                    a.globalAlpha = 0.37;
-                    a.beginPath();
-                    this.o(a, x, y, q, p, s, w, 0);
-                    a.fill()
-                }
-                a.globalAlpha = this.e.alpha.call(this, b[d]);
-                a.fillStyle = r || this.e.color.call(this, b[d]);
-                a.beginPath();
-                var z = this.o(a, x, y, q, p, s, w, this.e.border ? 1 : 0);
-                if (r && !u) a.lineTo(c.x + h, y + (this.e.border ? 1 : 0));
-                a.fill();
-                a.globalAlpha = 1;
-                if (u != false) {
-                    var A = this.G(a, c.x, y + q, c.x + s * w + 2, y, u, B, "x");
-                    a.fillStyle = A.gradient;
-                    a.beginPath();
-                    z = this.o(a, x, y + A.offset, q - A.offset * 2, p, s, w, A.offset);
-                    a.fill();
-                    a.globalAlpha = 1
-                }
-                this.renderTextAt("middle", false, z[0] + 3, parseInt(y + (z[1] - y) / 2, 10), this.e.label(b[d]));
-                f.addRect(b[d].id, [x, y, z[0], z[1]], e)
-            }
-        }
-    },
-    o: function (a, b, c, d, e, f, g, i) {
-        var j = 0;
-        if (e > f * g) {
-            var k = (e - f * g) / e;
-            j = -Math.asin(k) + Math.PI / 2
-        }
-        a.moveTo(b, c + i);
-        var h = b + f * g - e - (e ? 0 : i);
-        e < f * g && a.lineTo(h, c + i);
-        f = c + e;
-        e && a.arc(h, f, e - i, -Math.PI / 2 + j, 0, false);
-        var m = c + d - e - (e ? 0 : i),
-            l = h + e - (e ? i : 0);
-        a.lineTo(l, m);
-        var n = h;
-        e && a.arc(n, m, e - i, 0, Math.PI / 2 - j, false);
-        var o = c + d - i;
-        a.lineTo(b, o);
-        a.lineTo(b, c + i);
-        return [l, o]
-    },
-    $: function (a, b, c, d, e, f, g) {
-        this.xa(a, b, c, d, e, f);
-        this.ya(a, b, c, d, g)
-    },
-    ya: function (a, b, c, d, e) {
-        if (this.e.yAxis) {
-            var f = c.x - 0.5,
-                g = d.y + 0.5,
-                i = c.y;
-            this.i(a, f, g, f, i, this.e.yAxis.color, 1);
-            for (a = 0; a < b.length; a++) this.renderTextAt("middle", 0, 0, i + e / 2 + a * e, this.e.yAxis.template(b[a]), "dhx_axis_item_y", c.x - 5);
-            this.oa(c, d)
-        }
-    },
-    xa: function (a, b, c, d, e, f) {
-        var g, i = {},
-            j = this.e.xAxis;
-        if (j) {
-            b = d.y + 0.5;
-            var k = c.x - 0.5,
-                h = d.x - 0.5;
-            this.i(a, k, b, h, b, j.color, 1);
-            if (j.step) g = parseFloat(j.step);
-            if (typeof j.step == "undefined" || typeof j.start == "undefined" || typeof j.end == "undefined") {
-                i = this.V(e, f);
-                e = i.start;
-                f = i.end;
-                g = i.step;
-                this.e.xAxis.end = f;
-                this.e.xAxis.start = e;
-                this.e.xAxis.step = g
-            }
-            if (g !== 0) {
-                for (var m = (h - k) * g / (f - e), l = 0, n = e; n <= f; n += g) {
-                    if (i.fixNum) n = parseFloat((new Number(n)).toFixed(i.fixNum));
-                    var o = Math.floor(k + l * m) + 0.5;
-                    n != e && j.lines && this.i(a, o, b, o, c.y, this.e.xAxis.color, 0.2);
-                    this.renderTextAt(false, true, o, b + 2, j.template(n.toString()), "dhx_axis_item_x");
-                    l++
-                }
-                this.renderTextAt(true, false, k, d.y + this.e.padding.bottom - 3, this.e.xAxis.title, "dhx_axis_title_x", d.x - c.x);
-                j.lines && this.i(a, k, c.y - 0.5, h, c.y - 0.5, this.e.xAxis.color, 0.2)
-            }
-        }
-    }
-};
-dhtmlx.chart.stackedBarH = {
-    pvt_render_stackedBarH: function (a, b, c, d, e, f) {
-        var g, i, j, k, h = d.x - c.x,
-            m = !! this.e.yAxis;
-        i = this.Q(b);
-        g = i.max;
-        i = i.min;
-        var l = Math.floor((d.y - c.y) / b.length);
-        e || this.$(a, b, c, d, i, g, l);
-        if (m) {
-            g = parseFloat(this.e.xAxis.end);
-            i = parseFloat(this.e.xAxis.start)
-        }
-        j = this.z(i, g);
-        k = j[0];
-        j = j[1];
-        var n = k ? h / k : 10;
-        if (!m) {
-            var o = 10;
-            n = k ? (h - o) / k : 10
-        }
-        k = parseInt(this.e.width, 10);
-        if (k + 4 > l) k = l - 4;
-        var s = Math.floor((l - k) / 2),
-            t = 0,
-            q = false,
-            v = this.e.gradient;
-        q = false;
-        if (v = this.e.gradient) q = true;
-        m || this.i(a, c.x - 0.5, c.y, c.x - 0.5, d.y, "#000000", 1);
-        for (d = 0; d < b.length; d++) {
-            if (!e) b[d].$startX = c.x;
-            var p = parseFloat(this.e.value(b[d]));
-            if (p > g) p = g;
-            p -= i;
-            p *= j;
-            var u = c.x,
-                r = c.y + s + d * l;
-            if (e) u = b[d].$startX || u;
-            if (p < 0 || this.e.yAxis && p === 0) this.renderTextAt("middle", true, u + 10, r + k / 2, this.e.label(b[d]));
-            else {
-                m || (p += o / n);
-                var w = this.e.color.call(this, b[d]);
-                if (this.e.border) {
-                    a.beginPath();
-                    a.fillStyle = w;
-                    this.o(a, u, r, k, t, n, p, 0);
-                    a.lineTo(u, 0);
-                    a.fill();
-                    a.fillStyle = "#000000";
-                    a.globalAlpha = 0.37;
-                    a.beginPath();
-                    this.o(a, u, r, k, t, n, p, 0);
-                    a.fill()
-                }
-                a.globalAlpha = 1;
-                a.globalAlpha = this.e.alpha.call(this, b[d]);
-                a.fillStyle = this.e.color.call(this, b[d]);
-                a.beginPath();
-                var x = this.o(a, u, r, k, t, n, p, this.e.border ? 1 : 0);
-                if (v && !q) a.lineTo(c.x + h, r + (this.e.border ? 1 : 0));
-                a.fill();
-                if (q != false) {
-                    w = this.G(a, u, r + k, u, r, q, w, "x");
-                    a.fillStyle = w.gradient;
-                    a.beginPath();
-                    x = this.o(a, u, r, k, t, n, p, 0);
-                    a.fill();
-                    a.globalAlpha = 1
-                }
-                this.renderTextAt("middle", true, b[d].$startX + (x[0] - b[d].$startX) / 2 - 1, r + (x[1] - r) / 2, this.e.label(b[d]));
-                f.addRect(b[d].id, [b[d].$startX, r, x[0], x[1]], e);
-                b[d].$startX = x[0]
-            }
-        }
-    }
-};
-dhtmlx.chart.stackedBar = {
-    pvt_render_stackedBar: function (a, b, c, d, e, f) {
-        var g, i, j, k = d.y - c.y;
-        j = !! this.e.yAxis;
-        var h = !! this.e.xAxis;
-        i = this.Q(b);
-        g = i.max;
-        i = i.min;
-        var m = Math.floor((d.x - c.x) / b.length);
-        e || this.N(a, b, c, d, i, g, m);
-        if (j) {
-            g = parseFloat(this.e.yAxis.end);
-            i = parseFloat(this.e.yAxis.start)
-        }
-        g = this.z(i, g);
-        j = g[0];
-        g = g[1];
-        j = j ? k / j : 10;
-        var l = parseInt(this.e.width, 10);
-        if (l + 4 > m) l = m - 4;
-        var n = Math.floor((m - l) / 2),
-            o = this.e.gradient ? this.e.gradient : false;
-        h || this.i(a, c.x, d.y + 0.5, d.x, d.y + 0.5, "#000000", 1);
-        for (h = 0; h < b.length; h++) {
-            var s = parseFloat(this.e.value(b[h]));
-            if (s) {
-                e || (s -= i);
-                s *= g;
-                var t = c.x + n + h * m,
-                    q = d.y;
-                if (e) q = b[h].$startY || q;
-                if (!(q < c.y + 1)) if (s < 0 || this.e.yAxis && s === 0) this.renderTextAt(true, true, t + Math.floor(l / 2), q, this.e.label(b[h]));
-                else {
-                    var v = this.e.color.call(this, b[h]);
-                    if (this.e.border) {
-                        a.beginPath();
-                        a.fillStyle = v;
-                        this.I(a, t - 1, q, l + 2, j, s, 0, c.y);
-                        a.lineTo(t, q);
-                        a.fill();
-                        a.fillStyle = "#000000";
-                        a.globalAlpha = 0.37;
-                        a.beginPath();
-                        this.I(a, t - 1, q, l + 2, j, s, 0, c.y);
-                        a.fill()
-                    }
-                    a.globalAlpha = this.e.alpha.call(this, b[h]);
-                    a.fillStyle = this.e.color.call(this, b[h]);
-                    a.beginPath();
-                    var p = this.I(a, t, q, l, j, s, this.e.border ? 1 : 0, c.y);
-                    a.fill();
-                    a.globalAlpha = 1;
-                    if (o) {
-                        v = this.G(a, t, q, t + l, p[1], o, v, "y");
-                        a.fillStyle = v.gradient;
-                        a.beginPath();
-                        p = this.I(a, t + v.offset, q, l - v.offset * 2, j, s, this.e.border ? 1 : 0, c.y);
-                        a.fill();
-                        a.globalAlpha = 1
-                    }
-                    this.renderTextAt(false, true, t + Math.floor(l / 2), p[1] + (q - p[1]) / 2 - 7, this.e.label(b[h]));
-                    f.addRect(b[h].id, [t, p[1], p[0], b[h].$startY || q], e);
-                    b[h].$startY = this.e.border ? p[1] + 1 : p[1]
-                }
-            }
-        }
-    },
-    I: function (a, b, c, d, e, f, g, i) {
-        a.moveTo(b, c);
-        f = c - e * f + g;
-        if (f < i) f = i;
-        a.lineTo(b, f);
-        e = b + d;
-        f = f;
-        a.lineTo(e, f);
-        var j = b + d;
-        a.lineTo(j, c);
-        a.lineTo(b, c);
-        return [j, f - 2 * g]
-    }
-};
-dhtmlx.chart.line = {
-    pvt_render_line: function (a, b, c, d, e, f) {
-        e = this.C(a, b, c, d, e);
-        var g = Math.floor(e.cellWidth / 2);
-        if (b.length) for (var i = this.p(b[0], c, d, e), j = this.e.offset ? c.x + e.cellWidth * 0.5 : c.x, k = j, h = 1; h <= b.length; h++) {
-            var m = Math.floor(e.cellWidth * h) - 0.5 + k;
-            if (b.length != h) {
-                var l = this.p(b[h], c, d, e);
-                this.i(a, j, i, m, l, this.e.line.color(b[h - 1]), this.e.line.width)
-            }
-            this.M(a, j, i, b[h - 1], !! this.e.offset);
-            f.addRect(b[h - 1].id, [j - g, i - g, j + g, i + g]);
-            i = l;
-            j = m
-        }
-    },
-    M: function (a, b, c, d, e) {
-        var f = parseInt(this.e.item.radius, 10);
-        a.lineWidth = parseInt(this.e.item.borderWidth, 10);
-        a.fillStyle = this.e.item.color(d);
-        a.strokeStyle = this.e.item.borderColor(d);
-        a.beginPath();
-        a.arc(b, c, f, 0, Math.PI * 2, true);
-        a.fill();
-        a.stroke();
-        e && this.renderTextAt(false, true, b, c - f - this.e.labelOffset, this.e.label(d))
-    },
-    p: function (a, b, c, d) {
-        var e = d.minValue,
-            f = d.maxValue,
-            g = d.unit,
-            i = d.valueFactor;
-        a = this.e.value(a);
-        i = (parseFloat(a) - e) * i;
-        this.e.yAxis || (i += d.startValue / g);
-        d = c.y - Math.floor(g * i);
-        if (i < 0) d = c.y;
-        if (a > f) d = b.y;
-        if (a < e) d = c.y;
-        return d
-    },
-    C: function (a, b, c, d, e) {
-        var f = {};
-        f.totalHeight = d.y - c.y;
-        f.cellWidth = Math.round((d.x - c.x) / (!this.e.offset ? b.length - 1 : b.length));
-        var g = !! this.e.yAxis,
-            i = this.e.view.indexOf("stacked") != -1 ? this.Q(b) : this.O();
-        f.maxValue = i.max;
-        f.minValue = i.min;
-        e || this.N(a, b, c, d, f.minValue, f.maxValue, f.cellWidth);
-        if (g) {
-            f.maxValue = parseFloat(this.e.yAxis.end);
-            f.minValue = parseFloat(this.e.yAxis.start)
-        }
-        b = this.z(f.minValue, f.maxValue);
-        a = b[0];
-        f.valueFactor = b[1];
-        f.unit = a ? f.totalHeight / a : 10;
-        f.startValue = 0;
-        if (!g) {
-            f.startValue = f.unit > 10 ? f.unit : 10;
-            f.unit = a ? (f.totalHeight - f.startValue) / a : 10
-        }
-        return f
-    }
-};
-dhtmlx.chart.bar = {
-    pvt_render_bar: function (a, b, c, d, e, f) {
-        var g, i, j, k, h = d.y - c.y,
-            m = !! this.e.yAxis,
-            l = !! this.e.xAxis;
-        i = this.O();
-        g = i.max;
-        i = i.min;
-        var n = Math.floor((d.x - c.x) / b.length);
-        !e && !(this.e.origin != "auto" && !m) && this.N(a, b, c, d, i, g, n);
-        if (m) {
-            g = parseFloat(this.e.yAxis.end);
-            i = parseFloat(this.e.yAxis.start)
-        }
-        j = this.z(i, g);
-        k = j[0];
-        j = j[1];
-        var o = k ? h / k : k;
-        if (!m && !(this.e.origin != "auto" && l)) {
-            var s = 10;
-            o = k ? (h - s) / k : s
-        }!e && this.e.origin != "auto" && !m && this.e.origin > i && this.da(a, b, c, d, n, d.y - o * (this.e.origin - i));
-        h = parseInt(this.e.width, 10);
-        if (this.h && h * this.h.length + 4 > n) h = n / this.h.length - 4;
-        k = Math.floor((n - h * this.h.length) / 2);
-        var t = typeof this.e.radius != "undefined" ? parseInt(this.e.radius, 10) : Math.round(h / 5),
-            q = false,
-            v = this.e.gradient;
-        if (v && typeof v != "function") {
-            q = v;
-            v = false
-        } else if (v) {
-            v = a.createLinearGradient(0, d.y, 0, c.y);
-            this.e.gradient(v)
-        }
-        l || this.i(a, c.x, d.y + 0.5, d.x, d.y + 0.5, "#000000", 1);
-        for (var p = 0; p < b.length; p++) {
-            var u = parseFloat(this.e.value(b[p]));
-            if (u > g) u = g;
-            u -= i;
-            u *= j;
-            var r = c.x + k + p * n + (h + 1) * e,
-                w = d.y;
-            if (u < 0 || this.e.yAxis && u === 0 && !(this.e.origin != "auto" && this.e.origin > i)) this.renderTextAt(true, true, r + Math.floor(h / 2), w, this.e.label(b[p]));
-            else {
-                if (!m && !(this.e.origin != "auto" && l)) u += s / o;
-                var x = v || this.e.color.call(this, b[p]);
-                this.e.border && this.va(a, r, w, h, i, t, o, u, x);
-                a.globalAlpha = this.e.alpha.call(this, b[p]);
-                var y = this.ua(a, c, r, w, h, i, t, o, u, x, v, q);
-                a.globalAlpha = 1;
-                q && this.wa(a, r, w, h, i, t, o, u, x, q);
-                y[0] != r ? this.renderTextAt(false, true, r + Math.floor(h / 2), y[1], this.e.label(b[p])) : this.renderTextAt(true, true, r + Math.floor(h / 2), y[3], this.e.label(b[p]));
-                f.addRect(b[p].id, [r, y[3], y[2], y[1]], e)
-            }
-        }
-    },
-    K: function (a, b, c, d, e, f, g) {
-        var i = this.e.xAxis,
-            j = c;
-        if (i && this.e.origin != "auto" && this.e.origin > g) {
-            c -= (this.e.origin - g) * e;
-            j = c;
-            d -= this.e.origin - g;
-            if (d < 0) {
-                d *= -1;
-                a.translate(b + f, c);
-                a.rotate(Math.PI);
-                c = b = 0
-            }
-            c -= 0.5
-        }
-        return {
-            value: d,
-            x0: b,
-            y0: c,
-            start: j
-        }
-    },
-    ua: function (a, b, c, d, e, f, g, i, j, k, h, m) {
-        a.save();
-        a.fillStyle = k;
-        var l = this.K(a, c, d, j, i, e, f);
-        e = this.H(a, l.x0, l.y0, e, g, i, l.value, this.e.border ? 1 : 0);
-        if (h && !m) a.lineTo(l.x0 + (this.e.border ? 1 : 0), b.y);
-        a.fill();
-        a.restore();
-        a = l.x0;
-        b = l.x0 != c ? c + e[0] : e[0];
-        d = l.x0 != c ? l.start - e[1] : d;
-        c = l.x0 != c ? l.start : e[1];
-        return [a, d, b, c]
-    },
-    va: function (a, b, c, d, e, f, g, i, j) {
-        a.save();
-        b = this.K(a, b, c, i, g, d, e);
-        a.fillStyle = j;
-        this.H(a, b.x0, b.y0, d, f, g, b.value, 0);
-        a.lineTo(b.x0, 0);
-        a.fill();
-        a.fillStyle = "#000000";
-        a.globalAlpha = 0.37;
-        this.H(a, b.x0, b.y0, d, f, g, b.value, 0);
-        a.fill();
-        a.restore()
-    },
-    wa: function (a, b, c, d, e, f, g, i, j, k) {
-        a.save();
-        b = this.K(a, b, c, i, g, d, e);
-        j = this.G(a, b.x0, b.y0, b.x0 + d, b.y0 - g * b.value + 2, k, j, "y");
-        a.fillStyle = j.gradient;
-        this.H(a, b.x0 + j.offset, b.y0, d - j.offset * 2, f, g, b.value, j.offset);
-        a.fill();
-        a.restore()
-    },
-    H: function (a, b, c, d, e, f, g, i) {
-        a.beginPath();
-        var j = 0;
-        if (e > f * g) {
-            var k = (e - f * g) / e;
-            j = -Math.acos(k) + Math.PI / 2
-        }
-        a.moveTo(b + i, c);
-        var h = c - Math.floor(f * g) + e + (e ? 0 : i);
-        e < f * g && a.lineTo(b + i, h);
-        f = b + e;
-        e && a.arc(f, h, e - i, -Math.PI + j, -Math.PI / 2, false);
-        g = b + d - e - (e ? 0 : i);
-        f = h - e + (e ? i : 0);
-        a.lineTo(g, f);
-        h = h;
-        e && a.arc(g, h, e - i, -Math.PI / 2, 0 - j, false);
-        d = b + d - i;
-        a.lineTo(d, c);
-        a.lineTo(b + i, c);
-        return [d, f]
-    }
-};
-dhtmlx.chart.pie = {
-    pvt_render_pie: function (a, b, c, d, e, f) {
-        this.na(a, b, c, d, 1, f)
-    },
-    na: function (a, b, c, d, e, f) {
-        var g = 0,
-            i = this.Ga(c, d);
-        c = this.e.radius ? this.e.radius : i.radius;
-        this.max(this.e.value);
-        for (var j = [], k = [], h = 0, m = 0; m < b.length; m++) g += parseFloat(this.e.value(b[m]));
-        for (m = 0; m < b.length; m++) {
-            k[m] = parseFloat(this.e.value(b[m]));
-            j[m] = Math.PI * 2 * (g ? (k[m] + h) / g : 1 / b.length);
-            h += k[m]
-        }
-        d = this.e.x ? this.e.x : i.x;
-        var l = this.e.y ? this.e.y : i.y;
-        e == 1 && this.e.shadow && this.sa(a, d, l, c);
-        l /= e;
-        var n = -Math.PI / 2;
-        a.scale(1, e);
-        for (m = 0; m < b.length; m++) if (k[m]) {
-            a.lineWidth = 2;
-            a.beginPath();
-            a.moveTo(d, l);
-            alpha1 = -Math.PI / 2 + j[m] - 1.0E-4;
-            a.arc(d, l, c, n, alpha1, false);
-            a.lineTo(d, l);
-            var o = this.e.color.call(this, b[m]);
-            a.fillStyle = o;
-            a.strokeStyle = this.e.lineColor(b[m]);
-            a.stroke();
-            a.fill();
-            this.e.pieInnerText && this.ba(d, l, 5 * c / 6, n, alpha1, e, this.e.pieInnerText(b[m], g), true);
-            this.e.label && this.ba(d, l, c + this.e.labelOffset, n, alpha1, e, this.e.label(b[m]));
-            if (e != 1) {
-                this.W(a, d, l, n, alpha1, c, true);
-                a.fillStyle = "#000000";
-                a.globalAlpha = 0.2;
-                this.W(a, d, l, n, alpha1, c, false);
-                a.globalAlpha = 1;
-                a.fillStyle = o
-            }
-            f.addSector(b[m].id, n, alpha1, d, l, c, e);
-            n = alpha1
-        }
-        if (this.e.gradient) {
-            b = e != 1 ? d + c / 3 : d;
-            f = e != 1 ? l + c / 3 : l;
-            this.bb(a, d, l, c, b, f)
-        }
-        a.scale(1, 1 / e)
-    },
-    Ga: function (a, b) {
-        var c = b.x - a.x,
-            d = b.y - a.y;
-        b = a.x + c / 2;
-        a = a.y + d / 2;
-        var e = Math.min(c / 2, d / 2);
-        return {
-            x: b,
-            y: a,
-            radius: e
-        }
-    },
-    W: function (a, b, c, d, e, f, g) {
-        a.lineWidth = 1;
-        if (d <= 0 && e >= 0 || d >= 0 && e <= Math.PI || d <= Math.PI && e >= Math.PI) {
-            if (d <= 0 && e >= 0) {
-                d = 0;
-                g = false;
-                this.ca(a, b, c, f, d, e)
-            }
-            if (d <= Math.PI && e >= Math.PI) {
-                e = Math.PI;
-                g = false;
-                this.ca(a, b, c, f, d, e)
-            }
-            var i = (this.e.height || Math.floor(f / 4)) / this.e.cant;
-            a.beginPath();
-            a.arc(b, c, f, d, e, false);
-            a.lineTo(b + f * Math.cos(e), c + f * Math.sin(e) + i);
-            a.arc(b, c + i, f, e, d, true);
-            a.lineTo(b + f * Math.cos(d), c + f * Math.sin(d));
-            a.fill();
-            g && a.stroke()
-        }
-    },
-    ca: function (a, b, c, d, e, f) {
-        a.beginPath();
-        a.arc(b, c, d, e, f, false);
-        a.stroke()
-    },
-    sa: function (a, b, c, d) {
-        for (var e = ["#676767", "#7b7b7b", "#a0a0a0", "#bcbcbc", "#d1d1d1", "#d6d6d6"], f = e.length - 1; f > -1; f--) {
-            a.beginPath();
-            a.fillStyle = e[f];
-            a.arc(b + 2, c + 2, d + f, 0, Math.PI * 2, true);
-            a.fill()
-        }
-    },
-    Fa: function (a) {
-        a.addColorStop(0, "#ffffff");
-        a.addColorStop(0.7, "#7a7a7a");
-        a.addColorStop(1, "#000000");
-        return a
-    },
-    bb: function (a, b, c, d, e, f) {
-        a.globalAlpha = 0.3;
-        a.beginPath();
-        var g;
-        if (typeof this.e.gradient != "function") {
-            g = a.createRadialGradient(e, f, d / 4, b, c, d);
-            g = this.Fa(g)
-        } else g = this.e.gradient(g);
-        a.fillStyle = g;
-        a.arc(b, c, d, 0, Math.PI * 2, true);
-        a.fill();
-        a.globalAlpha = 1
-    },
-    ba: function (a, b, c, d, e, f, g, i) {
-        var j = this.renderText(0, 0, g, 0, 1);
-        if (j) {
-            var k = j.scrollWidth;
-            j.style.width = k + "px";
-            if (k > a) k = a;
-            var h = 8;
-            if (i) h = k / 1.8;
-            var m = d + (e - d) / 2;
-            c -= (h - 8) / 2;
-            var l = -h,
-                n = -8,
-                o = "left";
-            if (m >= Math.PI / 2 && m < Math.PI) {
-                l = -k - l + 1;
-                o = "right"
-            }
-            if (m <= 3 * Math.PI / 2 && m >= Math.PI) {
-                l = -k - l + 1;
-                o = "right"
-            }
-            d = (b + Math.floor(c * Math.sin(m))) * f + n;
-            h = a + Math.floor((c + h / 2) * Math.cos(m)) + l;
-            var s = e < Math.PI / 2 + 0.01,
-                t = m < Math.PI / 2;
-            if (t && s) h = Math.max(h, a + 3);
-            else if (!t && !s) h = Math.min(h, a - k);
-            if (!i && f < 1 && d > b * f) d += this.e.height || Math.floor(c / 4);
-            j.style.top = d + "px";
-            j.style.left = h + "px";
-            j.style.width = k + "px";
-            j.style.textAlign = o;
-            j.style.whiteSpace = "nowrap"
-        }
-    }
-};
-dhtmlx.chart.pie3D = {
-    pvt_render_pie3D: function (a, b, c, d, e, f) {
-        this.na(a, b, c, d, this.e.cant, f)
-    }
-};
-dhtmlx.Template = {
-    J: {},
-    empty: function () {
-        return ""
-    },
-    setter: function (a, b) {
-        return dhtmlx.Template.fromHTML(b)
-    },
-    obj_setter: function (a, b) {
-        var c = dhtmlx.Template.setter(a, b),
-            d = this;
-        return function () {
-            return c.apply(d, arguments)
-        }
-    },
-    fromHTML: function (a) {
-        if (typeof a == "function") return a;
-        if (this.J[a]) return this.J[a];
-        a = (a || "").toString();
-        a = a.replace(/[\r\n]+/g, "\\n");
-        a = a.replace(/\{obj\.([^}?]+)\?([^:]*):([^}]*)\}/g, '"+(obj.$1?"$2":"$3")+"');
-        a = a.replace(/\{common\.([^}\(]*)\}/g, '"+common.$1+"');
-        a = a.replace(/\{common\.([^\}\(]*)\(\)\}/g, '"+(common.$1?common.$1(obj):"")+"');
-        a = a.replace(/\{obj\.([^}]*)\}/g, '"+obj.$1+"');
-        a = a.replace(/#([a-z0-9_]+)#/gi, '"+obj.$1+"');
-        a = a.replace(/\{obj\}/g, '"+obj+"');
-        a = a.replace(/\{-obj/g, "{obj");
-        a = a.replace(/\{-common/g, "{common");
-        a = 'return "' + a + '";';
-        return this.J[a] = Function("obj", "common", a)
-    }
-};
-dhtmlx.Type = {
-    add: function (a, b) {
-        if (!a.types && a.prototype.types) a = a.prototype;
-        var c = b.name || "default";
-        this.T(b);
-        this.T(b, "edit");
-        this.T(b, "loading");
-        a.types[c] = dhtmlx.extend(dhtmlx.extend({}, a.types[c] || this.ta), b);
-        return c
-    },
-    ta: {
-        css: "default",
-        template: function () {
-            return ""
-        },
-        template_edit: function () {
-            return ""
-        },
-        template_loading: function () {
-            return "..."
-        },
-        width: 150,
-        height: 80,
-        margin: 5,
-        padding: 0
-    },
-    T: function (a, b) {
-        b = "template" + (b ? "_" + b : "");
-        var c = a[b];
-        if (c && typeof c == "string") {
-            if (c.indexOf("->") != -1) {
-                c = c.split("->");
-                switch (c[0]) {
-                case "html":
-                    c = dhtmlx.html.getValue(c[1]).replace(/\"/g, '\\"');
-                    break;
-                case "http":
-                    c = (new dhtmlx.ajax).sync().get(c[1], {
-                        uid: (new Date).valueOf()
-                    }).responseText;
-                    break;
-                default:
-                    break
-                }
-            }
-            a[b] = dhtmlx.Template.fromHTML(c)
-        }
-    }
-};
-dhtmlx.SingleRender = {
-    k: function () {},
-    eb: function (a) {
-        return this.type.Oa(a, this.type) + this.type.template(a, this.type) + this.type.Na
-    },
-    render: function () {
-        if (!this.callEvent || this.callEvent("onBeforeRender", [this.data])) {
-            if (this.data) this.L.innerHTML = this.eb(this.data);
-            this.callEvent && this.callEvent("onAfterRender", [])
-        }
-    }
-};
-dhtmlx.ui.Tooltip = function (a) {
-    this.name = "Tooltip";
-    this.version = "3.0";
-    if (typeof a == "string") a = {
-        template: a
-    };
-    dhtmlx.extend(this, dhtmlx.Settings);
-    dhtmlx.extend(this, dhtmlx.SingleRender);
-    this.B(a, {
-        type: "default",
-        dy: 0,
-        dx: 20
-    });
-    this.L = this.g = document.createElement("DIV");
-    this.g.className = "dhx_tooltip";
-    dhtmlx.html.insertBefore(this.g, document.body.firstChild)
-};
-dhtmlx.ui.Tooltip.prototype = {
-    show: function (a, b) {
-        if (!this.Z) {
-            if (this.data != a) {
-                this.data = a;
-                this.render(a)
-            }
-            this.g.style.top = b.y + this.e.dy + "px";
-            this.g.style.left = b.x + this.e.dx + "px";
-            this.g.style.display = "block"
-        }
-    },
-    hide: function () {
-        this.data = null;
-        this.g.style.display = "none"
-    },
-    disable: function () {
-        this.Z = true
-    },
-    enable: function () {
-        this.Z = false
-    },
-    types: {
-        "default": dhtmlx.Template.fromHTML("{obj.id}")
-    },
-    template_item_start: dhtmlx.Template.empty,
-    template_item_end: dhtmlx.Template.empty
-};
-dhtmlx.AutoTooltip = {
-    tooltip_setter: function (a, b) {
-        var c = new dhtmlx.ui.Tooltip(b);
-        this.attachEvent("onMouseMove", function (d, e) {
-            c.show(this.get(d), dhtmlx.html.pos(e))
-        });
-        this.attachEvent("onMouseOut", function () {
-            c.hide()
-        });
-        this.attachEvent("onMouseMoving", function () {
-            c.hide()
-        });
-        return c
-    }
-};
-dhtmlx.DataStore = function () {
-    this.name = "DataStore";
-    dhtmlx.extend(this, dhtmlx.EventSystem);
-    this.setDriver("xml");
-    this.pull = {};
-    this.order = dhtmlx.toArray();
-    this.gb = false
-};
-dhtmlx.DataStore.prototype = {
-    setDriver: function (a) {
-        this.driver = dhtmlx.DataDriver[a]
-    },
-    qa: function (a) {
-        if (a.item) {
-            if (!(a.item instanceof Array)) a.item = [a.item];
-            for (var b = 0; b < a.item.length; b++) {
-                var c = a.item[b],
-                    d = this.id(c);
-                a.item[b] = d;
-                this.pull[d] = c;
-                c.parent = a.id;
-                c.level = a.level + 1;
-                this.qa(c)
-            }
-        }
-    },
-    Wa: function (a) {
-        for (var b = this.driver.getInfo(a), c = this.driver.getRecords(a), d = (b.u || 0) * 1, e = 0, f = 0; f < c.length; f++) {
-            var g = this.driver.getDetails(c[f]),
-                i = this.id(g);
-            if (!this.pull[i]) {
-                this.order[e + d] = i;
-                e++
-            }
-            this.pull[i] = g;
-            if (this.gb) {
-                g.level = 1;
-                this.qa(g)
-            }
-        }
-        for (f = 0; f < b.w; f++) if (!this.order[f]) {
-            i = dhtmlx.uid();
-            g = {
-                id: i,
-                $template: "loading"
-            };
-            this.pull[i] = g;
-            this.order[f] = i
-        }
-        this.callEvent("onStoreLoad", [this.driver, a]);
-        this.refresh()
-    },
-    id: function (a) {
-        return a.id || (a.id = dhtmlx.uid())
-    },
-    get: function (a) {
-        return this.pull[a]
-    },
-    set: function (a, b) {
-        this.pull[a] = b;
-        this.refresh()
-    },
-    refresh: function (a) {
-        a ? this.callEvent("onStoreUpdated", [a, this.pull[a], "update"]) : this.callEvent("onStoreUpdated", [null, null, null])
-    },
-    getRange: function (a, b) {
-        if (arguments.length) {
-            a = this.indexById(a);
-            b = this.indexById(b);
-            if (a > b) {
-                var c = b;
-                b = a;
-                a = c
-            }
-        } else {
-            a = this.min || 0;
-            b = Math.min(this.max || Infinity, this.dataCount() - 1)
-        }
-        return this.getIndexRange(a, b)
-    },
-    getIndexRange: function (a, b) {
-        b = Math.min(b, this.dataCount() - 1);
-        var c = dhtmlx.toArray();
-        for (a = a; a <= b; a++) c.push(this.get(this.order[a]));
-        return c
-    },
-    dataCount: function () {
-        return this.order.length
-    },
-    exists: function (a) {
-        return !!this.pull[a]
-    },
-    move: function (a, b) {
-        if (!(a < 0 || b < 0)) {
-            var c = this.idByIndex(a),
-                d = this.get(c);
-            this.order.removeAt(a);
-            this.order.insertAt(c, Math.min(this.order.length, b));
-            this.callEvent("onStoreUpdated", [c, d, "move"])
-        }
-    },
-    add: function (a, b) {
-        var c = this.id(a),
-            d = this.dataCount();
-        if (dhtmlx.isNotDefined(b) || b < 0) b = d;
-        if (b > d) b = Math.min(this.order.length, b);
-        if (this.callEvent("onbeforeAdd", [c, b])) {
-            if (this.exists(c)) return null;
-            this.pull[c] = a;
-            this.order.insertAt(c, b);
-            if (this.m) {
-                var e = this.m.length;
-                if (!b && this.order.length) e = 0;
-                this.m.insertAt(c, e)
-            }
-            this.callEvent("onafterAdd", [c, b]);
-            this.callEvent("onStoreUpdated", [c, a, "add"]);
-            return c
-        }
-    },
-    remove: function (a) {
-        if (a instanceof
-        Array) for (var b = 0; b < a.length; b++) this.remove(a[b]);
-        else if (this.callEvent("onbeforedelete", [a])) {
-            if (!this.exists(a)) return null;
-            b = this.get(a);
-            this.order.remove(a);
-            this.m && this.m.remove(a);
-            delete this.pull[a];
-            this.callEvent("onafterdelete", [a]);
-            this.callEvent("onStoreUpdated", [a, b, "delete"])
-        }
-    },
-    clearAll: function () {
-        this.pull = {};
-        this.order = dhtmlx.toArray();
-        this.m = null;
-        this.callEvent("onClearAll", []);
-        this.refresh()
-    },
-    idByIndex: function (a) {
-        return this.order[a]
-    },
-    indexById: function (a) {
-        return a = this.order.find(a)
-    },
-    next: function (a, b) {
-        return this.order[this.indexById(a) + (b || 1)]
-    },
-    first: function () {
-        return this.order[0]
-    },
-    last: function () {
-        return this.order[this.order.length - 1]
-    },
-    previous: function (a, b) {
-        return this.order[this.indexById(a) - (b || 1)]
-    },
-    sort: function (a, b, c) {
-        var d = a;
-        if (typeof a == "function") d = {
-            as: a,
-            dir: b
-        };
-        else if (typeof a == "string") d = {
-            by: a,
-            dir: b,
-            as: c
-        };
-        var e = [d.by, d.dir, d.as];
-        if (this.callEvent("onbeforesort", e)) {
-            if (this.order.length) {
-                var f = dhtmlx.sort.create(d),
-                    g = this.getRange(this.first(), this.last());
-                g.sort(f);
-                this.order = g.map(function (i) {
-                    return this.id(i)
-                }, this)
-            }
-            this.refresh();
-            this.callEvent("onaftersort", e)
-        }
-    },
-    filter: function (a, b) {
-        if (this.m) {
-            this.order = this.m;
-            delete this.m
-        }
-        if (a) {
-            var c = a;
-            if (typeof a == "string") {
-                a = dhtmlx.Template.setter(0, a);
-                c = function (e, f) {
-                    return a(e).toLowerCase().indexOf(f) != -1
-                }
-            }
-            b = (b || "").toString().toLowerCase();
-            var d = dhtmlx.toArray();
-            this.order.each(function (e) {
-                c(this.get(e), b) && d.push(e)
-            }, this);
-            this.m = this.order;
-            this.order = d
-        }
-        this.refresh()
-    },
-    each: function (a, b) {
-        for (var c = 0; c < this.order.length; c++) a.call(b || this, this.get(this.order[c]))
-    },
-    provideApi: function (a, b) {
-        b && this.mapEvent({
-            onbeforesort: a,
-            onaftersort: a,
-            onbeforeadd: a,
-            onafteradd: a,
-            onbeforedelete: a,
-            onafterdelete: a
-        });
-        for (var c = ["sort", "add", "remove", "exists", "idByIndex", "indexById", "get", "set", "refresh", "dataCount", "filter", "next", "previous", "clearAll", "first", "last"], d = 0; d < c.length; d++) a[c[d]] = dhtmlx.methodPush(this, c[d])
-    }
-};
-dhtmlx.sort = {
-    create: function (a) {
-        return dhtmlx.sort.dir(a.dir, dhtmlx.sort.by(a.by, a.as))
-    },
-    as: {
-        "int": function (a, b) {
-            a *= 1;
-            b *= 1;
-            return a > b ? 1 : a < b ? -1 : 0
-        },
-        string_strict: function (a, b) {
-            a = a.toString();
-            b = b.toString();
-            return a > b ? 1 : a < b ? -1 : 0
-        },
-        string: function (a, b) {
-            a = a.toString().toLowerCase();
-            b = b.toString().toLowerCase();
-            return a > b ? 1 : a < b ? -1 : 0
-        }
-    },
-    by: function (a, b) {
-        if (typeof b != "function") b = dhtmlx.sort.as[b || "string"];
-        a = dhtmlx.Template.setter(0, a);
-        return function (c, d) {
-            return b(a(c), a(d))
-        }
-    },
-    dir: function (a, b) {
-        if (a == "asc") return b;
-        return function (c, d) {
-            return b(c, d) * -1
-        }
-    }
-};
-dhtmlx.Group = {
-    k: function () {
-        this.data.attachEvent("onStoreLoad", dhtmlx.bind(function () {
-            this.e.group && this.group(this.e.group, false)
-        }, this));
-        this.attachEvent("onBeforeRender", dhtmlx.bind(function (a) {
-            if (this.e.sort) {
-                a.block();
-                a.sort(this.e.sort);
-                a.unblock()
-            }
-        }, this));
-        this.attachEvent("onBeforeSort", dhtmlx.bind(function () {
-            this.e.sort = null
-        }, this))
-    },
-    Ja: function (a, b) {
-        a.attachEvent("onClearAll", dhtmlx.bind(function () {
-            this.ungroup(false)
-        }, b))
-    },
-    sum: function (a, b) {
-        a = dhtmlx.Template.setter(0, a);
-        b = b || this.data;
-        var c = 0;
-        b.each(function (d) {
-            c += a(d) * 1
-        });
-        return c
-    },
-    min: function (a, b) {
-        a = dhtmlx.Template.setter(0, a);
-        b = b || this.data;
-        var c = Infinity;
-        b.each(function (d) {
-            if (a(d) * 1 < c) c = a(d) * 1
-        });
-        return c * 1
-    },
-    max: function (a, b) {
-        a = dhtmlx.Template.setter(0, a);
-        b = b || this.data;
-        var c = -Infinity;
-        b.each(function (d) {
-            if (a(d) * 1 > c) c = a(d) * 1
-        });
-        return c
-    },
-    cb: function (a) {
-        var b = function (j, k) {
-                j = dhtmlx.Template.setter(0, j);
-                return j(k[0])
-            },
-            c = dhtmlx.Template.setter(0, a.by);
-        a.map[c] || (a.map[c] = [c, b]);
-        var d = {},
-            e = [];
-        this.data.each(function (j) {
-            var k = c(j);
-            if (!d[k]) {
-                e.push({
-                    id: k
-                });
-                d[k] = dhtmlx.toArray()
-            }
-            d[k].push(j)
-        });
-        for (var f in a.map) {
-            var g = a.map[f][1] || b;
-            if (typeof g != "function") g = this[g];
-            for (var i = 0; i < e.length; i++) e[i][f] = g.call(this, a.map[f][0], d[e[i].id])
-        }
-        this.ja = this.data;
-        this.data = new dhtmlx.DataStore;
-        this.data.provideApi(this, true);
-        this.Ja(this.data, this);
-        this.parse(e, "json")
-    },
-    group: function (a, b) {
-        this.ungroup(false);
-        this.cb(a);
-        b !== false && this.render()
-    },
-    ungroup: function (a) {
-        if (this.ja) {
-            this.data = this.ja;
-            this.data.provideApi(this, true)
-        }
-        a !== false && this.render()
-    },
-    group_setter: function (a, b) {
-        return b
-    },
-    sort_setter: function (a, b) {
-        if (typeof b != "object") b = {
-            by: b
-        };
-        this.n(b, {
-            as: "string",
-            dir: "asc"
-        });
-        return b
-    }
-};
-dhtmlx.KeyEvents = {
-    k: function () {
-        dhtmlx.event(this.g, "keypress", this.Ta, this)
-    },
-    Ta: function (a) {
-        a = a || event;
-        var b = a.which || a.keyCode;
-        this.callEvent(this.hb ? "onEditKeyPress" : "onKeyPress", [b, a.ctrlKey, a.shiftKey, a])
-    }
-};
-dhtmlx.MouseEvents = {
-    k: function () {
-        if (this.on_click) {
-            dhtmlx.event(this.g, "click", this.Qa, this);
-            dhtmlx.event(this.g, "contextmenu", this.Ra, this)
-        }
-        this.on_dblclick && dhtmlx.event(this.g, "dblclick", this.Sa, this);
-        if (this.on_mouse_move) {
-            dhtmlx.event(this.g, "mousemove", this.la, this);
-            dhtmlx.event(this.g, dhtmlx.r ? "mouseleave" : "mouseout", this.la, this)
-        }
-    },
-    Qa: function (a) {
-        return this.R(a, this.on_click, "ItemClick")
-    },
-    Sa: function (a) {
-        return this.R(a, this.on_dblclick, "ItemDblClick")
-    },
-    Ra: function (a) {
-        var b = dhtmlx.html.locate(a, this.q);
-        if (b && !this.callEvent("onBeforeContextMenu", [b, a])) return dhtmlx.html.preventEvent(a)
-    },
-    la: function (a) {
-        if (dhtmlx.r) a = document.createEventObject(event);
-        this.ia && window.clearTimeout(this.ia);
-        this.callEvent("onMouseMoving", [a]);
-        this.ia = window.setTimeout(dhtmlx.bind(function () {
-            a.type == "mousemove" ? this.Ua(a) : this.Va(a)
-        }, this), 500)
-    },
-    Ua: function (a) {
-        this.R(a, this.on_mouse_move, "MouseMove") || this.callEvent("onMouseOut", [a || event])
-    },
-    Va: function (a) {
-        this.callEvent("onMouseOut", [a || event])
-    },
-    R: function (a, b, c) {
-        a = a || event;
-        for (var d = a.target || a.srcElement, e = "", f = null, g = false; d && d.parentNode;) {
-            if (!g && d.getAttribute) if (f = d.getAttribute(this.q)) {
-                d.getAttribute("userdata") && this.callEvent("onLocateData", [f, d]);
-                if (!this.callEvent("on" + c, [f, a, d])) return;
-                g = true
-            }
-            if (e = d.className) {
-                e = e.split(" ");
-                e = e[0] || e[1];
-                if (b[e]) return b[e].call(this, a, f, d)
-            }
-            d = d.parentNode
-        }
-        return g
-    }
-};
-dhtmlx.Settings = {
-    k: function () {
-        this.e = this.config = {}
-    },
-    define: function (a, b) {
-        if (typeof a == "object") return this.ma(a);
-        return this.Y(a, b)
-    },
-    Y: function (a, b) {
-        var c = this[a + "_setter"];
-        return this.e[a] = c ? c.call(this, a, b) : b
-    },
-    ma: function (a) {
-        if (a) for (var b in a) this.Y(b, a[b])
-    },
-    B: function (a, b) {
-        var c = dhtmlx.extend({}, b);
-        typeof a == "object" && !a.tagName && dhtmlx.extend(c, a);
-        this.ma(c)
-    },
-    n: function (a, b) {
-        for (var c in b) switch (typeof a[c]) {
-        case "object":
-            a[c] = this.n(a[c] || {}, b[c]);
-            break;
-        case "undefined":
-            a[c] = b[c];
-            break;
-        default:
-            break
-        }
-        return a
-    },
-    Xa: function (a, b, c) {
-        if (typeof a == "object" && !a.tagName) a = a.container;
-        this.g = dhtmlx.toNode(a);
-        if (!this.g && c) this.g = c(a);
-        this.g.className += " " + b;
-        this.g.onselectstart = function () {
-            return false
-        };
-        this.L = this.g
-    },
-    ab: function (a) {
-        if (typeof a == "object") return this.type_setter("type", a);
-        this.type = dhtmlx.extend({}, this.types[a]);
-        this.customize()
-    },
-    customize: function (a) {
-        a && dhtmlx.extend(this.type, a);
-        this.type.Oa = dhtmlx.Template.fromHTML(this.template_item_start(this.type));
-        this.type.Na = this.template_item_end(this.type);
-        this.render()
-    },
-    type_setter: function (a, b) {
-        this.ab(typeof b == "object" ? dhtmlx.Type.add(this, b) : b);
-        return b
-    },
-    template_setter: function (a, b) {
-        return this.type_setter("type", {
-            template: b
-        })
-    },
-    css_setter: function (a, b) {
-        this.g.className += " " + b;
-        return b
-    }
-};
-dhtmlx.compat = function (a, b) {
-    dhtmlx.compat[a] && dhtmlx.compat[a](b)
-};
-(function () {
-    if (!window.dhtmlxError) {
-        var a = function () {};
-        window.dhtmlxError = {
-            catchError: a,
-            throwError: a
-        };
-        window.convertStringToBoolean = function (c) {
-            return !!c
-        };
-        window.dhtmlxEventable = function (c) {
-            dhtmlx.extend(c, dhtmlx.EventSystem)
-        };
-        var b = {
-            getXMLTopNode: function () {},
-            doXPath: function (c) {
-                return dhtmlx.DataDriver.xml.xpath(this.xml, c)
-            },
-            xmlDoc: {
-                responseXML: true
-            }
-        };
-        dhtmlx.compat.dataProcessor = function (c) {
-            var d = "_sendData",
-                e = "_in_progress",
-                f = "_tMode",
-                g = "_waitMode";
-            c[d] = function (i, j) {
-                if (i) {
-                    if (j) this[e][j] = (new Date).valueOf();
-                    if (!this.callEvent("onBeforeDataSending", j ? [j, this.getState(j)] : [])) return false;
-                    var k = this,
-                        h = this.serverProcessor;
-                    this[f] != "POST" ? dhtmlx.ajax().get(h + (h.indexOf("?") != -1 ? "&" : "?") + this.serialize(i, j), "", function (m, l) {
-                        b.xml = dhtmlx.DataDriver.xml.checkResponse(m, l);
-                        k.afterUpdate(k, null, null, null, b)
-                    }) : dhtmlx.ajax().post(h, this.serialize(i, j), function (m, l) {
-                        b.xml = dhtmlx.DataDriver.xml.checkResponse(m, l);
-                        k.afterUpdate(k, null, null, null, b)
-                    });
-                    this[g]++
-                }
-            }
-        }
-    }
-})();
-if (!dhtmlx.attaches) dhtmlx.attaches = {};
-dhtmlx.attaches.attachAbstract = function (a, b) {
-    var c = document.createElement("DIV");
-    c.id = "CustomObject_" + dhtmlx.uid();
-    c.style.width = "100%";
-    c.style.height = "100%";
-    c.cmp = "grid";
-    document.body.appendChild(c);
-    this.attachObject(c.id);
-    b.container = c.id;
-    var d = this.vs[this.av];
-    d.grid = new window[a](b);
-    d.gridId = c.id;
-    d.gridObj = c;
-    d.grid.setSizes = function () {
-        this.resize ? this.resize() : this.render()
-    };
-    var e = "_viewRestore";
-    return this.vs[this[e]()].grid
-};
-dhtmlx.attaches.attachDataView = function (a) {
-    return this.attachAbstract("dhtmlXDataView", a)
-};
-dhtmlx.attaches.attachChart = function (a) {
-    return this.attachAbstract("dhtmlXChart", a)
-};
-dhtmlx.compat.layout = function () {};
-dhtmlx.ajax = function (a, b, c) {
-    if (arguments.length !== 0) {
-        var d = new dhtmlx.ajax;
-        if (c) d.master = c;
-        d.get(a, null, b)
-    }
-    if (!this.getXHR) return new dhtmlx.ajax;
-    return this
-};
-dhtmlx.ajax.prototype = {
-    getXHR: function () {
-        return dhtmlx.r ? new ActiveXObject("Microsoft.xmlHTTP") : new XMLHttpRequest
-    },
-    send: function (a, b, c) {
-        var d = this.getXHR();
-        if (typeof c == "function") c = [c];
-        if (typeof b == "object") {
-            var e = [];
-            for (var f in b) e.push(f + "=" + encodeURIComponent(b[f]));
-            b = e.join("&")
-        }
-        if (b && !this.post) {
-            a = a + (a.indexOf("?") != -1 ? "&" : "?") + b;
-            b = null
-        }
-        d.open(this.post ? "POST" : "GET", a, !this.pa);
-        this.post && d.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-        if (!this.pa) {
-            var g = this;
-            d.onreadystatechange = function () {
-                if (!d.readyState || d.readyState == 4) {
-                    if (c && g) for (var i = 0; i < c.length; i++) if (c[i]) c[i].call(g.master || g, d.responseText, d.responseXML, d);
-                    c = d = g = g.master = null
-                }
-            }
-        }
-        d.send(b || null);
-        return d
-    },
-    get: function (a, b, c) {
-        this.post = false;
-        return this.send(a, b, c)
-    },
-    post: function (a, b, c) {
-        this.post = true;
-        return this.send(a, b, c)
-    },
-    sync: function () {
-        this.pa = true;
-        return this
-    }
-};
-dhtmlx.DataLoader = {
-    k: function () {
-        this.data = new dhtmlx.DataStore
-    },
-    load: function (a, b, c) {
-        this.callEvent("onXLS", []);
-        if (typeof b == "string") {
-            this.data.setDriver(b);
-            b = c
-        }
-        if (!this.data.feed) this.data.feed = function (d, e) {
-            if (this.F) return this.F = [d, e];
-            else this.F = true;
-            this.load(a + (a.indexOf("?") == -1 ? "?" : "&") + "posStart=" + d + "&count=" + e, function () {
-                var f = this.F;
-                this.F = false;
-                typeof f == "object" && this.data.feed.apply(this, f)
-            })
-        };
-        dhtmlx.ajax(a, [this.ka, b], this)
-    },
-    parse: function (a, b) {
-        this.callEvent("onXLS", []);
-        b && this.data.setDriver(b);
-        this.ka(a, null)
-    },
-    ka: function (a, b) {
-        this.data.Wa(this.data.driver.toObject(a, b));
-        this.callEvent("onXLE", [])
-    }
-};
-dhtmlx.DataDriver = {};
-dhtmlx.DataDriver.json = {
-    toObject: function (a) {
-        if (typeof a == "string") {
-            eval("dhtmlx.temp=" + a);
-            return dhtmlx.temp
-        }
-        return a
-    },
-    getRecords: function (a) {
-        if (a && !(a instanceof Array)) return [a];
-        return a
-    },
-    getDetails: function (a) {
-        return a
-    },
-    getInfo: function (a) {
-        return {
-            w: a.total_count || 0,
-            u: a.pos || 0
-        }
-    }
-};
-dhtmlx.DataDriver.html = {
-    toObject: function (a) {
-        if (typeof a == "string") {
-            var b = null;
-            if (a.indexOf("<") == -1) b = dhtmlx.toNode(a);
-            if (!b) {
-                b = document.createElement("DIV");
-                b.innerHTML = a
-            }
-            return b.getElementsByTagName(this.tag)
-        }
-        return a
-    },
-    getRecords: function (a) {
-        if (a.tagName) return a.childNodes;
-        return a
-    },
-    getDetails: function (a) {
-        return dhtmlx.DataDriver.xml.tagToObject(a)
-    },
-    getInfo: function () {
-        return {
-            w: 0,
-            u: 0
-        }
-    },
-    tag: "LI"
-};
-dhtmlx.DataDriver.jsarray = {
-    toObject: function (a) {
-        if (typeof a == "string") {
-            eval("dhtmlx.temp=" + a);
-            return dhtmlx.temp
-        }
-        return a
-    },
-    getRecords: function (a) {
-        return a
-    },
-    getDetails: function (a) {
-        for (var b = {}, c = 0; c < a.length; c++) b["data" + c] = a[c];
-        return b
-    },
-    getInfo: function () {
-        return {
-            w: 0,
-            u: 0
-        }
-    }
-};
-dhtmlx.DataDriver.csv = {
-    toObject: function (a) {
-        return a
-    },
-    getRecords: function (a) {
-        return a.split(this.row)
-    },
-    getDetails: function (a) {
-        a = this.stringToArray(a);
-        for (var b = {}, c = 0; c < a.length; c++) b["data" + c] = a[c];
-        return b
-    },
-    getInfo: function () {
-        return {
-            w: 0,
-            u: 0
-        }
-    },
-    stringToArray: function (a) {
-        a = a.split(this.cell);
-        for (var b = 0; b < a.length; b++) a[b] = a[b].replace(/^[ \t\n\r]*(\"|)/g, "").replace(/(\"|)[ \t\n\r]*$/g, "");
-        return a
-    },
-    row: "\n",
-    cell: ","
-};
-dhtmlx.DataDriver.xml = {
-    toObject: function (a, b) {
-        if (b && (b = this.checkResponse(a, b))) return b;
-        if (typeof a == "string") return this.fromString(a);
-        return a
-    },
-    getRecords: function (a) {
-        return this.xpath(a, this.records)
-    },
-    records: "/*/item",
-    userdata: "/*/userdata",
-    getDetails: function (a) {
-        return this.tagToObject(a, {})
-    },
-    getUserData: function (a, b) {
-        b = b || {};
-        var c = this.xpath(a, this.userdata);
-        for (a = 0; a < c.length; a++) {
-            var d = this.tagToObject(c[a]);
-            b[d.name] = d.value
-        }
-        return b
-    },
-    getInfo: function (a) {
-        return {
-            w: a.documentElement.getAttribute("total_count") || 0,
-            u: a.documentElement.getAttribute("pos") || 0
-        }
-    },
-    xpath: function (a, b) {
-        if (window.XPathResult) {
-            var c = a;
-            if (a.nodeName.indexOf("document") == -1) a = a.ownerDocument;
-            var d = [];
-            a = a.evaluate(b, c, null, XPathResult.ANY_TYPE, null);
-            for (b = a.iterateNext(); b;) {
-                d.push(b);
-                b = a.iterateNext()
-            }
-            return d
-        }
-        return a.selectNodes(b)
-    },
-    tagToObject: function (a, b) {
-        b = b || {};
-        for (var c = a.attributes, d = 0; d < c.length; d++) b[c[d].name] = c[d].value;
-        var e = false,
-            f = a.childNodes;
-        for (d = 0; d < f.length; d++) if (f[d].nodeType == 1) {
-            var g = f[d].tagName;
-            if (typeof b[g] != "undefined") {
-                b[g] instanceof Array || (b[g] = [b[g]]);
-                b[g].push(this.tagToObject(f[d], {}))
-            } else b[f[d].tagName] = this.tagToObject(f[d], {});
-            e = true
-        }
-        if (!c.length && !e) return this.nodeValue(a);
-        b.value = this.nodeValue(a);
-        return b
-    },
-    nodeValue: function (a) {
-        if (a.firstChild) return a.firstChild.data;
-        return ""
-    },
-    fromString: function (a) {
-        if (window.DOMParser) return (new DOMParser).parseFromString(a, "text/xml");
-        if (window.ActiveXObject) {
-            temp = new ActiveXObject("Microsoft.xmlDOM");
-            temp.loadXML(a);
-            return temp
-        }
-    },
-    checkResponse: function (a, b) {
-        if (b && b.firstChild && b.firstChild.tagName != "parsererror") return b;
-        if (a = this.from_string(a.responseText.replace(/^[\s]+/, ""))) return a
-    }
-};
-dhtmlx.DataDriver.dhtmlxgrid = {
-    Ia: "_get_cell_value",
-    toObject: function (a) {
-        return this.ea = a
-    },
-    getRecords: function (a) {
-        return a.rowsBuffer
-    },
-    getDetails: function (a) {
-        for (var b = {}, c = 0; c < this.ea.getColumnsNum(); c++) b["data" + c] = this.ea[this.Ia](a, c);
-        return b
-    },
-    getInfo: function () {
-        return {
-            w: 0,
-            u: 0
-        }
-    }
-};
-dhtmlx.Canvas = {
-    k: function () {
-        this.D = []
-    },
-    Ya: function (a) {
-        this.l = dhtmlx.html.create("canvas", {
-            width: a.offsetWidth,
-            height: a.offsetHeight
-        });
-        a.appendChild(this.l);
-        if (!this.l.getContext) if (dhtmlx.r) {
-            G_vmlCanvasManager.init_(document);
-            G_vmlCanvasManager.initElement(this.l)
-        }
-        return this.l
-    },
-    getCanvas: function (a) {
-        return (this.l || this.Ya(this.g)).getContext(a || "2d")
-    },
-    $a: function () {
-        if (this.l) {
-            this.l.setAttribute("width", this.l.parentNode.offsetWidth);
-            this.l.setAttribute("height", this.l.parentNode.offsetHeight)
-        }
-    },
-    renderText: function (a, b, c, d, e) {
-        if (c) {
-            a = dhtmlx.html.create("DIV", {
-                "class": "dhx_canvas_text" + (d ? " " + d : ""),
-                style: "left:" + a + "px; top:" + b + "px;"
-            }, c);
-            this.g.appendChild(a);
-            this.D.push(a);
-            if (e) a.style.width = e + "px";
-            return a
-        }
-    },
-    renderTextAt: function (a, b, c, d, e, f, g) {
-        if (e = this.renderText.call(this, c, d, e, f, g)) {
-            if (a) e.style.top = a == "middle" ? parseInt(d - e.offsetHeight / 2, 10) + "px" : d - e.offsetHeight + "px";
-            if (b) e.style.left = b == "left" ? c - e.offsetWidth + "px" : parseInt(c - e.offsetWidth / 2, 10) + "px"
-        }
-        return e
-    },
-    clearCanvas: function () {
-        for (var a = 0; a < this.D.length; a++) this.g.removeChild(this.D[a]);
-        this.D = [];
-        if (this.g.v) {
-            this.g.v.parentNode.removeChild(this.g.v);
-            this.g.v = null
-        }
-        this.getCanvas().clearRect(0, 0, this.l.offsetWidth, this.l.offsetHeight)
-    }
-};
-dhtmlXChart = function (a) {
-    this.name = "Chart";
-    this.version = "3.0";
-    dhtmlx.extend(this, dhtmlx.Settings);
-    this.Xa(a, "dhx_chart");
-    dhtmlx.extend(this, dhtmlx.DataLoader);
-    this.data.provideApi(this, true);
-    dhtmlx.extend(this, dhtmlx.EventSystem);
-    dhtmlx.extend(this, dhtmlx.MouseEvents);
-    dhtmlx.extend(this, dhtmlx.Destruction);
-    dhtmlx.extend(this, dhtmlx.Canvas);
-    dhtmlx.extend(this, dhtmlx.Group);
-    dhtmlx.extend(this, dhtmlx.AutoTooltip);
-    for (var b in dhtmlx.chart) dhtmlx.extend(this, dhtmlx.chart[b]);
-    this.B(a, {
-        color: "RAINBOW",
-        alpha: "1",
-        label: false,
-        value: "{obj.value}",
-        padding: {},
-        view: "pie",
-        lineColor: "#ffffff",
-        cant: 0.5,
-        width: 15,
-        labelWidth: 100,
-        line: {},
-        item: {},
-        shadow: true,
-        gradient: false,
-        border: true,
-        labelOffset: 20,
-        origin: "auto"
-    });
-    this.h = [this.e];
-    this.data.attachEvent("onStoreUpdated", dhtmlx.bind(function () {
-        this.render()
-    }, this));
-    this.attachEvent("onLocateData", this.db)
-};
-dhtmlXChart.prototype = {
-    q: "dhx_area_id",
-    on_click: {},
-    on_dblclick: {},
-    on_mouse_move: {},
-    resize: function () {
-        this.$a();
-        this.render()
-    },
-    view_setter: function (a, b) {
-        if (typeof this.e.offset == "undefined") this.e.offset = b == "area" || b == "stackedArea" ? false : true;
-        return b
-    },
-    render: function () {
-        if (this.callEvent("onBeforeRender", [this.data])) {
-            this.clearCanvas();
-            this.e.legend && this.za(this.getCanvas(), this.data.getRange(), this.g.offsetWidth, this.g.offsetHeight);
-            for (var a = this.Ea(this.g.offsetWidth, this.g.offsetHeight), b = new dhtmlx.ui.Map(this.q), c = this.e, d = 0; d < this.h.length; d++) {
-                this.e = this.h[d];
-                this["pvt_render_" + this.e.view](this.getCanvas(), this.data.getRange(), a.start, a.end, d, b)
-            }
-            b.render(this.g);
-            this.e = c
-        }
-    },
-    value_setter: dhtmlx.Template.obj_setter,
-    alpha_setter: dhtmlx.Template.obj_setter,
-    label_setter: dhtmlx.Template.obj_setter,
-    lineColor_setter: dhtmlx.Template.obj_setter,
-    pieInnerText_setter: dhtmlx.Template.obj_setter,
-    gradient_setter: function (a, b) {
-        if (typeof b != "function" && b && (b === true || b != "3d")) b = "light";
-        return b
-    },
-    colormap: {
-        RAINBOW: function (a) {
-            a = Math.floor(this.indexById(a.id) / this.dataCount() * 1536);
-            if (a == 1536) a -= 1;
-            return this.Za[Math.floor(a / 256)](a % 256)
-        }
-    },
-    color_setter: function (a, b) {
-        return this.colormap[b] || dhtmlx.Template.obj_setter(a, b)
-    },
-    legend_setter: function (a, b) {
-        if (typeof b != "object") b = {
-            template: b
-        };
-        this.n(b, {
-            width: 150,
-            height: 18,
-            layout: "y",
-            align: "left",
-            valign: "bottom",
-            template: "",
-            marker: {
-                type: "square",
-                width: 25,
-                height: 15
-            }
-        });
-        b.template = dhtmlx.Template.setter(0, b.template);
-        return b
-    },
-    item_setter: function (a, b) {
-        if (typeof b != "object") b = {
-            color: b,
-            borderColor: b
-        };
-        this.n(b, {
-            radius: 4,
-            color: "#000000",
-            borderColor: "#000000",
-            borderWidth: 2
-        });
-        b.color = dhtmlx.Template.setter(0, b.color);
-        b.borderColor = dhtmlx.Template.setter(0, b.borderColor);
-        return b
-    },
-    line_setter: function (a, b) {
-        if (typeof b != "object") b = {
-            color: b
-        };
-        this.n(b, {
-            width: 3,
-            color: "#d4d4d4"
-        });
-        b.color = dhtmlx.Template.setter(0, b.color);
-        return b
-    },
-    padding_setter: function (a, b) {
-        if (typeof b != "object") b = {
-            left: b,
-            right: b,
-            top: b,
-            bottom: b
-        };
-        this.n(b, {
-            left: 50,
-            right: 20,
-            top: 35,
-            bottom: 40
-        });
-        return b
-    },
-    xAxis_setter: function (a, b) {
-        if (!b) return false;
-        if (typeof b != "object") b = {
-            template: b
-        };
-        this.n(b, {
-            title: "",
-            color: "#000000",
-            template: "{obj}",
-            lines: false
-        });
-        if (b.template) b.template = dhtmlx.Template.setter(0, b.template);
-        return b
-    },
-    yAxis_setter: function (a, b) {
-        this.n(b, {
-            title: "",
-            color: "#000000",
-            template: "{obj}",
-            lines: true
-        });
-        if (b.template) b.template = dhtmlx.Template.setter(0, b.template);
-        return b
-    },
-    N: function (a, b, c, d, e, f, g) {
-        e = this.Da(a, b, c, d, e, f);
-        this.da(a, b, c, d, g, e);
-        return e
-    },
-    da: function (a, b, c, d, e, f) {
-        if (this.e.xAxis) {
-            var g = c.x - 0.5;
-            f = parseInt(f ? f : d.y, 10) + 0.5;
-            var i = d.x,
-                j, k = true;
-            this.i(a, g, f, i, f, this.e.xAxis.color, 1);
-            for (var h = 0; h < b.length; h++) {
-                if (this.e.offset === true) j = g + e / 2 + h * e;
-                else {
-                    j = g + h * e;
-                    k = !! h
-                }
-                var m = this.e.origin != "auto" && this.e.view == "bar" && parseFloat(this.e.value(b[h])) < this.e.origin;
-                this.Ba(j, f, b[h], k, m);
-                this.e.view_setter != "bar" && this.Ca(a, j, d.y, c.y)
-            }
-            this.renderTextAt(true, false, g, d.y + this.e.padding.bottom - 3, this.e.xAxis.title, "dhx_axis_title_x", d.x - c.x);
-            this.e.xAxis.lines && this.e.offset && this.i(a, i + 0.5, d.y, i + 0.5, c.y + 0.5, this.e.xAxis.color, 0.2)
-        }
-    },
-    Da: function (a, b, c, d, e, f) {
-        var g;
-        b = {};
-        if (this.e.yAxis) {
-            var i = c.x - 0.5,
-                j = d.y,
-                k = c.y,
-                h = d.y;
-            this.i(a, i, j, i, k, this.e.yAxis.color, 1);
-            if (this.e.yAxis.step) g = parseFloat(this.e.yAxis.step);
-            if (typeof this.e.yAxis.step == "undefined" || typeof this.e.yAxis.start == "undefined" || typeof this.e.yAxis.end == "undefined") {
-                b = this.V(e, f);
-                e = b.start;
-                f = b.end;
-                g = b.step;
-                this.e.yAxis.end = f;
-                this.e.yAxis.start = e
-            }
-            if (g !== 0) {
-                k = (j - k) * g / (f - e);
-                for (var m = 0, l = e; l <= f; l += g) {
-                    if (b.fixNum) l = parseFloat((new Number(l)).toFixed(b.fixNum));
-                    var n = Math.floor(j - m * k) + 0.5;
-                    !(l == e && this.e.origin == "auto") && this.e.yAxis.lines && this.i(a, i, n, d.x, n, this.e.yAxis.color, 0.2);
-                    if (l == this.e.origin) h = n;
-                    this.renderText(0, n - 5, this.e.yAxis.template(l.toString()), "dhx_axis_item_y", c.x - 5);
-                    m++
-                }
-                this.oa(c, d);
-                return h
-            }
-        }
-    },
-    oa: function (a, b) {
-        if (a = this.renderTextAt("middle", false, 0, parseInt((b.y - a.y) / 2 + a.y, 10), this.e.yAxis.title, "dhx_axis_title_y")) a.style.left = (dhtmlx.env.transform ? (a.offsetHeight - a.offsetWidth) / 2 : 0) + "px"
-    },
-    V: function (a, b) {
-        if (this.e.origin != "auto" && this.e.origin < a) a = this.e.origin;
-        var c, d, e;
-        c = (b - a) / 8 || 1;
-        var f = Math.floor(this.ga(c)),
-            g = Math.pow(10, f),
-            i = c / g;
-        i = i > 5 ? 10 : 5;
-        c = parseInt(i, 10) * g;
-        if (c > Math.abs(a)) d = a < 0 ? -c : 0;
-        else {
-            var j = Math.abs(a),
-                k = Math.floor(this.ga(j)),
-                h = j / Math.pow(10, k);
-            d = Math.ceil(h * 10) / 10 * Math.pow(10, k) - c;
-            if (a < 0) d = -d - 2 * c
-        }
-        for (e = d; e < b;) {
-            e += c;
-            e = parseFloat((new Number(e)).toFixed(Math.abs(f)))
-        }
-        return {
-            start: d,
-            end: e,
-            step: c,
-            fixNum: Math.abs(f)
-        }
-    },
-    O: function (a) {
-        var b, c;
-        if ((c = arguments.length && a == "h" ? this.e.xAxis : this.e.yAxis) && typeof c.end != "undefied" && typeof c.start != "undefied" && c.step) {
-            b = parseFloat(c.end);
-            c = parseFloat(c.start)
-        } else {
-            b = this.max(this.h[0].value);
-            c = this.min(this.h[0].value);
-            if (this.h.length > 1) for (var d = 1; d < this.h.length; d++) {
-                var e = this.max(this.h[d].value),
-                    f = this.min(this.h[d].value);
-                if (e > b) b = e;
-                if (f < c) c = f
-            }
-        }
-        return {
-            max: b,
-            min: c
-        }
-    },
-    ga: function (a) {
-        var b = "log";
-        return Math.floor(Math[b](a) / Math.LN10)
-    },
-    Ba: function (a, b, c, d, e) {
-        var to = offset = 11,from = 0,
-            val =  this.e.xAxis.template(c);
-        while(1){
-            this.e.xAxis && this.renderTextAt(e, d, a+from, b+from, val.slice(from,to), "dhx_axis_item_x");
-            if(to > val.length){break;}
-            from += offset;to += offset;
-        }
-    },
-    Ca: function (a, b, c, d) {
-        this.e.xAxis && this.e.xAxis.lines && this.i(a, b, c, b, d, this.e.xAxis.color, 0.2)
-    },
-    i: function (a, b, c, d, e, f, g) {
-        a.strokeStyle = f;
-        a.lineWidth = g;
-        a.beginPath();
-        a.moveTo(b, c);
-        a.lineTo(d, e);
-        a.stroke()
-    },
-    z: function (a, b) {
-        var c = 1;
-        if (b != a) {
-            a = b - a;
-            if (Math.abs(a) < 1) for (; Math.abs(a) < 1;) {
-                c *= 10;
-                a *= c
-            }
-        } else a = a;
-        return [a, c]
-    },
-    Za: [function (a) {
-        return "#FF" + dhtmlx.math.toHex(a / 2, 2) + "00"
-    }, function (a) {
-        return "#FF" + dhtmlx.math.toHex(a / 2 + 128, 2) + "00"
-    }, function (a) {
-        return "#" + dhtmlx.math.toHex(255 - a, 2) + "FF00"
-    }, function (a) {
-        return "#00FF" + dhtmlx.math.toHex(a, 2)
-    }, function (a) {
-        return "#00" + dhtmlx.math.toHex(255 - a, 2) + "FF"
-    }, function (a) {
-        return "#" + dhtmlx.math.toHex(a, 2) + "00FF"
-    }],
-    addSeries: function (a) {
-        var b = this.e;
-        this.e = dhtmlx.extend({}, b);
-        this.B(a, {});
-        this.h.push(this.e);
-        this.e = b
-    },
-    db: function (a, b) {
-        this.ra = b.getAttribute("userdata");
-        for (a = 0; a < this.h.length; a++) {
-            var c = this.h[a].tooltip;
-            c && c.disable()
-        }(c = this.h[this.ra].tooltip) && c.enable()
-    },
-    za: function (a, b) {
-        var c = 0,
-            d = 0,
-            e = this.e.legend,
-            f, g, i = this.e.legend.layout != "x" ? "width:" + e.width + "px" : "",
-            j = dhtmlx.html.create("DIV", {
-                "class": "dhx_chart_legend",
-                style: "left:" + c + "px; top:" + d + "px;" + i
-            }, "");
-        this.g.appendChild(j);
-        var k = [];
-        if (e.values) for (h = 0; h < e.values.length; h++) k.push(this.aa(j, e.values[h].text));
-        else for (var h = 0; h < b.length; h++) k.push(this.aa(j, e.template(b[h])));
-        g = j.offsetWidth;
-        f = j.offsetHeight;
-        this.e.legend.width = g;
-        this.e.legend.height = f;
-        if (g < this.g.offsetWidth) {
-            if (e.layout == "x" && e.align == "center") c = (this.g.offsetWidth - g) / 2;
-            if (e.align == "right") c = this.g.offsetWidth - g
-        }
-        if (f < this.g.offsetHeight) if (e.valign == "middle" && e.align != "center" && e.layout != "x") d = (this.g.offsetHeight - f) / 2;
-        else if (e.valign == "bottom") d = this.g.offsetHeight - f;
-        j.style.left = c + "px";
-        j.style.top = d + "px";
-        for (h = 0; h < k.length; h++) {
-            var m = k[h],
-                l = e.values ? e.values[h].color : this.e.color.call(this, b[h]);
-            this.Aa(a, m.offsetLeft + c, m.offsetTop + d, l)
-        }
-        k = null
-    },
-    aa: function (a, b) {
-        var c = "";
-        if (this.e.legend.layout == "x") c = "float:left;";
-        b = dhtmlx.html.create("DIV", {
-            style: c + "padding-left:" + (10 + this.e.legend.marker.width) + "px",
-            "class": "dhx_chart_legend_item"
-        }, b);
-        a.appendChild(b);
-        return b
-    },
-    Aa: function (a, b, c, d) {
-        var e = this.e.legend;
-        a.strokeStyle = a.fillStyle = d;
-        a.lineWidth = e.marker.height;
-        a.lineCap = e.marker.type;
-        a.beginPath();
-        b += a.lineWidth / 2 + 5;
-        c += a.lineWidth / 2 + 3;
-        a.moveTo(b, c);
-        b = b + e.marker.width - e.marker.height + 1;
-        a.lineTo(b, c);
-        a.stroke()
-    },
-    Ea: function (a, b) {
-        var c, d, e, f;
-        c = this.e.padding.left;
-        d = this.e.padding.top;
-        e = a - this.e.padding.right;
-        f = b - this.e.padding.bottom;
-        if (this.e.legend) {
-            a = this.e.legend;
-            b = this.e.legend.width;
-            var g = this.e.legend.height;
-            if (a.layout == "x") if (a.valign == "center") if (a.align == "right") e -= b;
-            else {
-                if (a.align == "left") c += b
-            } else if (a.valign == "bottom") f -= g;
-            else d += g;
-            else if (a.align == "right") e -= b;
-            else if (a.align == "left") c += b
-        }
-        return {
-            start: {
-                x: c,
-                y: d
-            },
-            end: {
-                x: e,
-                y: f
-            }
-        }
-    },
-    Q: function (a) {
-        var b, c;
-        if (this.e.yAxis && typeof this.e.yAxis.end != "undefied" && typeof this.e.yAxis.start != "undefied" && this.e.yAxis.step) {
-            b = parseFloat(this.e.yAxis.end);
-            c = parseFloat(this.e.yAxis.start)
-        } else {
-            for (var d = 0; d < a.length; d++) {
-                a[d].$sum = 0;
-                a[d].$min = Infinity;
-                for (b = 0; b < this.h.length; b++) {
-                    c = parseFloat(this.h[b].value(a[d]));
-                    if (!isNaN(c)) {
-                        a[d].$sum += c;
-                        if (c < a[d].$min) a[d].$min = c
-                    }
-                }
-            }
-            b = -Infinity;
-            c = Infinity;
-            for (d = 0; d < a.length; d++) {
-                if (a[d].$sum > b) b = a[d].$sum;
-                if (a[d].$min < c) c = a[d].$min
-            }
-            if (c > 0) c = 0
-        }
-        return {
-            max: b,
-            min: c
-        }
-    },
-    G: function (a, b, c, d, e, f, g, i) {
-        if (f == "light") {
-            a = i == "x" ? a.createLinearGradient(b, c, d, c) : a.createLinearGradient(b, c, b, e);
-            a.addColorStop(0, "#FFFFFF");
-            a.addColorStop(0.9, g);
-            a.addColorStop(1, g);
-            g = 2
-        } else {
-            a.globalAlpha = 0.37;
-            g = 0;
-            a = i == "x" ? a.createLinearGradient(b, e, b, c) : a.createLinearGradient(b, c, d, c);
-            a.addColorStop(0, "#000000");
-            a.addColorStop(0.5, "#FFFFFF");
-            a.addColorStop(0.6, "#FFFFFF");
-            a.addColorStop(1, "#000000")
-        }
-        return {
-            gradient: a,
-            offset: g
-        }
-    }
-};
-dhtmlx.compat("layout");
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css
deleted file mode 100644
index c30fbda2da3..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*
-Copyright DHTMLX LTD. http://www.dhtmlx.com
-You allowed to use this component or parts of it under GPL terms
-To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
-*/
-/*pure colors*/
-/*fonts*/
-/*2010 September 28*//* DHX DEPEND FROM FILE 'tooltip.css'*//*style used by tooltip's container*/
-.dhx_tooltip{
-	display:none;
-	position:absolute;
-	font-family:Tahoma;
-	font-size:8pt;
-	z-index:10000;
-	background-color:white;
-	padding:2px 2px 2px 2px;
-	border:1px solid #A4BED4;
-}/* DHX DEPEND FROM FILE 'chart.css'*//*chart container*/
-.dhx_chart{
-	position:relative;
-	font-family:Verdana;
-	font-size:13px;
-	color:#000000;
-	overflow:hidden;
-}
-/*labels*/
-.dhx_canvas_text{
-	position:absolute;
-	text-align:center;
-	overflow:hidden;	
-	white-space:nowrap;
-}
-/*map*/
-.dhx_map_img{
-	width : 100%;
-	height : 100%;
-	position : absolute;
-	top : 0px;
-	left : 0px;
-	border:0px;
-	filter:alpha(opacity=0);
-}
-/*scales*/
-.dhx_axis_item_y{
-	position:absolute;
-	height:10px;
-	line-height:10px;
-	text-align:right;
-}
-.dhx_axis_title_x{
-	text-align:center;
-	
-}
-.dhx_axis_title_y{
-	text-align:center;
-	font-family:Verdana;
-	/*safari*/
-	-webkit-transform: rotate(-90deg);
-    /*firefox*/
-	-moz-transform: rotate(-90deg);
-    /*IE*/
-	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-    /*opera*/
-	-o-transform:rotate(-90deg);
-	padding-left:3px;
-}
-/*legend block*/
-.dhx_chart_legend{
-    position:absolute;
-}
-.dhx_chart_legend_item{
-    height:18px;
-	line-height:18px;
-	padding: 2px;
-	
-}
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js
deleted file mode 100644
index b536825fe02..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js
+++ /dev/null
@@ -1,4736 +0,0 @@
-/*
-Copyright DHTMLX LTD. http://www.dhtmlx.com
-You allowed to use this component or parts of it under GPL terms
-To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
-*/
-/*
-2010 September 30
-*/
-
-
-
-/* DHX DEPEND FROM FILE 'assert.js'*/
-
-
-if (!window.dhtmlx) 
-	dhtmlx={};
-
-//check some rule, show message as error if rule is not correct
-dhtmlx.assert = function(test, message){
-	if (!test)	dhtmlx.error(message);
-};
-dhtmlx.assert_enabled=function(){ return false; };
-
-//register names of event, which can be triggered by the object
-dhtmlx.assert_event = function(obj, evs){
-	if (!obj._event_check){
-		obj._event_check = {};
-		obj._event_check_size = {};
-	}
-		
-	for (var a in evs){
-		obj._event_check[a.toLowerCase()]=evs[a];
-		var count=-1; for (var t in evs[a]) count++;
-		obj._event_check_size[a.toLowerCase()]=count;
-	}
-};
-dhtmlx.assert_method_info=function(obj, name, descr, rules){
-	var args = [];
-	for (var i=0; i < rules.length; i++) {
-		args.push(rules[i][0]+" : "+rules[i][1]+"\n   "+rules[i][2].describe()+(rules[i][3]?"; optional":""));
-	}
-	return obj.name+"."+name+"\n"+descr+"\n Arguments:\n - "+args.join("\n - ");
-};
-dhtmlx.assert_method = function(obj, config){
-	for (var key in config)
-		dhtmlx.assert_method_process(obj, key, config[key].descr, config[key].args, (config[key].min||99), config[key].skip);
-};
-dhtmlx.assert_method_process = function (obj, name, descr, rules, min, skip){
-	var old = obj[name];
-	if (!skip)
-		obj[name] = function(){
-			if (arguments.length !=	rules.length && arguments.length < min) 
-				dhtmlx.log("warn","Incorrect count of parameters\n"+obj[name].describe()+"\n\nExpecting "+rules.length+" but have only "+arguments.length);
-			else
-				for (var i=0; i<rules.length; i++)
-					if (!rules[i][3] && !rules[i][2](arguments[i]))
-						dhtmlx.log("warn","Incorrect method call\n"+obj[name].describe()+"\n\nActual value of "+(i+1)+" parameter: {"+(typeof arguments[i])+"} "+arguments[i]);
-			
-			return old.apply(this, arguments);
-		};
-	obj[name].describe = function(){	return dhtmlx.assert_method_info(obj, name, descr, rules);	};
-};
-dhtmlx.assert_event_call = function(obj, name, args){
-	if (obj._event_check){
-		if (!obj._event_check[name])
-			dhtmlx.log("warn","Not expected event call :"+name);
-		else if (dhtmlx.isNotDefined(args))
-			dhtmlx.log("warn","Event without parameters :"+name);
-		else if (obj._event_check_size[name] != args.length)
-			dhtmlx.log("warn","Incorrect event call, expected "+obj._event_check_size[name]+" parameter(s), but have "+args.length +" parameter(s), for "+name+" event");
-	}		
-};
-dhtmlx.assert_event_attach = function(obj, name){
-	if (obj._event_check && !obj._event_check[name]) 
-			dhtmlx.log("warn","Unknown event name: "+name);
-};
-//register names of properties, which can be used in object's configuration
-dhtmlx.assert_property = function(obj, evs){
-	if (!obj._settings_check)
-		obj._settings_check={};
-	dhtmlx.extend(obj._settings_check, evs);		
-};
-//check all options in collection, against list of allowed properties
-dhtmlx.assert_check = function(data,coll){
-	if (typeof data == "object"){
-		for (var key in data){
-			dhtmlx.assert_settings(key,data[key],coll);
-		}
-	}
-};
-//check if type and value of property is the same as in scheme
-dhtmlx.assert_settings = function(mode,value,coll){
-	coll = coll || this._settings_check;
-
-	//if value is not in collection of defined ones
-	if (coll){
-		if (!coll[mode])	//not registered property
-			return dhtmlx.log("warn","Unknown propery: "+mode);
-			
-		var descr = "";
-		var error = "";
-		var check = false;
-		for (var i=0; i<coll[mode].length; i++){
-			var rule = coll[mode][i];
-			if (typeof rule == "string")
-				continue;
-			if (typeof rule == "function")
-				check = check || rule(value);
-			else if (typeof rule == "object" && typeof rule[1] == "function"){
-				check = check || rule[1](value);
-				if (check && rule[2])
-					dhtmlx["assert_check"](value, rule[2]); //temporary fix , for sources generator
-			}
-			if (check) break;
-		}
-		if (!check )
-			dhtmlx.log("warn","Invalid configuration\n"+dhtmlx.assert_info(mode,coll)+"\nActual value: {"+(typeof value)+"} "+value);
-	}
-};
-
-dhtmlx.assert_info=function(name, set){ 
-	var ruleset = set[name];
-	var descr = "";
-	var expected = [];
-	for (var i=0; i<ruleset.length; i++){
-		if (typeof rule == "string")
-			descr = ruleset[i];
-		else if (ruleset[i].describe)
-			expected.push(ruleset[i].describe());
-		else if (ruleset[i][1] && ruleset[i][1].describe)
-			expected.push(ruleset[i][1].describe());
-	}
-	return "Property: "+name+", "+descr+" \nExpected value: \n - "+expected.join("\n - ");
-};
-
-
-if (dhtmlx.assert_enabled()){
-	
-	dhtmlx.assert_rule_color=function(check){
-		if (typeof check != "string") return false;
-		if (check.indexOf("#")!==0) return false;
-		if (check.substr(1).replace(/[0-9A-F]/gi,"")!=="") return false;
-		return true;
-	};
-	dhtmlx.assert_rule_color.describe = function(){
-		return "{String} Value must start from # and contain hexadecimal code of color";
-	};
-	
-	dhtmlx.assert_rule_template=function(check){
-		if (typeof check == "function") return true;
-		if (typeof check == "string") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_template.describe = function(){
-		return "{Function},{String} Value must be a function which accepts data object and return text string, or a sting with optional template markers";
-	};
-	
-	dhtmlx.assert_rule_boolean=function(check){
-		if (typeof check == "boolean") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_boolean.describe = function(){
-		return "{Boolean} true or false";
-	};
-	
-	dhtmlx.assert_rule_object=function(check, sub){
-		if (typeof check == "object") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_object.describe = function(){
-		return "{Object} Configuration object";
-	};
-	
-	
-	dhtmlx.assert_rule_string=function(check){
-		if (typeof check == "string") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_string.describe = function(){
-		return "{String} Plain string";
-	};
-	
-	
-	dhtmlx.assert_rule_htmlpt=function(check){
-		return !!dhtmlx.toNode(check);
-	};
-	dhtmlx.assert_rule_htmlpt.describe = function(){
-		return "{Object},{String} HTML node or ID of HTML Node";
-	};
-	
-	dhtmlx.assert_rule_notdocumented=function(check){
-		return false;
-	};
-	dhtmlx.assert_rule_notdocumented.describe = function(){
-		return "This options wasn't documented";
-	};
-	
-	dhtmlx.assert_rule_key=function(obj){
-		var t = function (check){
-			return obj[check];
-		};
-		t.describe=function(){
-			var opts = [];
-			for(var key in obj)
-				opts.push(key);
-			return  "{String} can take one of next values: "+opts.join(", ");
-		};
-		return t;
-	};
-	
-	dhtmlx.assert_rule_dimension=function(check){
-		if (check*1 == check && !isNaN(check) && check >= 0) return true;
-		return false;
-	};
-	dhtmlx.assert_rule_dimension.describe=function(){
-		return "{Integer} value must be a positive number";
-	};
-	
-	dhtmlx.assert_rule_number=function(check){
-		if (typeof check == "number") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_number.describe=function(){
-		return "{Integer} value must be a number";
-	};
-	
-	dhtmlx.assert_rule_function=function(check){
-		if (typeof check == "function") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_function.describe=function(){
-		return "{Function} value must be a custom function";
-	};
-	
-	dhtmlx.assert_rule_any=function(check){
-		return true;
-	};
-	dhtmlx.assert_rule_any.describe=function(){
-		return "Any value";
-	};
-	
-	dhtmlx.assert_rule_mix=function(a,b){
-		var t = function(check){
-			if (a(check)||b(check)) return true;
-			return false;
-		};
-		t.describe = function(){
-			return a.describe();
-		};
-		return t;
-	};
-
-}
-
-
-/* DHX DEPEND FROM FILE 'dhtmlx.js'*/
-
-
-/*DHX:Depend assert.js*/
-
-/*
-	Common helpers
-*/
-dhtmlx.version="3.0";
-dhtmlx.codebase="./";
-
-//coding helpers
-
-//copies methods and properties from source to the target
-dhtmlx.extend = function(target, source){
-	for (var method in source)
-		target[method] = source[method];
-		
-	//applying asserts
-	if (dhtmlx.assert_enabled() && source._assert){
-		target._assert();
-		target._assert=null;
-	}
-	
-	dhtmlx.assert(target,"Invalid nesting target");
-	dhtmlx.assert(source,"Invalid nesting source");
-	//if source object has init code - call init against target
-	if (source._init)	
-		target._init();
-				
-	return target;	
-};
-dhtmlx.proto_extend = function(){
-	var origins = arguments;
-	var compilation = origins[0];
-	var construct = [];
-	
-	for (var i=origins.length-1; i>0; i--) {
-		if (typeof origins[i]== "function")
-			origins[i]=origins[i].prototype;
-		for (var key in origins[i]){
-			if (key == "_init") 
-				construct.push(origins[i][key]);
-			else if (!compilation[key])
-				compilation[key] = origins[i][key];
-		}
-	};
-	
-	if (origins[0]._init)
-		construct.push(origins[0]._init);
-	
-	compilation._init = function(){
-		for (var i=0; i<construct.length; i++)
-			construct[i].apply(this, arguments);
-	};
-	compilation.base = origins[1];
-	var result = function(config){
-		this._init(config);
-		if (this._parseSettings)
-			this._parseSettings(config, this.defaults);
-	};
-	result.prototype = compilation;
-	
-	compilation = origins = null;
-	return result;
-};
-//creates function with specified "this" pointer
-dhtmlx.bind=function(functor, object){ 
-	return function(){ return functor.apply(object,arguments); };  
-};
-
-//loads module from external js file
-dhtmlx.require=function(module){
-	if (!dhtmlx._modules[module]){
-		dhtmlx.assert(dhtmlx.ajax,"load module is required");
-		
-		//load and exec the required module
-		dhtmlx.exec( dhtmlx.ajax().sync().get(dhtmlx.codebase+module).responseText );
-		dhtmlx._modules[module]=true;	
-	}
-};
-dhtmlx._modules = {};	//hash of already loaded modules
-
-//evaluate javascript code in the global scoope
-dhtmlx.exec=function(code){
-	if (window.execScript)	//special handling for IE
-		window.execScript(code);
-	else window.eval(code);
-};
-
-/*
-	creates method in the target object which will transfer call to the source object
-	if event parameter was provided , each call of method will generate onBefore and onAfter events
-*/
-dhtmlx.methodPush=function(object,method,event){
-	return function(){
-		var res = false;
-		//if (!event || this.callEvent("onBefore"+event,arguments)){ //not used anymore, probably can be removed
-			res=object[method].apply(object,arguments);
-		//	if (event) this.callEvent("onAfter"+event,arguments);
-		//}
-		return res;	//result of wrapped method
-	};
-};
-//check === undefined
-dhtmlx.isNotDefined=function(a){
-	return typeof a == "undefined";
-};
-//delay call to after-render time
-dhtmlx.delay=function(method, obj, params, delay){
-	setTimeout(function(){
-		var ret = method.apply(obj,params);
-		method = obj = params = null;
-		return ret;
-	},delay||1);
-};
-
-//common helpers
-
-//generates unique ID (unique per window, nog GUID)
-dhtmlx.uid = function(){
-	if (!this._seed) this._seed=(new Date).valueOf();	//init seed with timestemp
-	this._seed++;
-	return this._seed;
-};
-//resolve ID as html object
-dhtmlx.toNode = function(node){
-	if (typeof node == "string") return document.getElementById(node);
-	return node;
-};
-//adds extra methods for the array
-dhtmlx.toArray = function(array){ 
-	return dhtmlx.extend((array||[]),dhtmlx.PowerArray);
-};
-//resolve function name
-dhtmlx.toFunctor=function(str){ 
-	return (typeof(str)=="string") ? eval(str) : str; 
-};
-
-//dom helpers
-
-//hash of attached events
-dhtmlx._events = {};
-//attach event to the DOM element
-dhtmlx.event=function(node,event,handler,master){
-	node = dhtmlx.toNode(node);
-	
-	var id = dhtmlx.uid();
-	dhtmlx._events[id]=[node,event,handler];	//store event info, for detaching
-	
-	if (master) 
-		handler=dhtmlx.bind(handler,master);	
-		
-	//use IE's of FF's way of event's attaching
-	if (node.addEventListener)
-		node.addEventListener(event, handler, false);
-	else if (node.attachEvent)
-		node.attachEvent("on"+event, handler);
-
-	return id;	//return id of newly created event, can be used in eventRemove
-};
-
-//remove previously attached event
-dhtmlx.eventRemove=function(id){
-	
-	if (!id) return;
-	dhtmlx.assert(this._events[id],"Removing non-existing event");
-		
-	var ev = dhtmlx._events[id];
-	//browser specific event removing
-	if (ev[0].removeEventListener)
-		ev[0].removeEventListener(ev[1],ev[2],false);
-	else if (ev[0].detachEvent)
-		ev[0].detachEvent("on"+ev[1],ev[2]);
-		
-	delete this._events[id];	//delete all traces
-};
-
-
-//debugger helpers
-//anything starting from error or log will be removed during code compression
-
-//add message in the log
-dhtmlx.log = function(type,message,details){
-	if (window.console && console.log){
-		type=type.toLowerCase();
-		if (window.console[type])
-			window.console[type](message||"unknown error");
-		else
-			window.console.log(type +": "+message);
-		if (details) 
-			window.console.log(details);
-	}	
-};
-//register rendering time from call point 
-dhtmlx.log_full_time = function(name){
-	dhtmlx._start_time_log = new Date();
-	dhtmlx.log("Info","Timing start ["+name+"]");
-	window.setTimeout(function(){
-		var time = new Date();
-		dhtmlx.log("Info","Timing end ["+name+"]:"+(time.valueOf()-dhtmlx._start_time_log.valueOf())/1000+"s");
-	},1);
-};
-//register execution time from call point
-dhtmlx.log_time = function(name){
-	var fname = "_start_time_log"+name;
-	if (!dhtmlx[fname]){
-		dhtmlx[fname] = new Date();
-		dhtmlx.log("Info","Timing start ["+name+"]");
-	} else {
-		var time = new Date();
-		dhtmlx.log("Info","Timing end ["+name+"]:"+(time.valueOf()-dhtmlx[fname].valueOf())/1000+"s");
-		dhtmlx[fname] = null;
-	}
-};
-//log message with type=error
-dhtmlx.error = function(message,details){
-	dhtmlx.log("error",message,details);
-};
-//event system
-dhtmlx.EventSystem={
-	_init:function(){
-		this._events = {};		//hash of event handlers, name => handler
-		this._handlers = {};	//hash of event handlers, ID => handler
-		this._map = {};
-	},
-	//temporary block event triggering
-	block : function(){
-		this._events._block = true;
-	},
-	//re-enable event triggering
-	unblock : function(){
-		this._events._block = false;
-	},
-	mapEvent:function(map){
-		dhtmlx.extend(this._map, map);
-	},
-	//trigger event
-	callEvent:function(type,params){
-		if (this._events._block) return true;
-		
-		type = type.toLowerCase();
-		dhtmlx.assert_event_call(this, type, params);
-		
-		var event_stack =this._events[type.toLowerCase()];	//all events for provided name
-		var return_value = true;
-
-		if (dhtmlx.debug)	//can slowdown a lot
-			dhtmlx.log("info","["+this.name+"] event:"+type,params);
-		
-		if (event_stack)
-			for(var i=0; i<event_stack.length; i++)
-				/*
-					Call events one by one
-					If any event return false - result of whole event will be false
-					Handlers which are not returning anything - counted as positive
-				*/
-				if (event_stack[i].apply(this,(params||[]))===false) return_value=false;
-				
-		if (this._map[type] && !this._map[type].callEvent(type,params))
-			return_value =	false;
-			
-		return return_value;
-	},
-	//assign handler for some named event
-	attachEvent:function(type,functor,id){
-		type=type.toLowerCase();
-		dhtmlx.assert_event_attach(this, type);
-		
-		id=id||dhtmlx.uid(); //ID can be used for detachEvent
-		functor = dhtmlx.toFunctor(functor);	//functor can be a name of method
-
-		var event_stack=this._events[type]||dhtmlx.toArray();
-		//save new event handler
-		event_stack.push(functor);
-		this._events[type]=event_stack;
-		this._handlers[id]={ f:functor,t:type };
-		
-		return id;
-	},
-	//remove event handler
-	detachEvent:function(id){
-		var type=this._handlers[id].t;
-		var functor=this._handlers[id].f;
-		
-		//remove from all collections
-		var event_stack=this._events[type];
-		event_stack.remove(functor);
-		delete this._handlers[id];
-	} 
-};
-
-//array helper
-//can be used by dhtmlx.toArray()
-dhtmlx.PowerArray={
-	//remove element at specified position
-	removeAt:function(pos,len){
-		if (pos>=0) this.splice(pos,(len||1));
-	},
-	//find element in collection and remove it 
-	remove:function(value){
-		this.removeAt(this.find(value));
-	},	
-	//add element to collection at specific position
-	insertAt:function(data,pos){
-		if (!pos && pos!==0) 	//add to the end by default
-			this.push(data);
-		else {	
-			var b = this.splice(pos,(this.length-pos));
-  			this[pos] = data;
-  			this.push.apply(this,b); //reconstruct array without loosing this pointer
-  		}
-  	},  	
-  	//return index of element, -1 if it doesn't exists
-  	find:function(data){ 
-  		for (i=0; i<this.length; i++) 
-  			if (data==this[i]) return i; 	
-  		return -1; 
-  	},
-  	//execute some method for each element of array
-  	each:function(functor,master){
-		for (var i=0; i < this.length; i++)
-			functor.call((master||this),this[i]);
-	},
-	//create new array from source, by using results of functor 
-	map:function(functor,master){
-		for (var i=0; i < this.length; i++)
-			this[i]=functor.call((master||this),this[i]);
-		return this;
-	}
-};
-
-dhtmlx.env = {};
-
-//environment detection
-if (navigator.userAgent.indexOf('Opera') != -1)
-	dhtmlx._isOpera=true;
-else{
-	//very rough detection, but it is enough for current goals
-	dhtmlx._isIE=!!document.all;
-	dhtmlx._isFF=!document.all;
-	dhtmlx._isWebKit=(navigator.userAgent.indexOf("KHTML")!=-1);
-	if (navigator.appVersion.indexOf("MSIE 8.0")!= -1 && document.compatMode != "BackCompat") 
-		dhtmlx._isIE=8;
-}
-
-dhtmlx.env = {};
-
-// dhtmlx.env.transform 
-// dhtmlx.env.transition
-(function(){
-	dhtmlx.env.transform = false;
-	dhtmlx.env.transition = false;
-	var options = {};
-	options.names = ['transform', 'transition'];
-	options.transform = ['transform', 'WebkitTransform', 'MozTransform', 'oTransform'];
-	options.transition = ['transition', 'WebkitTransition', 'MozTransition', 'oTransition'];
-	
-	var d = document.createElement("DIV");
-	var property;
-	for(var i=0; i<options.names.length; i++) {
-		while (p = options[options.names[i]].pop()) {
-			if(typeof d.style[p] != 'undefined')
-				dhtmlx.env[options.names[i]] = true;
-		}
-	}
-})();
-dhtmlx.env.transform_prefix = (function(){
-		var prefix;
-		if(dhtmlx._isOpera)
-			prefix = '-o-';
-		else {
-			prefix = ''; // default option
-			if(dhtmlx._isFF) 
-				prefix = '-moz-';
-			if(dhtmlx._isWebKit) 
-					prefix = '-webkit-';
-		}
-		return prefix;
-})();
-dhtmlx.env.svg = (function(){
-		return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1");
-})();
-
-//store maximum used z-index
-dhtmlx.zIndex={ drag : 10000 };
-
-//html helpers
-dhtmlx.html={
-	create:function(name,attrs,html){
-		attrs = attrs || {};
-		var node = document.createElement(name);
-		for (var attr_name in attrs)
-			node.setAttribute(attr_name, attrs[attr_name]);
-		if (attrs.style)
-			node.style.cssText = attrs.style;
-		if (attrs["class"])
-			node.className = attrs["class"];
-		if (html)
-			node.innerHTML=html;
-		return node;
-	},
-	//return node value, different logic for different html elements
-	getValue:function(node){
-		node = dhtmlx.toNode(node);
-		if (!node) return "";
-		return dhtmlx.isNotDefined(node.value)?node.innerHTML:node.value;
-	},
-	//remove html node, can process an array of nodes at once
-	remove:function(node){
-		if (node instanceof Array)
-			for (var i=0; i < node.length; i++)
-				this.remove(node[i]);
-		else
-			if (node && node.parentNode)
-				node.parentNode.removeChild(node);
-	},
-	//insert new node before sibling, or at the end if sibling doesn't exist
-	insertBefore: function(node,before,rescue){
-		if (!node) return;
-		if (before)
-			before.parentNode.insertBefore(node, before);
-		else
-			rescue.appendChild(node);
-	},
-	//return custom ID from html element 
-	//will check all parents starting from event's target
-	locate:function(e,id){
-		e=e||event;
-		var trg=e.target||e.srcElement;
-		while (trg){
-			if (trg.getAttribute){	//text nodes has not getAttribute
-				var test = trg.getAttribute(id);
-				if (test) return test;
-			}
-			trg=trg.parentNode;
-		}	
-		return null;
-	},
-	//returns position of html element on the page
-	offset:function(elem) {
-		if (elem.getBoundingClientRect) { //HTML5 method
-			var box = elem.getBoundingClientRect();
-			var body = document.body;
-			var docElem = document.documentElement;
-			var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
-			var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
-			var clientTop = docElem.clientTop || body.clientTop || 0;
-			var clientLeft = docElem.clientLeft || body.clientLeft || 0;
-			var top  = box.top +  scrollTop - clientTop;
-			var left = box.left + scrollLeft - clientLeft;
-			return { y: Math.round(top), x: Math.round(left) };
-		} else { //fallback to naive approach
-			var top=0, left=0;
-			while(elem) {
-				top = top + parseInt(elem.offsetTop,10);
-				left = left + parseInt(elem.offsetLeft,10);
-				elem = elem.offsetParent;
-			}
-			return {y: top, x: left};
-		}
-	},
-	//returns position of event
-	pos:function(ev){
-		ev = ev || event;
-        if(ev.pageX || ev.pageY)	//FF, KHTML
-            return {x:ev.pageX, y:ev.pageY};
-        //IE
-        var d  =  ((dhtmlx._isIE)&&(document.compatMode != "BackCompat"))?document.documentElement:document.body;
-        return {
-                x:ev.clientX + d.scrollLeft - d.clientLeft,
-                y:ev.clientY + d.scrollTop  - d.clientTop
-        };
-	},
-	//prevent event action
-	preventEvent:function(e){
-		if (e && e.preventDefault) e.preventDefault();
-		dhtmlx.html.stopEvent(e);
-	},
-	//stop event bubbling
-	stopEvent:function(e){
-		(e||event).cancelBubble=true;
-		return false;
-	},
-	//add css class to the node
-	addCss:function(node,name){
-        node.className+=" "+name;
-    },
-    //remove css class from the node
-    removeCss:function(node,name){
-        node.className=node.className.replace(RegExp(name,"g"),"");
-    }
-};
-
-//autodetect codebase folder
-(function(){
-	var temp = document.getElementsByTagName("SCRIPT");	//current script, most probably
-	dhtmlx.assert(temp.length,"Can't locate codebase");
-	if (temp.length){
-		//full path to script
-		temp = (temp[temp.length-1].getAttribute("src")||"").split("/");
-		//get folder name
-		temp.splice(temp.length-1, 1);
-		dhtmlx.codebase = temp.slice(0, temp.length).join("/")+"/";
-	}
-})();
-
-dhtmlx.ui={};
-
-
-/* DHX DEPEND FROM FILE 'destructor.js'*/
-
-
-/*
-	Behavior:Destruction
-	
-	@export
-		destructor
-*/
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Destruction = {
-	_init:function(){
-		//register self in global list of destructors
-		dhtmlx.destructors.push(this);
-	},
-	//will be called automatically on unload, can be called manually
-	//simplifies job of GC
-	destructor:function(){
-		this.destructor=function(){}; //destructor can be called only once
-		
-		//html collection
-		this._htmlmap  = null;
-		this._htmlrows = null;
-		
-		//temp html element, used by toHTML
-		if (this._html)
-			document.body.appendChild(this._html);	//need to attach, for IE's GC
-
-		this._html = null;
-		if (this._obj) {
-			this._obj.innerHTML="";
-			this._obj._htmlmap = null;
-		}
-		this._obj = this._dataobj=null;
-		this.data = null;
-		this._events = this._handlers = {};
-	}
-};
-//global list of destructors
-dhtmlx.destructors = [];
-dhtmlx.event(window,"unload",function(){
-	//call all registered destructors
-	for (var i=0; i<dhtmlx.destructors.length; i++)
-		dhtmlx.destructors[i].destructor();
-	dhtmlx.destructors = [];
-	
-	//detach all known DOM events
-	for (var a in dhtmlx._events){
-		var ev = dhtmlx._events[a];
-		if (ev[0].removeEventListener)
-			ev[0].removeEventListener(ev[1],ev[2],false);
-		else if (ev[0].detachEvent)
-			ev[0].detachEvent("on"+ev[1],ev[2]);
-		delete dhtmlx._events[a];
-	}
-});
-
-
-/* DHX DEPEND FROM FILE 'math.js'*/
-
-
-dhtmlx.math = {};
-dhtmlx.math._toHex=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
-dhtmlx.math.toHex = function(number, length){
-	number=parseInt(number,10);
-	str = "";
-		while (number>0){
-			str=this._toHex[number%16]+str;
-			number=Math.floor(number/16);
-		}
-		while (str.length <length)
-			str = "0"+str;
-	return str;
-};
-
-
-
-
-
-/* DHX DEPEND FROM FILE 'map.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-	
-dhtmlx.ui.Map = function(key){
-	this.name = "Map";
-	this._id = "map_"+dhtmlx.uid();
-	this._key = key;
-	this._map = [];
-};
-dhtmlx.ui.Map.prototype = {
-	addRect: function(id,points,userdata) {
-		this._createMapArea(id,"RECT",points,userdata);
-	},
-	addPoly: function(id,points) {
-		this._createMapArea(id,"POLY",points);
-	},
-	_createMapArea:function(id,shape,coords,userdata){
-		var extra_data = "";
-		if(arguments.length==4) 
-			extra_data = "userdata='"+userdata+"'";
-		this._map.push("<area "+this._key+"='"+id+"' shape='"+shape+"' coords='"+coords.join()+"' "+extra_data+"></area>");
-	},
-	addSector:function(id,alpha0,alpha1,x,y,R,ky){
-		var points = [];
-		points.push(x);
-		points.push(Math.floor(y*ky)); 
-		for(var i = alpha0; i < alpha1; i+=Math.PI/18){
-			points.push(Math.floor(x+R*Math.cos(i)));
-			points.push(Math.floor((y+R*Math.sin(i))*ky));
-		}
-		points.push(Math.floor(x+R*Math.cos(alpha1)));
-		points.push(Math.floor((y+R*Math.sin(alpha1))*ky));
-		points.push(x);
-		points.push(Math.floor(y*ky)); 
-		
-		return this.addPoly(id,points);
-	},
-	render:function(obj){
-		var d = dhtmlx.html.create("DIV");
-		d.style.cssText="position:absolute; width:100%; height:100%; top:0px; left:0px;";
-		obj.appendChild(d);
-		var src = dhtmlx._isIE?"":"src='data:image/gif;base64,R0lGODlhEgASAIAAAP///////yH5BAUUAAEALAAAAAASABIAAAIPjI+py+0Po5y02ouz3pwXADs='";
-		d.innerHTML="<map id='"+this._id+"' name='"+this._id+"'>"+this._map.join("\n")+"</map><img "+src+" class='dhx_map_img' usemap='#"+this._id+"'>";
-		
-		obj._htmlmap = d; //for clearing routine
-		
-		this._map = [];
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_base.js'*/
-
-
-/*DHX:Depend map.js*/
-dhtmlx.chart = {};
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_area.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.area = {
-	/**
-	*   renders an area chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: width - the width of the container
-	*   @param: height - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_area:function(ctx, data, point0, point1, sIndex, map){
-				
-	    var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
-			
-		/*the value that defines the map area position*/
-		var areaPos = Math.floor(params.cellWidth/2);
-	
-		/*drawing all items*/
-		if (data.length) {
-			
-			ctx.globalAlpha = this._settings.alpha.call(this,data[0]);
-			ctx.fillStyle = this._settings.color.call(this,data[0]);
-		  
-			/*the position of the first item*/
-			var y0 = this._getYPointOfLineChart(data[0],point0,point1,params);
-			var x0 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
-			ctx.beginPath();
-			ctx.moveTo(x0,point1.y);
-			ctx.lineTo(x0,y0);
-			
-			/*creates map area*/
-			map.addRect(data[0].id,[x0-areaPos,y0-areaPos,x0+areaPos,y0+areaPos]);
-			/*item label*/
-			if(!this._settings.yAxis)
-		    	this.renderTextAt(false, (!this._settings.offset?false:true), x0, y0-this._settings.labelOffset, this._settings.label(data[0]));
-				
-			/*drawing the previous item and the line between to items*/
-			for(var i=1; i < data.length;i ++){
-				/*horizontal positions of the previous and current items (0.5 - the fix for line width)*/
-				var xi = x0+ Math.floor(params.cellWidth*i) - 0.5;
-				var yi = this._getYPointOfLineChart(data[i],point0,point1,params);
-				ctx.lineTo(xi,yi);
-				/*creates map area*/
-				map.addRect(data[i].id,[xi-areaPos,yi-areaPos,xi+areaPos,yi+areaPos]);
-				/*item label*/
-				if(!this._settings.yAxis)
-					this.renderTextAt(false, (!this._settings.offset&&i==(data.length-1)?"left":"center"), xi, yi-this._settings.labelOffset, this._settings.label(data[i]));
-			}
-			ctx.lineTo(x0+Math.floor(params.cellWidth*[data.length-1]),point1.y);
-			ctx.lineTo(x0,point1.y);
-			ctx.fill();
-		}
-	}
-};
-dhtmlx.chart.stackedArea ={
-	/**
-	*   renders an area chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: width - the width of the container
-	*   @param: height - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_stackedArea:function(ctx, data, point0, point1, sIndex, map){
-				
-	  	var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
-			
-		/*the value that defines the map area position*/
-		var areaPos = Math.floor(params.cellWidth/2);
-	  
-	    var y1 = [];
-	
-		/*drawing all items*/
-		if (data.length) {
-			
-			ctx.globalAlpha = this._settings.alpha.call(this,data[0]);
-			ctx.fillStyle = this._settings.color.call(this,data[0]);
-
-		   /*for the 2nd, 3rd, etc. series*/
-		    var y01 = (sIndex?data[0].$startY:point1.y);
-		   
-		   	/*the position of the first item*/
-			var x0 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
-		  	var y02 = this._getYPointOfLineChart(data[0],point0,point1,params)-(sIndex?(point1.y-y01):0);
-			
-			y1[0] = y02;
-				
-			ctx.beginPath();
-			ctx.moveTo(x0,y01);
-			ctx.lineTo(x0,y02);
-			
-			/*creates map area*/
-			map.addRect(data[0].id,[x0-areaPos,y02-areaPos,x0+areaPos,y02+areaPos]);
-			/*item label*/
-			if(!this._settings.yAxis)
-		    	this.renderTextAt(false, true, x0, y02-this._settings.labelOffset, this._settings.label(data[0]));
-			
-			/*drawing the previous item and the line between to items*/
-			for(var i=1; i < data.length;i ++){
-				/*horizontal positions of the previous and current items (0.5 - the fix for line width)*/
-				var xi = x0+ Math.floor(params.cellWidth*i) - 0.5;
-				var yi2 = this._getYPointOfLineChart(data[i],point0,point1,params)-(sIndex?(point1.y-data[i].$startY):0);
-				
-				y1[i] = yi2;
-				
-				ctx.lineTo(xi,yi2);
-				/*creates map area*/
-				map.addRect(data[i].id,[xi-areaPos,yi2-areaPos,xi+areaPos,yi2+areaPos]);
-				/*item label*/
-				if(!this._settings.yAxis)
-					this.renderTextAt(false, true, xi, yi2-this._settings.labelOffset, this._settings.label(data[i]));
-			}
-			ctx.lineTo(x0+Math.floor(params.cellWidth*[data.length-1]),y01);
-			/*drawing lines of the lower part*/
-			if(sIndex){
-				for(var i=data.length-1; i >=0 ;i--){
-					var xi = x0+ Math.floor(params.cellWidth*i) - 0.5;
-					var yi1 = data[i].$startY;
-					ctx.lineTo(xi,yi1);
-				}
-			}
-			else ctx.lineTo(x0+ Math.floor(params.cellWidth*(length-1)) - 0.5,y01);
-			ctx.lineTo(x0,y01);
-			ctx.fill();
-			for(var i=0; i < data.length;i ++){
-				data[i].$startY = y1[i];
-			}
-		}
-	}
-};
-
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_spline.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.spline = {
-	/**
-	*   renders a spline chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: width - the width of the container
-	*   @param: height - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_spline:function(ctx, data, point0, point1, sIndex, map){
-			
-		var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
-		
-		/*the value that defines the map area position*/
-		var areaPos = Math.floor(params.cellWidth/2);
-		
-		/*array of all points*/
-		var items = [];
-		
-		/*drawing all items*/
-		if (data.length) {
-		   
-			/*getting all points*/
-			var x0 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
-			for(var i=0; i < data.length;i ++){
-				var x = ((!i)?x0:Math.floor(params.cellWidth*i) - 0.5 + x0);
-			    var y = this._getYPointOfLineChart(data[i],point0,point1,params);		
-				items.push({x:x,y:y});
-			}
-			var sparam = this._getSplineParameters(items);
-			
-			for(var i =0; i< items.length-1; i++){
-				var x1 = items[i].x;
-				var y1 = items[i].y;
-				var x2 = items[i+1].x;
-				var y2 = items[i+1].y;
-				
-				
-				for(var j = x1; j < x2; j++)
-					this._drawLine(ctx,j,this._getSplineYPoint(j,x1,i,sparam.a,sparam.b,sparam.c,sparam.d),j+1,this._getSplineYPoint(j+1,x1,i,sparam.a,sparam.b,sparam.c,sparam.d),this._settings.line.color(data[i]),this._settings.line.width);
-				this._drawLine(ctx,x2-1,this._getSplineYPoint(j,x1,i,sparam.a,sparam.b,sparam.c,sparam.d),x2,y2,this._settings.line.color(data[i]),this._settings.line.width);
-				this._drawItemOfLineChart(ctx,x1,y1,data[i],this._settings.label(data[i]));
-			}
-			this._drawItemOfLineChart(ctx,x2,y2,data[i],this._settings.label(data[i]));
-		}
-	},
-	/*gets spline parameter*/
-	_getSplineParameters:function(points){
-		var h,u,v,s,a,b,c,d,n;
-		h = [];	m = [];
-		n = points.length;
-		
-		for(var i =0; i<n-1;i++){
-			h[i] = points[i+1].x - points[i].x;
-			m[i] = (points[i+1].y - points[i].y)/h[i];
-		}
-		u = [];	v = [];
-		u[0] = 0;
-		u[1] = 2*(h[0] + h[1]);
-		v[0] = 0;
-		v[1] = 6*(m[1] - m[0]);
-		for(var i =2; i < n-1; i++){
-			u[i] = 2*(h[i-1]+h[i]) - h[i-1]*h[i-1]/u[i-1];
-	    	v[i] = 6*(m[i]-m[i-1]) - h[i-1]*v[i-1]/u[i-1];
-		}
-		
-		s = [];
-		s[n-1] = s[0] = 0;
-		for(var i = n -2; i>=1; i--)
-	   		s[i] = (v[i] - h[i]*s[i+1])/u[i];
-	
-        a = []; b = []; c = [];	d = []; 
-		
-		for(var i =0; i<n-1;i++){
-			a[i] = points[i].y;
-			b[i] = - h[i]*s[i+1]/6 - h[i]*s[i]/3 + (points[i+1].y-points[i].y)/h[i];
-			c[i] = s[i]/2;
-			d[i] = (s[i+1] - s[i])/(6*h[i]);
-		}
-		return {a:a,b:b,c:c,d:d};
-	},
-	/*returns the y position of the spline point */
-	_getSplineYPoint:function(x,xi,i,a,b,c,d){
-		return a[i] + (x - xi)*(b[i] + (x-xi)*(c[i]+(x-xi)*d[i])); 
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_barh.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.barH = {
-	/**
-	*   renders a bar chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_barH:function(ctx, data, point0, point1, sIndex, map){
-	     var maxValue,minValue;
-		/*necessary if maxValue - minValue < 0*/
-		var valueFactor;
-		/*maxValue - minValue*/
-		var relValue;
-		
-		var total_width = point1.x-point0.x;
-		
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-		
-		var limits = this._getLimits("h");
-		maxValue = limits.max;
-		minValue = limits.min;
-		
-		/*an available width for one bar*/
-		var cellWidth = Math.floor((point1.y-point0.y)/data.length);
-		
-		/*draws x and y scales*/
-		if(!sIndex)
-			this._drawHScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
-		
-		/*necessary for automatic scale*/
-		if(yax){
-		    maxValue = parseFloat(this._settings.xAxis.end);
-			minValue = parseFloat(this._settings.xAxis.start);      
-		}
-		
-		/*unit calculation (bar_height = value*unit)*/
-		var relativeValues = this._getRelativeValue(minValue,maxValue);
-		relValue = relativeValues[0];
-		valueFactor = relativeValues[1];
-		
-		var unit = (relValue?total_width/relValue:10);
-		if(!yax){
-			/*defines start value for better representation of small values*/
-			var startValue = 10;
-			unit = (relValue?(total_width-startValue)/relValue:10);
-		}
-		
-		
-		/*a real bar width */
-		var barWidth = parseInt(this._settings.width,10);
-		if((barWidth*this._series.length+4)>cellWidth) barWidth = cellWidth/this._series.length-4;
-		/*the half of distance between bars*/
-		var barOffset = Math.floor((cellWidth - barWidth*this._series.length)/2);
-		/*the radius of rounding in the top part of each bar*/
-		var radius = (typeof this._settings.radius!="undefined"?parseInt(this._settings.radius,10):Math.round(barWidth/5));
-		
-		var inner_gradient = false;
-		var gradient = this._settings.gradient;
-	
-		if (gradient&&typeof(gradient) != "function"){
-			inner_gradient = gradient;
-			gradient = false;
-		} else if (gradient){
-			gradient = ctx.createLinearGradient(point0.x,point0.y,point1.x,point0.y);
-			this._settings.gradient(gradient);
-		}
-		var scaleY = 0;
-		/*draws a black line if the horizontal scale isn't defined*/
-		if(!yax){
-			this._drawLine(ctx,point0.x-0.5,point0.y,point0.x-0.5,point1.y,"#000000",1); //hardcoded color!
-		}
-		
-		
-		
-		for(var i=0; i < data.length;i ++){
-			
-			
-			var value =  parseFloat(this._settings.value(data[i]));
-			if(value>maxValue) value = maxValue;
-			value -= minValue;
-			value *= valueFactor;
-			
-			/*start point (bottom left)*/
-			var x0 = point0.x;
-			var y0 = point0.y+ barOffset + i*cellWidth+(barWidth+1)*sIndex;
-			
-			if(value<0||(this._settings.yAxis&&value===0)){
-				this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
-				continue;
-			}
-			
-			/*takes start value into consideration*/
-			if(!yax) value += startValue/unit;
-			var color = gradient||this._settings.color.call(this,data[i]);
-			
-			/*drawing the gradient border of a bar*/
-			if(this._settings.border){
-				ctx.beginPath();
-				ctx.fillStyle = color;
-				this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
-				ctx.lineTo(x0,0);
-				ctx.fill();
-
-				ctx.fillStyle = "#000000";
-				ctx.globalAlpha = 0.37;
-				ctx.beginPath();
-				this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
-				ctx.fill();
-			}
-			
-			/*drawing bar body*/
-			ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
-			ctx.fillStyle = (gradient||this._settings.color.call(this,data[i]));
-			ctx.beginPath();
-			var points = this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,(this._settings.border?1:0));
-			if (gradient&&!inner_gradient) ctx.lineTo(point0.x+total_width,y0+(this._settings.border?1:0)); //fix gradient sphreading
-   			ctx.fill();
-			ctx.globalAlpha = 1;
-			
-			if (inner_gradient!=false){
-				var gradParam = this._setBarGradient(ctx,point0.x,y0+barWidth,point0.x+unit*value+2,y0,inner_gradient,color,"x");
-				ctx.fillStyle = gradParam.gradient;
-				ctx.beginPath();
-				var points = this._setBarHPoints(ctx,x0,y0+gradParam.offset,barWidth-gradParam.offset*2,radius,unit,value,gradParam.offset);
-				ctx.fill();
-				ctx.globalAlpha = 1;
-			}
-			
-			
-			/*sets a bar label*/
-			this.renderTextAt("middle",false,points[0]+3, parseInt(y0+(points[1]-y0)/2,10), this._settings.label(data[i]));
-			/*defines a map area for a bar*/
-			map.addRect(data[i].id,[x0,y0,points[0],points[1]],sIndex);
-		}
-	},
-	/**
-	*   sets points for bar and returns the position of the bottom right point
-	*   @param: ctx - canvas object
-	*   @param: x0 - the x position of start point
-	*   @param: y0 - the y position of start point
-	*   @param: barWidth - bar width 
-	*   @param: radius - the rounding radius of the top
-	*   @param: unit - the value defines the correspondence between item value and bar height
-	*   @param: value - item value
-	*   @param: offset - the offset from expected bar edge (necessary for drawing border)
-	*/
-	_setBarHPoints:function(ctx,x0,y0,barWidth,radius,unit,value,offset){
-		/*correction for displaing small values (when rounding radius is bigger than bar height)*/
-		var angle_corr = 0;
-		if(radius>unit*value){
-			var sinA = (radius-unit*value)/radius;
-			angle_corr = -Math.asin(sinA)+Math.PI/2;
-		}
-		/*start*/
-		ctx.moveTo(x0,y0+offset);
-		/*start of left rounding*/
-		var x1 = x0 + unit*value - radius - (radius?0:offset);
-		if(radius<unit*value)
-			ctx.lineTo(x1,y0+offset);
-   		/*left rounding*/
-		var y2 = y0 + radius;
-		if (radius)
-			ctx.arc(x1,y2,radius-offset,-Math.PI/2+angle_corr,0,false);
-   		/*start of right rounding*/
-		var y3 = y0 + barWidth - radius - (radius?0:offset);
-		var x3 = x1 + radius - (radius?offset:0);
-		ctx.lineTo(x3,y3);
-		/*right rounding*/
-		var x4 = x1;
-		if (radius)
-			ctx.arc(x4,y3,radius-offset,0,Math.PI/2-angle_corr,false);
-   		/*bottom right point*/
-		var y5 = y0 + barWidth-offset;
-        ctx.lineTo(x0,y5);
-		/*line to the start point*/
-   		ctx.lineTo(x0,y0+offset);
-   	//	ctx.lineTo(x0,0); //IE fix!
-		return [x3,y5];
-	},
-	 _drawHScales:function(ctx,data,point0,point1,start,end,cellWidth){
-	    this._drawHXAxis(ctx,data,point0,point1,start,end);
-		this._drawHYAxis(ctx,data,point0,point1,cellWidth);
-	},
-	_drawHYAxis:function(ctx,data,point0,point1,cellWidth){
-		if (!this._settings.yAxis) return;
-		
-		var x0 = point0.x-0.5;
-		var y0 = point1.y+0.5;
-		var y1 = point0.y;
-			
-		this._drawLine(ctx,x0,y0,x0,y1,this._settings.yAxis.color,1);
-		
-		for(var i=0; i < data.length;i ++){
-				
-			/*scale labels*/
-			this.renderTextAt("middle",0,0,y1+cellWidth/2+i*cellWidth,
-				this._settings.yAxis.template(data[i]),
-				"dhx_axis_item_y",point0.x-5
-			);
-		}
-		this._setYAxisTitle(point0,point1);
-	},
-	_drawHXAxis:function(ctx,data,point0,point1,start,end){
-		var step;
-		var scaleParam= {};
-		var axis = this._settings.xAxis;
-		if (!axis) return;
-		
-		var y0 = point1.y+0.5;
-		var x0 = point0.x-0.5;
-		var x1 = point1.x-0.5;
-		
-		this._drawLine(ctx,x0,y0,x1,y0,axis.color,1);
-		
-		if(axis.step)
-		     step = parseFloat(axis.step);
-		
-		if(typeof axis.step =="undefined"||typeof axis.start=="undefined"||typeof axis.end =="undefined"){
-			scaleParam = this._calculateScale(start,end);
-			start = scaleParam.start;
-			end = scaleParam.end;
-			step = scaleParam.step;
-			this._settings.xAxis.end = end;
-			this._settings.xAxis.start = start;
-			this._settings.xAxis.step = step;
-		};
-		
-		if(step===0) return;
-		var stepHeight = (x1-x0)*step/(end-start);
-		var c = 0;
-		for(var i = start; i<=end; i += step){
-			if(scaleParam.fixNum)  i = parseFloat((new Number(i)).toFixed(scaleParam.fixNum));
-			var xi = Math.floor(x0+c*stepHeight)+ 0.5;/*canvas line fix*/
-			if(i!=start &&axis.lines)
-				this._drawLine(ctx,xi,y0,xi,point0.y,this._settings.xAxis.color,0.2);	
-			this.renderTextAt(false, true,xi,y0+2,axis.template(i.toString()),"dhx_axis_item_x");
-			c++;
-		};
-		this.renderTextAt(true, false, x0,point1.y+this._settings.padding.bottom-3,
-			this._settings.xAxis.title,
-			"dhx_axis_title_x",
-			point1.x - point0.x
-		);
-		/*the right border in lines in scale are enabled*/
-		if (!axis.lines) return;
-			this._drawLine(ctx,x0,point0.y-0.5,x1,point0.y-0.5,this._settings.xAxis.color,0.2);
-	}
-	
-};
-
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_stackedbarh.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-/*DHX:Depend ext/chart/chart_barh.js*/
-
-dhtmlx.assert(dhtmlx.chart.barH);
-dhtmlx.chart.stackedBarH = {
-/**
-	*   renders a bar chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*   @param: map - map object
-	*/
-	pvt_render_stackedBarH:function(ctx, data, point0, point1, sIndex, map){
-	   var maxValue,minValue;
-		/*necessary if maxValue - minValue < 0*/
-		var valueFactor;
-		/*maxValue - minValue*/
-		var relValue;
-		
-		var total_width = point1.x-point0.x;
-		
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-		
-		var limits = this._getStackedLimits(data);
-		maxValue = limits.max;
-		minValue = limits.min;
-		
-		/*an available width for one bar*/
-		var cellWidth = Math.floor((point1.y-point0.y)/data.length);
-	
-		/*draws x and y scales*/
-		if(!sIndex)
-			this._drawHScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
-		
-		/*necessary for automatic scale*/
-		if(yax){
-		    maxValue = parseFloat(this._settings.xAxis.end);
-			minValue = parseFloat(this._settings.xAxis.start);      
-		}
-		
-		/*unit calculation (bar_height = value*unit)*/
-		var relativeValues = this._getRelativeValue(minValue,maxValue);
-		relValue = relativeValues[0];
-		valueFactor = relativeValues[1];
-		
-		var unit = (relValue?total_width/relValue:10);
-		if(!yax){
-			/*defines start value for better representation of small values*/
-			var startValue = 10;
-			unit = (relValue?(total_width-startValue)/relValue:10);
-		}
-		
-		/*a real bar width */
-		var barWidth = parseInt(this._settings.width,10);
-		if((barWidth+4)>cellWidth) barWidth = cellWidth-4;
-		/*the half of distance between bars*/
-		var barOffset = Math.floor((cellWidth - barWidth)/2);
-		/*the radius of rounding in the top part of each bar*/
-		var radius = 0;
-		
-		var inner_gradient = false;
-		var gradient = this._settings.gradient;
-	
-		var inner_gradient = false;
-		var gradient = this._settings.gradient;
-		if (gradient){
-			inner_gradient = true;
-		} 
-		var scaleY = 0;
-		/*draws a black line if the horizontal scale isn't defined*/
-		if(!yax){
-			this._drawLine(ctx,point0.x-0.5,point0.y,point0.x-0.5,point1.y,"#000000",1); //hardcoded color!
-		}
-		
-		for(var i=0; i < data.length;i ++){
-			
-			if(!sIndex) 
-			   data[i].$startX = point0.x;
-			
-			var value =  parseFloat(this._settings.value(data[i]));
-			if(value>maxValue) value = maxValue;
-			value -= minValue;
-			value *= valueFactor;
-			
-			/*start point (bottom left)*/
-			var x0 = point0.x;
-			var y0 = point0.y+ barOffset + i*cellWidth;
-			
-			/*for the 2nd, 3rd, etc. series*/
-			if(sIndex)
-			    x0 = data[i].$startX || x0;
-			
-			if(value<0||(this._settings.yAxis&&value===0)){
-				this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
-				continue;
-			}
-			
-			/*takes start value into consideration*/
-			if(!yax) value += startValue/unit;
-			var color = this._settings.color.call(this,data[i]);
-			
-			/*drawing the gradient border of a bar*/
-			if(this._settings.border){
-				ctx.beginPath();
-				ctx.fillStyle = color;
-				this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
-				ctx.lineTo(x0,0);
-				ctx.fill();
-
-				ctx.fillStyle = "#000000";
-				ctx.globalAlpha = 0.37;
-				ctx.beginPath();
-				this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,0);
-				ctx.fill();
-			}
-			ctx.globalAlpha = 1;
-			/*drawing bar body*/
-			ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
-			ctx.fillStyle = this._settings.color.call(this,data[i]);
-			ctx.beginPath();
-			var points = this._setBarHPoints(ctx,x0,y0,barWidth,radius,unit,value,(this._settings.border?1:0));
-			if (gradient&&!inner_gradient) ctx.lineTo(point0.x+total_width,y0+(this._settings.border?1:0)); //fix gradient sphreading
-   			ctx.fill();
-			
-			if (inner_gradient!=false){
-				var gradParam = this._setBarGradient(ctx,x0,y0+barWidth,x0,y0,inner_gradient,color,"x")
-				ctx.fillStyle = gradParam.gradient;
-				ctx.beginPath();
-				var points = this._setBarHPoints(ctx,x0,y0, barWidth,radius,unit,value,0);
-				ctx.fill();
-				ctx.globalAlpha = 1;
-			}
-			
-			/*sets a bar label*/
-			this.renderTextAt("middle",true,data[i].$startX+(points[0]-data[i].$startX)/2-1, y0+(points[1]-y0)/2, this._settings.label(data[i]));
-			/*defines a map area for a bar*/
-			map.addRect(data[i].id,[data[i].$startX,y0,points[0],points[1]],sIndex);
-			/*the start position for the next series*/
-			data[i].$startX = points[0];
-		}
-	}
-}
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_stackedbar.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.stackedBar = {
-	/**
-	*   renders a bar chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_stackedBar:function(ctx, data, point0, point1, sIndex, map){
-	     var maxValue,minValue;
-		/*necessary if maxValue - minValue < 0*/
-		var valueFactor;
-		/*maxValue - minValue*/
-		var relValue;
-		
-		var total_height = point1.y-point0.y;
-		
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-		
-		var limits = this._getStackedLimits(data);
-		maxValue = limits.max;
-		minValue = limits.min;
-		
-		/*an available width for one bar*/
-		var cellWidth = Math.floor((point1.x-point0.x)/data.length);
-		
-		/*draws x and y scales*/
-		if(!sIndex)
-			this._drawScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
-		
-		/*necessary for automatic scale*/
-		if(yax){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);      
-		}
-		
-		/*unit calculation (bar_height = value*unit)*/
-		var relativeValues = this._getRelativeValue(minValue,maxValue);
-		relValue = relativeValues[0];
-		valueFactor = relativeValues[1];
-		
-		var unit = (relValue?total_height/relValue:10);
-		
-		/*a real bar width */
-		var barWidth = parseInt(this._settings.width,10);
-		if(barWidth+4 > cellWidth) barWidth = cellWidth-4;
-		/*the half of distance between bars*/
-		var barOffset = Math.floor((cellWidth - barWidth)/2);
-		
-		
-		var inner_gradient = (this._settings.gradient?this._settings.gradient:false);
-		
-		var scaleY = 0;
-		/*draws a black line if the horizontal scale isn't defined*/
-		if(!xax){
-			//scaleY = y-bottomPadding;
-			this._drawLine(ctx,point0.x,point1.y+0.5,point1.x,point1.y+0.5,"#000000",1); //hardcoded color!
-		}
-		
-		for(var i=0; i < data.length;i ++){
-			var value =  parseFloat(this._settings.value(data[i]));
-			if(!value) continue;
-			
-			/*adjusts the first tab to the scale*/
-			if(!sIndex)
-				value -= minValue;
-
-			value *= valueFactor;
-			
-			/*start point (bottom left)*/
-			var x0 = point0.x + barOffset + i*cellWidth;
-			var y0 = point1.y;
-			
-			/*for the 2nd, 3rd, etc. series*/
-			if(sIndex)
-			    y0 = data[i].$startY || y0;
-
-			/*the max height limit*/
-			if(y0 < (point0.y+1)) continue;
-			
-			if(value<0||(this._settings.yAxis&&value===0)){
-				this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
-				continue;
-			}
-			
-			var color = this._settings.color.call(this,data[i]);
-			
-			/*drawing the gradient border of a bar*/
-			if(this._settings.border){
-				ctx.beginPath();
-				ctx.fillStyle = color;
-				this._setStakedBarPoints(ctx,x0-1,y0,barWidth+2,unit,value,0,point0.y);
-				ctx.lineTo(x0,y0);
-				ctx.fill();
-
-				ctx.fillStyle = "#000000";
-				ctx.globalAlpha = 0.37;
-				ctx.beginPath();
-				this._setStakedBarPoints(ctx,x0-1,y0,barWidth+2,unit,value,0,point0.y);
-				ctx.fill();
-			}
-			
-			/*drawing bar body*/
-			ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
-			ctx.fillStyle = this._settings.color.call(this,data[i]);
-			ctx.beginPath();
-			var points = this._setStakedBarPoints(ctx,x0,y0,barWidth,unit,value,(this._settings.border?1:0),point0.y);
-   			ctx.fill();
-			ctx.globalAlpha = 1;
-			
-			/*gradient*/
-			if (inner_gradient){
-				var gradParam = this._setBarGradient(ctx,x0,y0,x0+barWidth,points[1],inner_gradient,color,"y");
-				ctx.fillStyle = gradParam.gradient;
-				ctx.beginPath();
-				var points = this._setStakedBarPoints(ctx,x0+gradParam.offset,y0,barWidth-gradParam.offset*2,unit,value,(this._settings.border?1:0),point0.y);
-				ctx.fill();
-				ctx.globalAlpha = 1;
-			}
-			
-			/*sets a bar label*/
-			this.renderTextAt(false, true, x0+Math.floor(barWidth/2),(points[1]+(y0-points[1])/2)-7,this._settings.label(data[i]));
-			/*defines a map area for a bar*/
-			map.addRect(data[i].id,[x0,points[1],points[0],(data[i].$startY||y0)],sIndex);
-			
-			/*the start position for the next series*/
-			data[i].$startY = (this._settings.border?(points[1]+1):points[1]);
-		}
-	},
-	/**
-	*   sets points for bar and returns the position of the bottom right point
-	*   @param: ctx - canvas object
-	*   @param: x0 - the x position of start point
-	*   @param: y0 - the y position of start point
-	*   @param: barWidth - bar width 
-	*   @param: radius - the rounding radius of the top
-	*   @param: unit - the value defines the correspondence between item value and bar height
-	*   @param: value - item value
-	*   @param: offset - the offset from expected bar edge (necessary for drawing border)
-	*   @param: minY - the minimum y position for the bars ()
-	*/
-	_setStakedBarPoints:function(ctx,x0,y0,barWidth,unit,value,offset,minY){
-		/*start*/
-		ctx.moveTo(x0,y0);
-		/*start of left rounding*/
-		var y1 = y0 - unit*value+offset;
-		/*maximum height limit*/
-		if(y1<minY) 
-			y1 = minY;
-		ctx.lineTo(x0,y1);
-   		var x3 = x0 + barWidth;
-		var y3 = y1; 
-		ctx.lineTo(x3,y3);
-		/*right rounding*/
-		var y4 = y1;
-   		/*bottom right point*/
-		var x5 = x0 + barWidth;
-        ctx.lineTo(x5,y0);
-		/*line to the start point*/
-   		ctx.lineTo(x0,y0);
-   	//	ctx.lineTo(x0,0); //IE fix!
-		return [x5,y3-2*offset];
-	}
-};
-
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_line.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.line = {
-
-	/**
-	*   renders a graphic
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: width - the width of the container
-	*   @param: height - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_line:function(ctx, data, point0, point1, sIndex, map){
-				
-	    var params = this._calculateParametersOfLineChart(ctx,data,point0,point1,sIndex);
-		
-		/*the value that defines the map area position*/
-		var areaPos = Math.floor(params.cellWidth/2);
-		
-		/*drawing all items*/
-		if (data.length) {
-		    /*gets the vertical coordinate of an item*/
-			
-			/*the position of the first item*/
-			var y1 = this._getYPointOfLineChart(data[0],point0,point1,params);
-			var x1 = (this._settings.offset?point0.x+params.cellWidth*0.5:point0.x);
-			var x0 = x1;
-			/*drawing the previous item and the line between to items*/
-			for(var i=1; i <= data.length;i ++){
-								
-				/*horizontal positions of the item (0.5 - the fix for line width)*/
-				//var x1 = Math.floor(params.cellWidth*(i-0.5)) - 0.5 + point0.x;
-				var x2 = Math.floor(params.cellWidth*i) - 0.5 + x0;
-
-				/*a line between items*/
-				if (data.length!=i){
-					var y2 = this._getYPointOfLineChart(data[i],point0,point1,params);
-					this._drawLine(ctx,x1,y1,x2,y2,this._settings.line.color(data[i-1]),this._settings.line.width);
-				}
-				
-				/*draws prevous item*/
-				this._drawItemOfLineChart(ctx,x1,y1,data[i-1],!!this._settings.offset);
-				
-				/*creates map area*/
-				map.addRect(data[i-1].id,[x1-areaPos,y1-areaPos,x1+areaPos,y1+areaPos]);
-				
-				y1=y2;
-				x1=x2;
-			}
-		}
-	},
-	/**
-	*   draws an item and its label
-	*   @param: ctx - canvas object
-	*   @param: x0 - the x position of a circle
-	*   @param: y0 - the y position of a circle
-	*   @param: obj - data object 
-	*   @param: label - (boolean) defines wherether label needs being drawn 
-	*/
-	_drawItemOfLineChart:function(ctx,x0,y0,obj,label){
-		var R = parseInt(this._settings.item.radius,10);
-		ctx.lineWidth = parseInt(this._settings.item.borderWidth,10);
-		ctx.fillStyle = this._settings.item.color(obj);
-		ctx.strokeStyle = this._settings.item.borderColor(obj);
-		ctx.beginPath();
-		ctx.arc(x0,y0,R,0,Math.PI*2,true);
-		ctx.fill();
-		ctx.stroke();
-		/*item label*/
-		if(label)
-			this.renderTextAt(false, true, x0,y0-R-this._settings.labelOffset,this._settings.label(obj));
-	},
-	/**
-	*   gets the vertical position of the item
-	*   @param: data - data object
-	*   @param: y0 - the y position of chart start
-	*   @param: y1 - the y position of chart end
-	*   @param: params - the object with elements: minValue, maxValue, unit, valueFactor (the value multiple of 10) 
-	*/
-	_getYPointOfLineChart: function(data,point0,point1,params){
-		var minValue = params.minValue;
-		var maxValue = params.maxValue;
-		var unit = params.unit;
-		var valueFactor = params.valueFactor;
-		/*the real value of an object*/
-		var value = this._settings.value(data);
-		/*a relative value*/
-		var v = (parseFloat(value) - minValue)*valueFactor;
-		if(!this._settings.yAxis)
-			v += params.startValue/unit;
-		/*a vertical coordinate*/
-		var y = point1.y - Math.floor(unit*v);
-		/*the limit of the minimum value is  the minimum visible value*/
-		if(v<0) 
-			y = point1.y;
-		/*the limit of the maximum value*/
-		if(value > maxValue) 
-			y = point0.y;
-		/*the limit of the minimum value*/
-		if(value < minValue) 
-			y = point1.y;
-		return y;
-	},
-	_calculateParametersOfLineChart: function(ctx,data,point0,point1,sIndex){
-		var params = {};
-		
-		/*maxValue - minValue*/
-		var relValue;
-		
-		/*available height*/
-		params.totalHeight = point1.y-point0.y;
-		
-		/*a space available for a single item*/
-		//params.cellWidth = Math.round((point1.x-point0.x)/((!this._settings.offset&&this._settings.yAxis)?(data.length-1):data.length)); 
-		params.cellWidth = Math.round((point1.x-point0.x)/((!this._settings.offset)?(data.length-1):data.length)); 
-		
-		/*scales*/
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-		
-		var limits = (this._settings.view.indexOf("stacked")!=-1?this._getStackedLimits(data):this._getLimits());
-		params.maxValue = limits.max;
-		params.minValue = limits.min;
-		
-		/*draws x and y scales*/
-		if(!sIndex)
-			this._drawScales(ctx,data, point0, point1,params.minValue,params.maxValue,params.cellWidth);
-		
-		/*necessary for automatic scale*/
-		if(yax){
-		    params.maxValue = parseFloat(this._settings.yAxis.end);
-			params.minValue = parseFloat(this._settings.yAxis.start);      
-		}
-		
-		/*unit calculation (y_position = value*unit)*/
-		var relativeValues = this._getRelativeValue(params.minValue,params.maxValue);
-		relValue = relativeValues[0];
-		params.valueFactor = relativeValues[1];
-		params.unit = (relValue?params.totalHeight/relValue:10);
-		
-		params.startValue = 0;
-		if(!yax){
-			/*defines start value for better representation of small values*/
-			params.startValue = (params.unit>10?params.unit:10);
-			params.unit = (relValue?(params.totalHeight - params.startValue)/relValue:10);
-		}
-		return params;
-	}
-};
-
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_bar.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.bar = {
-	/**
-	*   renders a bar chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*   @param: sIndex - index of drawing chart
-	*/
-	pvt_render_bar:function(ctx, data, point0, point1, sIndex, map){
-	     var maxValue,minValue;
-		/*necessary if maxValue - minValue < 0*/
-		var valueFactor;
-		/*maxValue - minValue*/
-		var relValue;
-		
-		var total_height = point1.y-point0.y;
-		
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-		
-		var limits = this._getLimits();
-		maxValue = limits.max;
-		minValue = limits.min;
-		
-		/*an available width for one bar*/
-		var cellWidth = Math.floor((point1.x-point0.x)/data.length);
-		
-		/*draws x and y scales*/
-		if(!sIndex&&!(this._settings.origin!="auto"&&!yax)){
-			this._drawScales(ctx,data,point0, point1,minValue,maxValue,cellWidth);
-		}
-		
-		/*necessary for automatic scale*/
-		if(yax){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);      
-		}
-		
-		/*unit calculation (bar_height = value*unit)*/
-		var relativeValues = this._getRelativeValue(minValue,maxValue);
-		relValue = relativeValues[0];
-		valueFactor = relativeValues[1];
-		
-		var unit = (relValue?total_height/relValue:relValue);
-		if(!yax&&!(this._settings.origin!="auto"&&xax)){
-			/*defines start value for better representation of small values*/
-			var startValue = 10;
-			unit = (relValue?(total_height-startValue)/relValue:startValue);
-		}
-		/*if yAxis isn't set, but with custom origin */
-		if(!sIndex&&(this._settings.origin!="auto"&&!yax)&&this._settings.origin>minValue){
-			this._drawXAxis(ctx,data,point0,point1,cellWidth,point1.y-unit*(this._settings.origin-minValue));
-		}
-		
-		/*a real bar width */
-		var barWidth = parseInt(this._settings.width,10);
-		if(this._series&&(barWidth*this._series.length+4)>cellWidth) barWidth = cellWidth/this._series.length-4;
-		/*the half of distance between bars*/
-		var barOffset = Math.floor((cellWidth - barWidth*this._series.length)/2);
-		/*the radius of rounding in the top part of each bar*/
-		var radius = (typeof this._settings.radius!="undefined"?parseInt(this._settings.radius,10):Math.round(barWidth/5));
-		
-		var inner_gradient = false;
-		var gradient = this._settings.gradient;
-		
-		if(gradient && typeof(gradient) != "function"){
-			inner_gradient = gradient;
-			gradient = false;
-		} else if (gradient){
-			gradient = ctx.createLinearGradient(0,point1.y,0,point0.y);
-			this._settings.gradient(gradient);
-		}
-		var scaleY = 0;
-		/*draws a black line if the horizontal scale isn't defined*/
-		if(!xax){
-			this._drawLine(ctx,point0.x,point1.y+0.5,point1.x,point1.y+0.5,"#000000",1); //hardcoded color!
-		}
-		
-		for(var i=0; i < data.length;i ++){
-			
-			var value =  parseFloat(this._settings.value(data[i]));
-			if(value>maxValue) value = maxValue;
-			value -= minValue;
-			value *= valueFactor;
-			
-			/*start point (bottom left)*/
-			var x0 = point0.x + barOffset + i*cellWidth+(barWidth+1)*sIndex;
-			var y0 = point1.y;
-		
-			if(value<0||(this._settings.yAxis&&value===0&&!(this._settings.origin!="auto"&&this._settings.origin>minValue))){
-				this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
-				continue;
-			}
-			
-			/*takes start value into consideration*/
-			if(!yax&&!(this._settings.origin!="auto"&&xax)) value += startValue/unit;
-			
-			var color = gradient||this._settings.color.call(this,data[i]);
-	
-			/*drawing the gradient border of a bar*/
-			if(this._settings.border)
-				this._drawBarBorder(ctx,x0,y0,barWidth,minValue,radius,unit,value,color);
-			
-			/*drawing bar body*/
-			ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
-			var points = this._drawBar(ctx,point0,x0,y0,barWidth,minValue,radius,unit,value,color,gradient,inner_gradient);
-			ctx.globalAlpha = 1;
-			
-			if (inner_gradient){
-				this._drawBarGradient(ctx,x0,y0,barWidth,minValue,radius,unit,value,color,inner_gradient);
-			}
-			/*sets a bar label*/
-			if(points[0]!=x0)
-				this.renderTextAt(false, true, x0+Math.floor(barWidth/2),points[1],this._settings.label(data[i]));
-			else
-				this.renderTextAt(true, true, x0+Math.floor(barWidth/2),points[3],this._settings.label(data[i]));
-			/*defines a map area for a bar*/
-			map.addRect(data[i].id,[x0,points[3],points[2],points[1]],sIndex);
-		}
-	},
-	_correctBarParams:function(ctx,x,y,value,unit,barWidth,minValue){
-		var xax = this._settings.xAxis;
-		var axisStart = y;
-		if(!!xax&&this._settings.origin!="auto" && (this._settings.origin>minValue)){
-			y -= (this._settings.origin-minValue)*unit;
-			axisStart = y;
-			value = value-(this._settings.origin-minValue);
-			if(value < 0){
-				value *= (-1);
-			 	ctx.translate(x+barWidth,y);
-				ctx.rotate(Math.PI);
-				x = 0;
-				y = 0;
-			}
-			y -= 0.5;
-		}
-		
-		return {value:value,x0:x,y0:y,start:axisStart}
-	},
-	_drawBar:function(ctx,point0,x0,y0,barWidth,minValue,radius,unit,value,color,gradient,inner_gradient){
-		ctx.save();
-		ctx.fillStyle = color;
-		var p = this._correctBarParams(ctx,x0,y0,value,unit,barWidth,minValue);
-		var points = this._setBarPoints(ctx,p.x0,p.y0,barWidth,radius,unit,p.value,(this._settings.border?1:0));
-		if (gradient&&!inner_gradient) ctx.lineTo(p.x0+(this._settings.border?1:0),point0.y); //fix gradient sphreading
-   		ctx.fill()
-	    ctx.restore();
-		var x1 = p.x0;
-		var x2 = (p.x0!=x0?x0+points[0]:points[0]);
-		var y1 = (p.x0!=x0?(p.start-points[1]):y0);
-		var y2 = (p.x0!=x0?p.start:points[1]);
-		return [x1,y1,x2,y2];
-	},
-	_drawBarBorder:function(ctx,x0,y0,barWidth,minValue,radius,unit,value,color){
-		ctx.save();
-		var p = this._correctBarParams(ctx,x0,y0,value,unit,barWidth,minValue);
-		
-		ctx.fillStyle = color;
-		this._setBarPoints(ctx,p.x0,p.y0,barWidth,radius,unit,p.value,0);
-		ctx.lineTo(p.x0,0);
-		ctx.fill()
-	   
-				
-		ctx.fillStyle = "#000000";
-		ctx.globalAlpha = 0.37;
-		
-		this._setBarPoints(ctx,p.x0,p.y0,barWidth,radius,unit,p.value,0);
-		ctx.fill()
-	    ctx.restore();
-	},
-	_drawBarGradient:function(ctx,x0,y0,barWidth,minValue,radius,unit,value,color,inner_gradient){
-		ctx.save();
-		//y0 -= (dhtmlx._isIE?0:0.5);
-		var p = this._correctBarParams(ctx,x0,y0,value,unit,barWidth,minValue);
-		var gradParam = this._setBarGradient(ctx,p.x0,p.y0,p.x0+barWidth,p.y0-unit*p.value+2,inner_gradient,color,"y");
-		ctx.fillStyle = gradParam.gradient;
-		this._setBarPoints(ctx,p.x0+gradParam.offset,p.y0,barWidth-gradParam.offset*2,radius,unit,p.value,gradParam.offset);
-		ctx.fill()
-	    ctx.restore();
-	},
-	/**
-	*   sets points for bar and returns the position of the bottom right point
-	*   @param: ctx - canvas object
-	*   @param: x0 - the x position of start point
-	*   @param: y0 - the y position of start point
-	*   @param: barWidth - bar width 
-	*   @param: radius - the rounding radius of the top
-	*   @param: unit - the value defines the correspondence between item value and bar height
-	*   @param: value - item value
-	*   @param: offset - the offset from expected bar edge (necessary for drawing border)
-	*/
-	_setBarPoints:function(ctx,x0,y0,barWidth,radius,unit,value,offset){
-		/*correction for displaing small values (when rounding radius is bigger than bar height)*/
-		ctx.beginPath();
-		//y0 = 0.5;
-		var angle_corr = 0;
-		if(radius>unit*value){
-			var cosA = (radius-unit*value)/radius;
-			angle_corr = -Math.acos(cosA)+Math.PI/2;
-		}
-		/*start*/
-		ctx.moveTo(x0+offset,y0);
-		/*start of left rounding*/
-		var y1 = y0 - Math.floor(unit*value) + radius + (radius?0:offset);
-		if(radius<unit*value)
-			ctx.lineTo(x0+offset,y1);
-   		/*left rounding*/
-		var x2 = x0 + radius;
-		if (radius)
-			ctx.arc(x2,y1,radius-offset,-Math.PI+angle_corr,-Math.PI/2,false);
-   		/*start of right rounding*/
-		var x3 = x0 + barWidth - radius - (radius?0:offset);
-		var y3 = y1 - radius+(radius?offset:0);
-		ctx.lineTo(x3,y3);
-		/*right rounding*/
-		var y4 = y1;
-		if (radius)
-			ctx.arc(x3,y4,radius-offset,-Math.PI/2,0-angle_corr,false);
-   		/*bottom right point*/
-		var x5 = x0 + barWidth-offset;
-        ctx.lineTo(x5,y0);
-		/*line to the start point*/
-   		ctx.lineTo(x0+offset,y0);
-   	//	ctx.lineTo(x0,0); //IE fix!
-		return [x5,y3];
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'ext/chart/chart_pie.js'*/
-
-
-/*DHX:Depend ext/chart/chart_base.js*/
-dhtmlx.chart.pie = {
-	pvt_render_pie:function(ctx,data,x,y,sIndex,map){
-		this._renderPie(ctx,data,x,y,1,map);
-		
-	}, 
-	/**
-	*   renders a pie chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*   @param: ky - value from 0 to 1 that defines an angle of inclination (0<ky<1 - 3D chart)
-	*/
-	_renderPie:function(ctx,data,point0,point1,ky,map){
-				
-		var totalValue = 0;
-		var coord = this._getPieParameters(point0,point1);
-		/*pie radius*/
-		var radius = (this._settings.radius?this._settings.radius:coord.radius);
-		var maxValue = this.max(this._settings.value);
-		/*weighed values (the ratio of object value to total value)*/
-		var ratios = [];
-		/*real values*/
-		var values = [];
-		var prevSum = 0;
-
-		for(var i = 0; i < data.length;i++)
-           totalValue += parseFloat(this._settings.value(data[i]));
-		
-		for(var i = 0; i < data.length;i++){
-			values[i] = parseFloat(this._settings.value(data[i]));
-			ratios[i] = Math.PI*2*(totalValue?((values[i]+prevSum)/totalValue):(1/data.length));
-			prevSum += values[i];
-		}
-		/*pie center*/
-		var x0 = (this._settings.x?this._settings.x:coord.x);
-		var y0 = (this._settings.y?this._settings.y:coord.y);
-		/*adds shadow to the 2D pie*/
-		if(ky==1&&this._settings.shadow)
-			this._addShadow(ctx,x0,y0,radius);
-		
-		/*changes vertical position of the center according to 3Dpie cant*/
-		y0 = y0/ky;
-		/*the angle defines the 1st edge of the sector*/
-		var alpha0 = -Math.PI/2;
-		/*changes Canvas vertical scale*/
-		ctx.scale(1,ky); 
-		
-		for(var i = 0; i < data.length;i++){
-			if (!values[i]) continue;
-			/*drawing sector*/
-			ctx.lineWidth = 2;
-			ctx.beginPath(); 
-	    	ctx.moveTo(x0,y0);
-			/*the angle defines the 2nd edge of the sector*/
-			alpha1 = -Math.PI/2+ratios[i]-0.0001;
-			ctx.arc(x0,y0,radius,alpha0,alpha1,false);
-			ctx.lineTo(x0,y0);
-
-			var color = this._settings.color.call(this,data[i]);
-			ctx.fillStyle = color;
-
-			ctx.strokeStyle = this._settings.lineColor(data[i]);
-			ctx.stroke();
-			ctx.fill();
-
-			/*text that needs being displayed inside the sector*/
-			if(this._settings.pieInnerText)
-				this._drawSectorLabel(x0,y0,5*radius/6,alpha0,alpha1,ky,this._settings.pieInnerText(data[i],totalValue),true);
-			/*label outside the sector*/
-			if(this._settings.label)
-				this._drawSectorLabel(x0,y0,radius+this._settings.labelOffset,alpha0,alpha1,ky,this._settings.label(data[i]));
-			/*drawing lower part for 3D pie*/
-			if(ky!=1){
-				this._createLowerSector(ctx,x0,y0,alpha0,alpha1,radius,true);
-				ctx.fillStyle = "#000000";
-				ctx.globalAlpha = 0.2;
-				this._createLowerSector(ctx,x0,y0,alpha0,alpha1,radius,false);
-				ctx.globalAlpha = 1;
-				ctx.fillStyle = color;
-			}
-			
-			/*creats map area (needed for events)*/
-			map.addSector(data[i].id,alpha0,alpha1,x0,y0,radius,ky);
-			
-			alpha0 = alpha1;
-			
-			
-		}
-		
-		/*adds radial gradient to a pie*/
-		if (this._settings.gradient){
-			var x1 = (ky!=1?x0+radius/3:x0);
-			var y1 = (ky!=1?y0+radius/3:y0);
-			this._showRadialGradient(ctx,x0,y0,radius,x1,y1);	
-		}
-		ctx.scale(1,1/ky); 
-	},
-	/**
-	*   returns calculated pie parameters: center position and radius
-	*   @param: x - the width of a container
-	*   @param: y - the height of a container
-	*/
-	_getPieParameters:function(point0,point1){
-		/*var offsetX = 0;
-		var offsetY = 0;
-		if(this._settings.legend &&this._settings.legend.layout!="x")
-			offsetX = this._settings.legend.width*(this._settings.legend.align=="right"?-1:1);
-		var x0 = (x + offsetX)/2;
-		if(this._settings.legend &&this._settings.legend.layout=="x")
-			offsetY = this._settings.legend.height*(this._settings.legend.valign=="bottom"?-1:1);
-		var y0 = (y+offsetY)/2;*/
-		var width = point1.x-point0.x;
-		var height = point1.y-point0.y;
-		var x0 = point0.x+width/2;
-		var y0 = point0.y+height/2
-		var radius = Math.min(width/2,height/2);
-		return {"x":x0,"y":y0,"radius":radius};
-	},
-	/**
-	*   creates lower part of sector in 3Dpie
-	*   @param: ctx - canvas object
-	*   @param: x0 - the horizontal position of the pie center
-	*   @param: y0 - the vertical position of the pie center
-	*   @param: a0 - the angle that defines the first edge of a sector
-	*   @param: a1 - the angle that defines the second edge of a sector
-	*   @param: R - pie radius
-	*   @param: line (boolean) - if the sector needs a border
-	*/
-	_createLowerSector:function(ctx,x0,y0,a1,a2,R,line){
-		ctx.lineWidth = 1;
-		/*checks if the lower sector needs being displayed*/
-		if(!((a1<=0 && a2>=0)||(a1>=0 && a2<=Math.PI)||(a1<=Math.PI && a2>=Math.PI))) return;
-		
-		if(a1<=0 && a2>=0){
-			a1 = 0;
-			line = false;
-			this._drawSectorLine(ctx,x0,y0,R,a1,a2);
-		}
-		if(a1<=Math.PI && a2>=Math.PI){
-			a2 = Math.PI;
-			line = false;
-			this._drawSectorLine(ctx,x0,y0,R,a1,a2);
-		}
-		/*the height of 3D pie*/
-		var offset = (this._settings.height||Math.floor(R/4))/this._settings.cant;
-		ctx.beginPath(); 
-		ctx.arc(x0,y0,R,a1,a2,false);
-		ctx.lineTo(x0+R*Math.cos(a2),y0+R*Math.sin(a2)+offset);
-		ctx.arc(x0,y0+offset,R,a2,a1,true);
-		ctx.lineTo(x0+R*Math.cos(a1),y0+R*Math.sin(a1));
-		ctx.fill();
-		if(line)		
-			ctx.stroke();
-	},
-	/**
-	*   draws a serctor arc
-	*/
-	_drawSectorLine:function(ctx,x0,y0,R,a1,a2){
-		ctx.beginPath(); 
-		ctx.arc(x0,y0,R,a1,a2,false);
-		ctx.stroke();
-	},
-	/**
-	*   adds a shadow to pie
-	*   @param: ctx - canvas object
-	*   @param: x - the horizontal position of the pie center
-	*   @param: y - the vertical position of the pie center
-	*   @param: R - pie radius
-	*/
-	_addShadow:function(ctx,x,y,R){
-		var shadows = ["#676767","#7b7b7b","#a0a0a0","#bcbcbc","#d1d1d1","#d6d6d6"];
-		for(var i = shadows.length-1;i>-1;i--){
-			ctx.beginPath();
-			ctx.fillStyle = shadows[i]; 
-			ctx.arc(x+2,y+2,R+i,0,Math.PI*2,true);  
-			ctx.fill();  
-		} 
-	},
-	/**
-		*   returns a gray gradient
-		*   @param: gradient - gradient object
-	*/
-	_getGrayGradient:function(gradient){
-		gradient.addColorStop(0.0,"#ffffff");
-		gradient.addColorStop(0.7,"#7a7a7a");
-		gradient.addColorStop(1.0,"#000000");
-		return gradient;
-	},
-	/**
-	*   adds gray radial gradient
-	*   @param: ctx - canvas object
-	*   @param: x - the horizontal position of the pie center
-	*   @param: y - the vertical position of the pie center
-	*   @param: radius - pie radius
-	*   @param: x0 - the horizontal position of a gradient center
-	*   @param: y0 - the vertical position of a gradient center
-	*/
-	_showRadialGradient:function(ctx,x,y,radius,x0,y0){
-			ctx.globalAlpha = 0.3;
-			ctx.beginPath();
-			var gradient; 
-			if(typeof this._settings.gradient!= "function"){
-				gradient = ctx.createRadialGradient(x0,y0,radius/4,x,y,radius);
-				gradient = this._getGrayGradient(gradient);
-			}
-			else gradient = this._settings.gradient(gradient);
-			ctx.fillStyle = gradient;
-			ctx.arc(x,y,radius,0,Math.PI*2,true);
-			ctx.fill();
-			ctx.globalAlpha = 1;
-	},
-	/**
-	*   returns the calculates pie parameters: center position and radius
-	*   @param: ctx - canvas object
-	*   @param: x0 - the horizontal position of the pie center
-	*   @param: y0 - the vertical position of the pie center
-	*   @param: R - pie radius
-	*   @param: alpha1 - the angle that defines the 1st edge of a sector
-	*   @param: alpha2 - the angle that defines the 2nd edge of a sector
-	*   @param: ky - the value that defines an angle of inclination
-	*   @param: text - label text
-	*   @param: in_width (boolean) - if label needs being displayed inside a pie
-	*/
-	_drawSectorLabel:function(x0,y0,R,alpha1,alpha2,ky,text,in_width){
-		var t = this.renderText(0,0,text,0,1);
-		if (!t) return;
-		
-		//get existing width of text
-		var labelWidth = t.scrollWidth;
-		t.style.width = labelWidth+"px";	//adjust text label to fit all text
-		if (labelWidth>x0) labelWidth = x0;	//the text can't be greater than half of view
-		
-		//calculate expected correction based on default font metrics
-		var width = 8;
-		if (in_width) width = labelWidth/1.8;
-		var alpha = alpha1+(alpha2-alpha1)/2;
-		
-		//calcualteion position and correction
-		R = R-(width-8)/2;
-		var corr_x = - width;
-		var corr_y = -8;
-		var align = "left";
-		
-		//for items in right upper sector
-		if(alpha>=Math.PI/2 && alpha<Math.PI){
-			//correction need to be applied because of righ align
-			//we need to count right upper angle instead of left upper angle
-			corr_x = -labelWidth-corr_x+1;/*correction for label width*/
-			align = "right";
-		}
-		//for items in right lower sector
-		if(alpha<=3*Math.PI/2 && alpha>=Math.PI){
-			corr_x = -labelWidth-corr_x+1;
-			align = "right";
-		}
-		
-		//calculate position of text
-		//basically get point at center of pie sector
-		var y = (y0+Math.floor(R*Math.sin(alpha)))*ky+corr_y;
-		var x = x0+Math.floor((R+width/2)*Math.cos(alpha))+corr_x;
-		
-		//if pie sector starts in left of right part pie, related text
-		//must be placed to the left of to the right of pie as well
-		var left_end = (alpha2 < Math.PI/2+0.01)
-		var left_start = (alpha < Math.PI/2);
-		if (left_start && left_end)
-			x = Math.max(x,x0+3);	//right part of pie
-		else if (!left_start && !left_end)
-			x = Math.min(x,x0-labelWidth);	//left part of pie
-		
-		/*correction for the lower sector of the 3D pie*/
-		if (!in_width && ky<1 && y > y0*ky){
-			y+= (this._settings.height||Math.floor(R/4));
-		}
-
-		//we need to set position of text manually, based on above calculations
-		t.style.top  = y+"px";
-		t.style.left = x+"px";
-		t.style.width = labelWidth+"px";
-		t.style.textAlign = align;
-		t.style.whiteSpace = "nowrap";
-	}
-};
-
-dhtmlx.chart.pie3D = {
-	pvt_render_pie3D:function(ctx,data,x,y,sIndex,map){
-		this._renderPie(ctx,data,x,y,this._settings.cant,map);
-	}
-}
-
-
-/* DHX DEPEND FROM FILE 'template.js'*/
-
-
-/*
-	Template - handles html templates
-*/
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Template={
-	_cache:{
-	},
-	empty:function(){	
-		return "";	
-	},
-	setter:function(name, value){
-		return dhtmlx.Template.fromHTML(value);
-	},
-	obj_setter:function(name,value){
-		var f = dhtmlx.Template.setter(name,value);
-		var obj = this;
-		return function(){
-			return f.apply(obj, arguments);
-		};
-	},
-	fromHTML:function(str){
-		if (typeof str == "function") return str;
-		if (this._cache[str])
-			return this._cache[str];
-			
-	//supported idioms
-	// {obj} => value
-	// {obj.attr} => named attribute or value of sub-tag in case of xml
-	// {obj.attr?some:other} conditional output
-	// {-obj => sub-template
-		str=(str||"").toString();		
-		str=str.replace(/[\r\n]+/g,"\\n");
-		str=str.replace(/\{obj\.([^}?]+)\?([^:]*):([^}]*)\}/g,"\"+(obj.$1?\"$2\":\"$3\")+\"");
-		str=str.replace(/\{common\.([^}\(]*)\}/g,"\"+common.$1+\"");
-		str=str.replace(/\{common\.([^\}\(]*)\(\)\}/g,"\"+(common.$1?common.$1(obj):\"\")+\"");
-		str=str.replace(/\{obj\.([^}]*)\}/g,"\"+obj.$1+\"");
-		str=str.replace(/#([a-z0-9_]+)#/gi,"\"+obj.$1+\"");
-		str=str.replace(/\{obj\}/g,"\"+obj+\"");
-		str=str.replace(/\{-obj/g,"{obj");
-		str=str.replace(/\{-common/g,"{common");
-		str="return \""+str+"\";";
-		return this._cache[str]= Function("obj","common",str);
-	}
-};
-
-dhtmlx.Type={
-	/*
-		adds new template-type
-		obj - object to which template will be added
-		data - properties of template
-	*/
-	add:function(obj, data){ 
-		//auto switch to prototype, if name of class was provided
-		if (!obj.types && obj.prototype.types)
-			obj = obj.prototype;
-		//if (typeof data == "string")
-		//	data = { template:data };
-			
-		if (dhtmlx.assert_enabled())
-			this.assert_event(data);
-		
-		var name = data.name||"default";
-		
-		//predefined templates - autoprocessing
-		this._template(data);
-		this._template(data,"edit");
-		this._template(data,"loading");
-		
-		obj.types[name]=dhtmlx.extend(dhtmlx.extend({},(obj.types[name]||this._default)),data);	
-		return name;
-	},
-	//default template value - basically empty box with 5px margin
-	_default:{
-		css:"default",
-		template:function(){ return ""; },
-		template_edit:function(){ return ""; },
-		template_loading:function(){ return "..."; },
-		width:150,
-		height:80,
-		margin:5,
-		padding:0
-	},
-	//template creation helper
-	_template:function(obj,name){ 
-		name = "template"+(name?("_"+name):"");
-		var data = obj[name];
-		//if template is a string - check is it plain string or reference to external content
-		if (data && (typeof data == "string")){
-			if (data.indexOf("->")!=-1){
-				data = data.split("->");
-				switch(data[0]){
-					case "html": 	//load from some container on the page
-						data = dhtmlx.html.getValue(data[1]).replace(/\"/g,"\\\"");
-						break;
-					case "http": 	//load from external file
-						data = new dhtmlx.ajax().sync().get(data[1],{uid:(new Date()).valueOf()}).responseText;
-						break;
-					default:
-						//do nothing, will use template as is
-						break;
-				}
-			}
-			obj[name] = dhtmlx.Template.fromHTML(data);
-		}
-	}
-};
-
-
-
-/* DHX DEPEND FROM FILE 'single_render.js'*/
-
-
-/*
-	REnders single item. 
-	Can be used for elements without datastore, or with complex custom rendering logic
-	
-	@export
-		render
-*/
-
-/*DHX:Depend template.js*/
-
-dhtmlx.SingleRender={
-	_init:function(){
-	},
-	//convert item to the HTML text
-	_toHTML:function(obj){
-			/*
-				this one doesn't support per-item-$template
-				it has not sense, because we have only single item per object
-			*/
-			return this.type._item_start(obj,this.type)+this.type.template(obj,this.type)+this.type._item_end;
-	},
-	//render self, by templating data object
-	render:function(){
-		if (!this.callEvent || this.callEvent("onBeforeRender",[this.data])){
-			if (this.data)
-				this._dataobj.innerHTML = this._toHTML(this.data);
-			if (this.callEvent) this.callEvent("onAfterRender",[]);
-		}
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'tooltip.js'*/
-
-
-/*
-	UI: Tooltip
-	
-	@export
-		show
-		hide
-*/
-
-/*DHX:Depend tooltip.css*/
-/*DHX:Depend template.js*/
-/*DHX:Depend single_render.js*/
-
-dhtmlx.ui.Tooltip=function(container){
-	this.name = "Tooltip";
-	this.version = "3.0";
-	
-	if (dhtmlx.assert_enabled()) this._assert();
-
-	if (typeof container == "string"){
-		container = { template:container };
-	}
-		
-	dhtmlx.extend(this, dhtmlx.Settings);
-	dhtmlx.extend(this, dhtmlx.SingleRender);
-	this._parseSettings(container,{
-		type:"default",
-		dy:0,
-		dx:20
-	});
-	
-	//create  container for future tooltip
-	this._dataobj = this._obj = document.createElement("DIV");
-	this._obj.className="dhx_tooltip";
-	dhtmlx.html.insertBefore(this._obj,document.body.firstChild);
-};
-dhtmlx.ui.Tooltip.prototype = {
-	//show tooptip
-	//pos - object, pos.x - left, pox.y - top
-	show:function(data,pos){
-		if (this._disabled) return;
-		//render sefl only if new data was provided
-		if (this.data!=data){
-			this.data=data;
-			this.render(data);
-		}
-		//show at specified position
-		this._obj.style.top = pos.y+this._settings.dy+"px";
-		this._obj.style.left = pos.x+this._settings.dx+"px";
-		this._obj.style.display="block";
-	},
-	//hide tooltip
-	hide:function(){
-		this.data=null; //nulify, to be sure that on next show it will be fresh-rendered
-		this._obj.style.display="none";
-	},
-	disable:function(){
-		this._disabled = true;	
-	},
-	enable:function(){
-		this._disabled = false;
-	},
-	types:{
-		"default":dhtmlx.Template.fromHTML("{obj.id}")
-	},
-	template_item_start:dhtmlx.Template.empty,
-	template_item_end:dhtmlx.Template.empty
-};
-
-
-
-/* DHX DEPEND FROM FILE 'autotooltip.js'*/
-
-
-/*
-	Behavior: AutoTooltip - links tooltip to data driven item
-*/
-
-/*DHX:Depend tooltip.js*/
-
-dhtmlx.AutoTooltip = {
-	tooltip_setter:function(mode,value){
-		var t = new dhtmlx.ui.Tooltip(value);
-		this.attachEvent("onMouseMove",function(id,e){	//show tooltip on mousemove
-			t.show(this.get(id),dhtmlx.html.pos(e));
-		});
-		this.attachEvent("onMouseOut",function(id,e){	//hide tooltip on mouseout
-			t.hide();
-		});
-		this.attachEvent("onMouseMoving",function(id,e){	//hide tooltip just after moving start
-			t.hide();
-		});
-		return t;
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'datastore.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-
-/*
-	DataStore is not a behavior, it standalone object, which represents collection of data.
-	Call provideAPI to map data API
-
-	@export
-		exists
-		idByIndex
-		indexById
-		get
-		set
-		refresh
-		dataCount
-		sort
-		filter
-		next
-		previous
-		clearAll
-		first
-		last
-*/
-dhtmlx.DataStore = function(){
-	this.name = "DataStore";
-	
-	dhtmlx.extend(this, dhtmlx.EventSystem);
-	
-	this.setDriver("xml");	//default data source is an XML
-	this.pull = {};						//hash of IDs
-	this.order = dhtmlx.toArray();		//order of IDs
-	this._tree_store = false;
-};
-
-dhtmlx.DataStore.prototype={
-	//defines type of used data driver
-	//data driver is an abstraction other different data formats - xml, json, csv, etc.
-	setDriver:function(type){
-		dhtmlx.assert(dhtmlx.DataDriver[type],"incorrect DataDriver");
-		this.driver = dhtmlx.DataDriver[type];
-	},
-	_tree_parse:function(data){
-		if (data.item){ //FIXME
-			if (!(data.item instanceof Array))
-				data.item=[data.item];
-			for (var i=0; i < data.item.length; i++) {
-				var item = data.item[i];
-				var id = this.id(item);
-				
-				data.item[i]=id;	
-				this.pull[id]=item;
-				item.parent = data.id;
-				item.level = data.level+1;
-				this._tree_parse(item);
-			};
-		}
-	},
-	//process incoming raw data
-	_parse:function(data){
-		//get size and position of data
-		var info = this.driver.getInfo(data);
-		//get array of records
-		
-		var recs = this.driver.getRecords(data);
-		var from = (info._from||0)*1;
-		var j=0;
-		for (var i=0; i<recs.length; i++){
-			//get has of details for each record
-			var temp = this.driver.getDetails(recs[i]);
-			var id = this.id(temp); 	//generate ID for the record
-			if (!this.pull[id]){		//if such ID already exists - update instead of insert
-				this.order[j+from]=id;	
-				j++;
-			}
-			this.pull[id]=temp;
-			if (this._tree_store){
-				temp.level = 1;
-				this._tree_parse(temp);
-			}
-		}
-		
-		//for all not loaded data
-		for (var i=0; i < info._size; i++)
-			if (!this.order[i]){
-				var id = dhtmlx.uid();
-				var temp = {id:id, $template:"loading"};	//create fake records
-				this.pull[id]=temp;
-				this.order[i]=id;
-			}
-		this.callEvent("onStoreLoad",[this.driver, data]);
-		//repaint self after data loading
-		this.refresh();
-	},
-	//generate id for data object
-	id:function(data){
-		return data.id||(data.id=dhtmlx.uid());
-	},
-	//get data from hash by id
-	get:function(id){
-		return this.pull[id];
-	},
-	//assigns data by id
-	set:function(id,data){
-		this.pull[id]=data;
-		this.refresh();
-	},
-	//sends repainting signal
-	refresh:function(id){
-		if (id)
-			this.callEvent("onStoreUpdated",[id, this.pull[id], "update"]);
-		else
-			this.callEvent("onStoreUpdated",[null,null,null]);
-	},
-	//converts range IDs to array of all IDs between them
-	getRange:function(from,to){		
-		if (!arguments.length){
-			//if indexes not provided - return all visible rows
-			from = this.min||0; to = Math.min((this.max||Infinity),(this.dataCount()-1));
-		} else{
-			from = this.indexById(from);
-			to = this.indexById(to);
-			if (from>to){ //can be in case of backward shift-selection
-				var a=to; to=from; from=a;
-			}
-		}
-		return this.getIndexRange(from,to);
-	},
-	//converts range of indexes to array of all IDs between them
-	getIndexRange:function(from,to){
-		to=Math.min(to,this.dataCount()-1);
-		
-		var ret=dhtmlx.toArray(); //result of method is rich-array
-		for (var i=from; i <= to; i++)
-			ret.push(this.get(this.order[i]));
-		return ret;
-	},
-	//returns total count of elements
-	dataCount:function(){
-		return this.order.length;
-	},
-	//returns truy if item with such ID exists
-	exists:function(id){
-		return !!(this.pull[id]);
-	},
-	//nextmethod is not visible on component level, check DataMove.move
-	//moves item from source index to the target index
-	move:function(sindex,tindex){
-		if (sindex<0 || tindex<0){
-			dhtmlx.error("DataStore::move","Incorrect indexes");
-			return;
-		}
-		
-		var id = this.idByIndex(sindex);
-		var obj = this.get(id);
-		
-		this.order.removeAt(sindex);	//remove at old position
-		//if (sindex<tindex) tindex--;	//correct shift, caused by element removing
-		this.order.insertAt(id,Math.min(this.order.length, tindex));	//insert at new position
-		
-		//repaint signal
-		this.callEvent("onStoreUpdated",[id,obj,"move"]);
-	},
-	//adds item to the store
-	add:function(obj,index){
-		//generate id for the item
-		var id = this.id(obj);
-		
-		//by default item is added to the end of the list
-		var data_size = this.dataCount();
-		if (dhtmlx.isNotDefined(index) || index < 0)
-			index = data_size; 
-		//check to prevent too big indexes			
-		if (index > data_size){
-			dhtmlx.log("Warning","DataStore:add","Index of out of bounds");
-			index = Math.min(this.order.length,index);
-		} 
-		
-		if (!this.callEvent("onbeforeAdd",[id,index])) return;	
-		
-		if (this.exists(id)) return dhtmlx.error("Not unique ID");
-		
-		this.pull[id]=obj;
-		this.order.insertAt(id,index);
-		if (this._filter_order){	//adding during filtering
-			//we can't know the location of new item in full dataset, making suggestion
-			//put at end by default
-			var original_index = this._filter_order.length;
-			//put at start only if adding to the start and some data exists
-			if (!index && this.order.length)
-				original_index = 0;
-			
-			this._filter_order.insertAt(id,original_index);
-		}
-		
-		this.callEvent("onafterAdd",[id,index]);
-		//repaint signal
-		this.callEvent("onStoreUpdated",[id,obj,"add"]);
-		return id;
-	},
-	
-	//removes element from datastore
-	remove:function(id){
-		//id can be an array of IDs - result of getSelect, for example
-		if (id instanceof Array){
-			for (var i=0; i < id.length; i++)
-				this.remove(id[i]);
-			return;
-		}
-		if (!this.callEvent("onbeforedelete",[id])) return;	
-		if (!this.exists(id)) return dhtmlx.error("Not existing ID",id);
-		var obj = this.get(id);	//save for later event
-		//clear from collections
-		this.order.remove(id);
-		if (this._filter_order) 
-			this._filter_order.remove(id);
-			
-		delete this.pull[id];
-		this.callEvent("onafterdelete",[id]);	
-		//repaint signal
-		this.callEvent("onStoreUpdated",[id,obj,"delete"]);
-	},
-	//deletes all records in datastore
-	clearAll:function(){
-		//instead of deleting one by one - just reset inner collections
-		this.pull = {};
-		this.order = dhtmlx.toArray();
-		this._filter_order = null;
-		this.callEvent("onClearAll",[]);
-		this.refresh();
-	},
-	//converts id to index
-	idByIndex:function(index){
-		if (index>=this.order.length || index<0)
-			dhtmlx.log("Warning","DataStore::idByIndex Incorrect index");
-			
-		return this.order[index];
-	},
-	//converts index to id
-	indexById:function(id){
-		var res = this.order.find(id);	//slower than idByIndex
-		
-		if (res == -1)
-			dhtmlx.log("Warning","DataStore::indexById Non-existing ID: "+ id);
-			
-		return res;
-	},
-	//returns ID of next element
-	next:function(id,step){
-		return this.order[this.indexById(id)+(step||1)];
-	},
-	//returns ID of first element
-	first:function(){
-		return this.order[0];
-	},
-	//returns ID of last element
-	last:function(){
-		return this.order[this.order.length-1];
-	},
-	//returns ID of previous element
-	previous:function(id,step){
-		return this.order[this.indexById(id)-(step||1)];
-	},
-	/*
-		sort data in collection
-			by - settings of sorting
-		
-		or
-		
-			by - sorting function
-			dir - "asc" or "desc"
-			
-		or
-		
-			by - property
-			dir - "asc" or "desc"
-			as - type of sortings
-		
-		Sorting function will accept 2 parameters and must return 1,0,-1, based on desired order
-	*/
-	sort:function(by, dir, as){
-		var sort = by;	
-		if (typeof by == "function")
-			sort = {as:by, dir:dir};
-		else if (typeof by == "string")
-			sort = {by:by, dir:dir, as:as};		
-		
-		
-		var parameters = [sort.by, sort.dir, sort.as];
-		if (!this.callEvent("onbeforesort",parameters)) return;	
-		
-		if (this.order.length){
-			var sorter = dhtmlx.sort.create(sort);
-			//get array of IDs
-			var neworder = this.getRange(this.first(), this.last());
-			neworder.sort(sorter);
-			this.order = neworder.map(function(obj){ return this.id(obj); },this);
-		}
-		
-		//repaint self
-		this.refresh();
-		
-		this.callEvent("onaftersort",parameters);
-	},
-	/*
-		Filter datasource
-		
-		text - property, by which filter
-		value - filter mask
-		
-		or
-		
-		text  - filter method
-		
-		Filter method will receive data object and must return true or false
-	*/
-	filter:function(text,value){
-		//remove previous filtering , if any
-		if (this._filter_order){
-			this.order = this._filter_order;
-			delete this._filter_order;
-		}
-		//if text not define -just unfilter previous state and exit
-		if (text){
-			var filter = text;
-			if (typeof text == "string"){
-				text = dhtmlx.Template.setter(0,text);
-				filter = function(obj,value){	//default filter - string start from, case in-sensitive
-					return text(obj).toLowerCase().indexOf(value)!=-1;
-				};
-			}
-			
-			value = (value||"").toString().toLowerCase();			
-			var neworder = dhtmlx.toArray();
-			this.order.each(function(id){
-				if (filter(this.get(id),value))
-					neworder.push(id);
-			},this);
-			//set new order of items, store original
-			this._filter_order = this.order;
-			this.order = neworder;
-		}
-		//repaint self
-		this.refresh();
-	},
-	/*
-		Iterate through collection
-	*/
-	each:function(method,master){
-		for (var i=0; i<this.order.length; i++)
-			method.call((master||this), this.get(this.order[i]));
-	},
-	/*
-		map inner methods to some distant object
-	*/
-	provideApi:function(target,eventable){
-		
-		if (eventable){
-			this.mapEvent({
-				onbeforesort:	target,
-				onaftersort:	target,
-				onbeforeadd:	target,
-				onafteradd:		target,
-				onbeforedelete:	target,
-				onafterdelete:	target	
-			});
-		}
-			
-		var list = ["sort","add","remove","exists","idByIndex","indexById","get","set","refresh","dataCount","filter","next","previous","clearAll","first","last"];
-		for (var i=0; i < list.length; i++)
-			target[list[i]]=dhtmlx.methodPush(this,list[i]);
-			
-		if (dhtmlx.assert_enabled())		
-			this.assert_event(target);
-	}
-};
-
-dhtmlx.sort = {
-	create:function(config){
-		return dhtmlx.sort.dir(config.dir, dhtmlx.sort.by(config.by, config.as));
-	},
-	as:{
-		"int":function(a,b){
-			a = a*1; b=b*1;
-			return a>b?1:(a<b?-1:0);
-		},
-		"string_strict":function(a,b){
-			a = a.toString(); b=b.toString();
-			return a>b?1:(a<b?-1:0);
-		},
-		"string":function(a,b){
-			a = a.toString().toLowerCase(); b=b.toString().toLowerCase();
-			return a>b?1:(a<b?-1:0);
-		}
-	},
-	by:function(prop, method){
-		if (typeof method != "function")
-			method = dhtmlx.sort.as[method||"string"];
-		prop = dhtmlx.Template.setter(0,prop);
-		return function(a,b){
-			return method(prop(a),prop(b));
-		};
-	},
-	dir:function(prop, method){
-		if (prop == "asc")
-			return method;
-		return function(a,b){
-			return method(a,b)*-1;
-		};
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'group.js'*/
-
-
-/*DHX:Depend datastore.js*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Group = {
-	_init:function(){
-		dhtmlx.assert(this.data,"DataStore required for grouping");
-		this.data.attachEvent("onStoreLoad",dhtmlx.bind(function(){
-			if (this._settings.group)
-				this.group(this._settings.group,false);
-		},this));
-		this.attachEvent("onBeforeRender",dhtmlx.bind(function(data){
-			if (this._settings.sort){
-				data.block();
-				data.sort(this._settings.sort);
-				data.unblock();
-			}
-		},this));
-		this.attachEvent("onBeforeSort",dhtmlx.bind(function(){
-			this._settings.sort = null;
-		},this));
-	},
-	_init_group_data_event:function(data,master){
-		data.attachEvent("onClearAll",dhtmlx.bind(function(){
-			this.ungroup(false);
-		},master));		
-	},
-	sum:function(property, data){
-		property = dhtmlx.Template.setter(0,property);
-		
-		data = data || this.data;
-		var summ = 0; 
-		data.each(function(obj){
-			summ+=property(obj)*1;
-		});
-		return summ;
-	},
-	min:function(property, data){
-		property = dhtmlx.Template.setter(0,property);
-		
-		data = data || this.data;
-		var min = Infinity; 
-		data.each(function(obj){
-			if (property(obj)*1 < min) min = property(obj)*1;
-		});
-		return min*1;
-	},
-	max:function(property, data){
-		property = dhtmlx.Template.setter(0,property);
-		
-		data = data || this.data;
-		var max = -Infinity;
-		data.each(function(obj){
-			if (property(obj)*1 > max) max = property(obj)*1;
-		});
-		return max;
-	},
-	_split_data_by:function(stats){ 
-		var any=function(property, data){
-			property = dhtmlx.Template.setter(0,property);
-			return property(data[0]);
-		};
-		var key = dhtmlx.Template.setter(0,stats.by);
-		if (!stats.map[key])
-			stats.map[key] = [key, any];
-			
-		var groups = {};
-		var labels = [];
-		this.data.each(function(data){
-			var current = key(data);
-			if (!groups[current]){
-				labels.push({id:current});
-				groups[current] = dhtmlx.toArray();
-			}
-			groups[current].push(data);
-		});
-		for (var prop in stats.map){
-			var functor = (stats.map[prop][1]||any);
-			if (typeof functor != "function")
-				functor = this[functor];
-				
-			for (var i=0; i < labels.length; i++) {
-				labels[i][prop]=functor.call(this, stats.map[prop][0], groups[labels[i].id]);
-			}
-		}
-//		if (this._settings.sort)
-//			labels.sortBy(stats.sort);
-			
-		this._not_grouped_data = this.data;
-		this.data = new dhtmlx.DataStore();
-		this.data.provideApi(this,true);
-		this._init_group_data_event(this.data, this);
-		this.parse(labels,"json");
-	},
-	group:function(config,mode){
-		this.ungroup(false);
-		this._split_data_by(config);
-		if (mode!==false)
-			this.render();
-	},
-	ungroup:function(mode){
-		if (this._not_grouped_data){
-			this.data = this._not_grouped_data;
-			this.data.provideApi(this, true);
-		}
-		if (mode!==false)
-			this.render();
-	},
-	group_setter:function(name, config){
-		dhtmlx.assert(typeof config == "object", "Incorrect group value");
-		dhtmlx.assert(config.by,"group.by is mandatory");
-		dhtmlx.assert(config.map,"group.map is mandatory");
-		return config;
-	},
-	//need to be moved to more appropriate object
-	sort_setter:function(name, config){
-		if (typeof config != "object")
-			config = { by:config };
-		
-		this._mergeSettings(config,{
-			as:"string",
-			dir:"asc"
-		});
-		return config;
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'key.js'*/
-
-
-/*
-	Behavior:KeyEvents - hears keyboard 
-*/
-dhtmlx.KeyEvents = {
-	_init:function(){
-		//attach handler to the main container
-		dhtmlx.event(this._obj,"keypress",this._onKeyPress,this);
-	},
-	//called on each key press , when focus is inside of related component
-	_onKeyPress:function(e){
-		e=e||event;
-		var code = e.which||e.keyCode; //FIXME  better solution is required
-		this.callEvent((this._edit_id?"onEditKeyPress":"onKeyPress"),[code,e.ctrlKey,e.shiftKey,e]);
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'mouse.js'*/
-
-
-/*
-	Behavior:MouseEvents - provides inner evnets for  mouse actions
-*/
-dhtmlx.MouseEvents={
-	_init: function(){
-		//attach dom events if related collection is defined
-		if (this.on_click){
-			dhtmlx.event(this._obj,"click",this._onClick,this);
-			dhtmlx.event(this._obj,"contextmenu",this._onContext,this);
-		}
-		if (this.on_dblclick)
-			dhtmlx.event(this._obj,"dblclick",this._onDblClick,this);
-		if (this.on_mouse_move){
-			dhtmlx.event(this._obj,"mousemove",this._onMouse,this);
-			dhtmlx.event(this._obj,(dhtmlx._isIE?"mouseleave":"mouseout"),this._onMouse,this);
-		}
-
-	},
-	//inner onclick object handler
-	_onClick: function(e) {
-		return this._mouseEvent(e,this.on_click,"ItemClick");
-	},
-	//inner ondblclick object handler
-	_onDblClick: function(e) {
-		return this._mouseEvent(e,this.on_dblclick,"ItemDblClick");
-	},
-	//process oncontextmenu events
-	_onContext: function(e) {
-		var id = dhtmlx.html.locate(e, this._id);
-		if (id && !this.callEvent("onBeforeContextMenu", [id,e]))
-			return dhtmlx.html.preventEvent(e);
-	},
-	/*
-		event throttler - ignore events which occurs too fast
-		during mouse moving there are a lot of event firing - we need no so much
-		also, mouseout can fire when moving inside the same html container - we need to ignore such fake calls
-	*/
-	_onMouse:function(e){
-		if (dhtmlx._isIE)	//make a copy of event, will be used in timed call
-			e = document.createEventObject(event);
-			
-		if (this._mouse_move_timer)	//clear old event timer
-			window.clearTimeout(this._mouse_move_timer);
-				
-		//this event just inform about moving operation, we don't care about details
-		this.callEvent("onMouseMoving",[e]);
-		//set new event timer
-		this._mouse_move_timer = window.setTimeout(dhtmlx.bind(function(){
-			//called only when we have at least 100ms after previous event
-			if (e.type == "mousemove")
-				this._onMouseMove(e);
-			else
-				this._onMouseOut(e);
-		},this),500);
-	},
-	//inner mousemove object handler
-	_onMouseMove: function(e) {
-		if (!this._mouseEvent(e,this.on_mouse_move,"MouseMove"))
-			this.callEvent("onMouseOut",[e||event]);
-	},
-	//inner mouseout object handler
-	_onMouseOut: function(e) {
-		this.callEvent("onMouseOut",[e||event]);
-	},
-	//common logic for click and dbl-click processing
-	_mouseEvent:function(e,hash,name){
-		e=e||event;
-		var trg=e.target||e.srcElement;
-		var css = "";
-		var id = null;
-		var found = false;
-		//loop through all parents
-		while (trg && trg.parentNode){
-			if (!found && trg.getAttribute){													//if element with ID mark is not detected yet
-				id = trg.getAttribute(this._id);							//check id of current one
-				if (id){
-					if (trg.getAttribute("userdata"))
-						this.callEvent("onLocateData",[id,trg]);
-					if (!this.callEvent("on"+name,[id,e,trg])) return;		//it will be triggered only for first detected ID, in case of nested elements
-					found = true;											//set found flag
-				}
-			}
-			css=trg.className;
-			if (css){		//check if pre-defined reaction for element's css name exists
-				css = css.split(" ");
-				css = css[0]||css[1]; //FIXME:bad solution, workaround css classes which are starting from whitespace
-				if (hash[css])
-					return hash[css].call(this,e,id,trg);
-			}
-			trg=trg.parentNode;
-		}		
-		return found;	//returns true if item was located and event was triggered
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'config.js'*/
-
-
-/*
-	Behavior:Settings
-	
-	@export
-		customize
-		config
-*/
-
-/*DHX:Depend template.js*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Settings={
-	_init:function(){
-		/* 
-			property can be accessed as this.config.some
-			in same time for inner call it have sense to use _settings
-			because it will be minified in final version
-		*/
-		this._settings = this.config= {}; 
-	},
-	define:function(property, value){
-		if (typeof property == "object")
-			return this._parseSeetingColl(property);
-		return this._define(property, value);
-	},
-	_define:function(property,value){
-		dhtmlx.assert_settings.call(this,property,value);
-		
-		//method with name {prop}_setter will be used as property setter
-		//setter is optional
-		var setter = this[property+"_setter"];
-		return this._settings[property]=setter?setter.call(this,property,value):value;
-	},
-	//process configuration object
-	_parseSeetingColl:function(coll){
-		if (coll){
-			for (var a in coll)				//for each setting
-				this._define(a,coll[a]);		//set value through config
-		}
-	},
-	//helper for object initialization
-	_parseSettings:function(obj,initial){
-		//initial - set of default values
-		var settings = dhtmlx.extend({},initial);
-		//code below will copy all properties over default one
-		if (typeof obj == "object" && !obj.tagName)
-			dhtmlx.extend(settings,obj);	
-		//call config for each setting
-		this._parseSeetingColl(settings);
-	},
-	_mergeSettings:function(config, defaults){
-		for (var key in defaults)
-			switch(typeof config[key]){
-				case "object": 
-					config[key] = this._mergeSettings((config[key]||{}), defaults[key]);
-					break;
-				case "undefined":
-					config[key] = defaults[key];
-					break;
-				default:	//do nothing
-					break;
-			}
-		return config;
-	},
-	//helper for html container init
-	_parseContainer:function(obj,name,fallback){
-		/*
-			parameter can be a config object, in such case real container will be obj.container
-			or it can be html object or ID of html object
-		*/
-		if (typeof obj == "object" && !obj.tagName) 
-			obj=obj.container;
-		this._obj = dhtmlx.toNode(obj);
-		if (!this._obj && fallback)
-			this._obj = fallback(obj);
-			
-		dhtmlx.assert(this._obj, "Incorrect html container");
-		
-		this._obj.className+=" "+name;
-		this._obj.onselectstart=function(){return false;};	//block selection by default
-		this._dataobj = this._obj;//separate reference for rendering modules
-	},
-	//apply template-type
-	_set_type:function(name){
-		//parameter can be a hash of settings
-		if (typeof name == "object")
-			return this.type_setter("type",name);
-		
-		dhtmlx.assert(this.types, "RenderStack :: Types are not defined");
-		dhtmlx.assert(this.types[name],"RenderStack :: Inccorect type name",name);
-		//or parameter can be a name of existing template-type	
-		this.type=dhtmlx.extend({},this.types[name]);
-		this.customize();	//init configs
-	},
-	customize:function(obj){
-		//apply new properties
-		if (obj) dhtmlx.extend(this.type,obj);
-		
-		//init tempaltes for item start and item end
-		this.type._item_start = dhtmlx.Template.fromHTML(this.template_item_start(this.type));
-		this.type._item_end = this.template_item_end(this.type);
-		
-		//repaint self
-		this.render();
-	},
-	//config.type - creates new template-type, based on configuration object
-	type_setter:function(mode,value){
-		this._set_type(typeof value == "object"?dhtmlx.Type.add(this,value):value);
-		return value;
-	},
-	//config.template - creates new template-type with defined template string
-	template_setter:function(mode,value){
-		return this.type_setter("type",{template:value});
-	},
-	//config.css - css name for top level container
-	css_setter:function(mode,value){
-		this._obj.className += " "+value;
-		return value;
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'compatibility.js'*/
-
-
-/*
-	Collection of compatibility hacks
-*/
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.compat=function(name, obj){
-	//check if name hash present, and applies it when necessary
-	if (dhtmlx.compat[name])
-		dhtmlx.compat[name](obj);
-};
-
-
-(function(){
-	if (!window.dhtmlxError){
-		//dhtmlxcommon is not included
-		
-		//create fake error tracker for connectors
-		var dummy = function(){};
-		window.dhtmlxError={ catchError:dummy, throwError:dummy };
-		//helpers instead of ones from dhtmlxcommon
-		window.convertStringToBoolean=function(value){
-			return !!value;
-		};
-		window.dhtmlxEventable = function(node){
-			dhtmlx.extend(node,dhtmlx.EventSystem);
-		};
-		//imitate ajax layer of dhtmlxcommon
-		var loader = {
-			getXMLTopNode:function(name){
-				
-			},
-			doXPath:function(path){
-				return dhtmlx.DataDriver.xml.xpath(this.xml,path);
-			},
-			xmlDoc:{
-				responseXML:true
-			}
-		};
-		//wrap ajax methods of dataprocessor
-		dhtmlx.compat.dataProcessor=function(obj){
-			//FIXME
-			//this is pretty ugly solution - we replace whole method , so changes in dataprocessor need to be reflected here
-			
-			var sendData = "_sendData";
-			var in_progress = "_in_progress";
-			var tMode = "_tMode";
-			var waitMode = "_waitMode";
-			
-			obj[sendData]=function(a1,rowId){
-		    	if (!a1) return; //nothing to send
-		    	if (rowId)
-					this[in_progress][rowId]=(new Date()).valueOf();
-			    
-				if (!this.callEvent("onBeforeDataSending",rowId?[rowId,this.getState(rowId)]:[])) return false;				
-				
-				var a2 = this;
-		        var a3=this.serverProcessor;
-				if (this[tMode]!="POST")
-					//use dhtmlx.ajax instead of old ajax layer
-					dhtmlx.ajax().get(a3+((a3.indexOf("?")!=-1)?"&":"?")+this.serialize(a1,rowId),"",function(t,x,xml){
-						loader.xml = dhtmlx.DataDriver.xml.checkResponse(t,x);
-						a2.afterUpdate(a2, null, null, null, loader);
-					});
-				else
-		        	dhtmlx.ajax().post(a3,this.serialize(a1,rowId),function(t,x,xml){
-		        		loader.xml = dhtmlx.DataDriver.xml.checkResponse(t,x);
-		        		a2.afterUpdate(a2, null, null, null, loader);
-		    		});
-		
-				this[waitMode]++;
-		    };
-		};
-	}
-	
-})();
-
-
-/* DHX DEPEND FROM FILE 'compatibility_layout.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-/*DHX:Depend compatibility.js*/
-
-if (!dhtmlx.attaches)
-	dhtmlx.attaches = {};
-	
-dhtmlx.attaches.attachAbstract=function(name, conf){
-	var obj = document.createElement("DIV");
-	obj.id = "CustomObject_"+dhtmlx.uid();
-	obj.style.width = "100%";
-	obj.style.height = "100%";
-	obj.cmp = "grid";
-	document.body.appendChild(obj);
-	this.attachObject(obj.id);
-	
-	conf.container = obj.id;
-	
-	var that = this.vs[this.av];
-	that.grid = new window[name](conf);
-	
-	that.gridId = obj.id;
-	that.gridObj = obj;
-	
-		
-	that.grid.setSizes = function(){
-		if (this.resize) this.resize();
-		else this.render();
-	};
-	
-	var method_name="_viewRestore";
-	return this.vs[this[method_name]()].grid;
-};
-dhtmlx.attaches.attachDataView = function(conf){
-	return this.attachAbstract("dhtmlXDataView",conf);
-};
-dhtmlx.attaches.attachChart = function(conf){
-	return this.attachAbstract("dhtmlXChart",conf);
-};
-
-dhtmlx.compat.layout = function(){};
-
-
-
-/* DHX DEPEND FROM FILE 'load.js'*/
-
-
-/* 
-	ajax operations 
-	
-	can be used for direct loading as
-		dhtmlx.ajax(ulr, callback)
-	or
-		dhtmlx.ajax().get(url)
-		dhtmlx.ajax().post(url)
-
-*/
-
-/*DHX:Depend datastore.js*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.ajax = function(url,call,master){
-	//if parameters was provided - made fast call
-	if (arguments.length!==0){
-		var http_request = new dhtmlx.ajax();
-		if (master) http_request.master=master;
-		http_request.get(url,null,call);
-	}
-	if (!this.getXHR) return new dhtmlx.ajax(); //allow to create new instance without direct new declaration
-	
-	return this;
-};
-dhtmlx.ajax.prototype={
-	//creates xmlHTTP object
-	getXHR:function(){
-		if (dhtmlx._isIE)
-		 return new ActiveXObject("Microsoft.xmlHTTP");
-		else 
-		 return new XMLHttpRequest();
-	},
-	/*
-		send data to the server
-		params - hash of properties which will be added to the url
-		call - callback, can be an array of functions
-	*/
-	send:function(url,params,call){
-		var x=this.getXHR();
-		if (typeof call == "function")
-		 call = [call];
-		//add extra params to the url
-		if (typeof params == "object"){
-			var t=[];
-			for (var a in params)
-			 t.push(a+"="+encodeURIComponent(params[a]));// utf-8 escaping
-			params=t.join("&");
-		}
-		if (params && !this.post){
-			url=url+(url.indexOf("?")!=-1 ? "&" : "?")+params;
-			params=null;
-		}
-		
-		x.open(this.post?"POST":"GET",url,!this._sync);
-		if (this.post)
-		 x.setRequestHeader('Content-type','application/x-www-form-urlencoded');
-		 
-		//async mode, define loading callback
-		if (!this._sync){
-		 var self=this;
-		 x.onreadystatechange= function(){
-			if (!x.readyState || x.readyState == 4){
-				dhtmlx.log_full_time("data_loading");	//log rendering time
-				if (call && self) 
-					for (var i=0; i < call.length; i++)	//there can be multiple callbacks
-					 if (call[i])
-						call[i].call((self.master||self),x.responseText,x.responseXML,x);
-				self.master=null;
-				call=x=self=null;	//anti-leak
-			}
-		 };
-		}
-		
-		x.send(params||null);
-		return x; //return XHR, which can be used in case of sync. mode
-	},
-	//GET request
-	get:function(url,params,call){
-		this.post=false;
-		return this.send(url,params,call);
-	},
-	//POST request
-	post:function(url,params,call){
-		this.post=true;
-		return this.send(url,params,call);
-	}, 
-	sync:function(){
-		this._sync = true;
-		return this;
-	}
-};
-
-
-/*
-	Behavior:DataLoader - load data in the component
-	
-	@export
-		load
-		parse
-*/
-dhtmlx.DataLoader={
-	_init:function(){
-		//prepare data store
-		this.data = new dhtmlx.DataStore();
-	},
-	//loads data from external URL
-	load:function(url,call){
-		this.callEvent("onXLS",[]);
-		if (typeof call == "string"){	//second parameter can be a loading type or callback
-		 this.data.setDriver(call);
-		 call = arguments[2];
-		}
-		//prepare data feed for dyn. loading
-		if (!this.data.feed)
-		 this.data.feed = function(from,count){
-			//allow only single request at same time
-			if (this._load_count)
-				return this._load_count=[from,count];	//save last ignored request
-			else
-				this._load_count=true;
-				
-			this.load(url+((url.indexOf("?")==-1)?"?":"&")+"posStart="+from+"&count="+count,function(){
-				//after loading check if we have some ignored requests
-				var temp = this._load_count;
-				this._load_count = false;
-				if (typeof temp =="object")
-					this.data.feed.apply(this, temp);	//load last ignored request
-			});
-		 };
-		//load data by async ajax call
-		dhtmlx.ajax(url,[this._onLoad,call],this);
-	},
-	//loads data from object
-	parse:function(data,type){
-		this.callEvent("onXLS",[]);
-		if (type)
-		 this.data.setDriver(type);
-		this._onLoad(data,null);
-	},
-	//default after loading callback
-	_onLoad:function(text,xml,loader){
-		this.data._parse(this.data.driver.toObject(text,xml));
-		this.callEvent("onXLE",[]);
-	}
-};
-
-/*
-	Abstraction layer for different data types
-*/
-
-dhtmlx.DataDriver={};
-dhtmlx.DataDriver.json={
-	//convert json string to json object if necessary
-	toObject:function(data){
-		if (typeof data == "string"){
-		 eval ("dhtmlx.temp="+data);
-		 return dhtmlx.temp;
-		}
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		if (data && !(data instanceof Array))
-		 return [data];
-		return data;
-	},
-	//get hash of properties for single record
-	getDetails:function(data){
-		return data;
-	},
-	//get count of data and position at which new data need to be inserted
-	getInfo:function(data){
-		return { 
-		 _size:(data.total_count||0),
-		 _from:(data.pos||0)
-		};
-	}
-};
-
-dhtmlx.DataDriver.html={
-	/*
-		incoming data can be
-		 - collection of nodes
-		 - ID of parent container
-		 - HTML text
-	*/
-	toObject:function(data){
-		if (typeof data == "string"){
-		 var t=null;
-		 if (data.indexOf("<")==-1)	//if no tags inside - probably its an ID
-			t = dhtmlx.toNode(data);
-		 if (!t){
-			t=document.createElement("DIV");
-			t.innerHTML = data;
-		 }
-		 
-		 return t.getElementsByTagName(this.tag);
-		}
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		if (data.tagName)
-		 return data.childNodes;
-		return data;
-	},
-	//get hash of properties for single record
-	getDetails:function(data){
-		return dhtmlx.DataDriver.xml.tagToObject(data);
-	},
-	//dyn loading is not supported by HTML data source
-	getInfo:function(data){
-		return { 
-		 _size:0,
-		 _from:0
-		};
-	},
-	tag: "LI"
-};
-
-dhtmlx.DataDriver.jsarray={
-	//eval jsarray string to jsarray object if necessary
-	toObject:function(data){
-		if (typeof data == "string"){
-		 eval ("dhtmlx.temp="+data);
-		 return dhtmlx.temp;
-		}
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		return data;
-	},
-	//get hash of properties for single record, in case of array they will have names as "data{index}"
-	getDetails:function(data){
-		var result = {};
-		for (var i=0; i < data.length; i++) 
-		 result["data"+i]=data[i];
-		 
-		return result;
-	},
-	//dyn loading is not supported by js-array data source
-	getInfo:function(data){
-		return { 
-		 _size:0,
-		 _from:0
-		};
-	}
-};
-
-dhtmlx.DataDriver.csv={
-	//incoming data always a string
-	toObject:function(data){
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		return data.split(this.row);
-	},
-	//get hash of properties for single record, data named as "data{index}"
-	getDetails:function(data){
-		data = this.stringToArray(data);
-		var result = {};
-		for (var i=0; i < data.length; i++) 
-		 result["data"+i]=data[i];
-		 
-		return result;
-	},
-	//dyn loading is not supported by csv data source
-	getInfo:function(data){
-		return { 
-		 _size:0,
-		 _from:0
-		};
-	},
-	//split string in array, takes string surrounding quotes in account
-	stringToArray:function(data){
-		data = data.split(this.cell);
-		for (var i=0; i < data.length; i++)
-		 data[i] = data[i].replace(/^[ \t\n\r]*(\"|)/g,"").replace(/(\"|)[ \t\n\r]*$/g,"");
-		return data;
-	},
-	row:"\n",	//default row separator
-	cell:","	//default cell separator
-};
-
-dhtmlx.DataDriver.xml={
-	//convert xml string to xml object if necessary
-	toObject:function(text,xml){
-		if (xml && (xml=this.checkResponse(text,xml)))	//checkResponse - fix incorrect content type and extra whitespaces errors
-		 return xml;
-		if (typeof text == "string"){
-		 return this.fromString(text);
-		}
-		return text;
-	},
-	//get array of records
-	getRecords:function(data){
-		return this.xpath(data,this.records);
-	},
-	records:"/*/item",
-	userdata:"/*/userdata",
-	//get hash of properties for single record
-	getDetails:function(data){
-		return this.tagToObject(data,{});
-	},
-	getUserData:function(data,col){
-		col = col || {};
-		var ud = this.xpath(data,this.userdata);
-		for (var i=0; i < ud.length; i++) {
-			var udx = this.tagToObject(ud[i]);
-			col[udx.name] = udx.value;
-		}
-		return col;
-	},
-	//get count of data and position at which new data_loading need to be inserted
-	getInfo:function(data){
-		return { 
-		 _size:(data.documentElement.getAttribute("total_count")||0),
-		 _from:(data.documentElement.getAttribute("pos")||0)
-		};
-	},
-	//xpath helper
-	xpath:function(xml,path){
-		if (window.XPathResult){	//FF, KHTML, Opera
-		 var node=xml;
-		 if(xml.nodeName.indexOf("document")==-1)
-		 xml=xml.ownerDocument;
-		 var res = [];
-		 var col = xml.evaluate(path, node, null, XPathResult.ANY_TYPE, null);
-		 var temp = col.iterateNext();
-		 while (temp){ 
-			res.push(temp);
-			temp = col.iterateNext();
-		}
-		return res;
-		}	//IE
-		return xml.selectNodes(path);
-	},
-	//convert xml tag to js object, all subtags and attributes are mapped to the properties of result object
-	tagToObject:function(tag,z){
-		z=z||{};
-		//map attributes
-		var a=tag.attributes;
-		for (var i=0; i<a.length; i++)
-		 z[a[i].name]=a[i].value;
-		//map subtags
-		var flag=false;
-		var b=tag.childNodes;
-		var state = {};
-		for (var i=0; i<b.length; i++){
-			if (b[i].nodeType==1){
-				var name = b[i].tagName;
-				if (typeof z[name] != "undefined"){
-					if (!(z[name] instanceof Array))
-						z[name]=[z[name]];
-					z[name].push(this.tagToObject(b[i],{}));
-				}
-				else
-					z[b[i].tagName]=this.tagToObject(b[i],{});	//sub-object for complex subtags
-				flag=true;
-			}
-		}
-		
-		if (!a.length && !flag)
-			return this.nodeValue(tag);
-		//each object will have its text content as "value" property
-		z.value = this.nodeValue(tag);
-		return z;
-	},
-	//get value of xml node 
-	nodeValue:function(node){
-		if (node.firstChild)
-		 return node.firstChild.data;	//FIXME - long text nodes in FF not supported for now
-		return "";
-	},
-	//convert XML string to XML object
-	fromString:function(xmlString){
-		if (window.DOMParser)		// FF, KHTML, Opera
-		 return (new DOMParser()).parseFromString(xmlString,"text/xml");
-		if (window.ActiveXObject){	// IE, utf-8 only 
-		 temp=new ActiveXObject("Microsoft.xmlDOM");
-		 temp.loadXML(xmlString);
-		 return temp;
-		}
-		dhtmlx.error("Load from xml string is not supported");
-	},
-	//check is XML correct and try to reparse it if its invalid
-	checkResponse:function(text,xml){ 
-		if (xml && ( xml.firstChild && xml.firstChild.tagName != "parsererror") )
-			return xml;
-		//parsing as string resolves incorrect content type
-		//regexp removes whitespaces before xml declaration, which is vital for FF
-		var a=this.from_string(text.responseText.replace(/^[\s]+/,""));
-		if (a) return a;
-		
-		dhtmlx.error("xml can't be parsed",text.responseText);
-	}
-};
-
-
-
-
-/* DHX DEPEND FROM FILE 'compatibility_grid.js'*/
-
-
-/*
-	Compatibility hack for loading data from the grid.
-	Provides new type of datasource - dhtmlxgrid
-	
-*/
-
-/*DHX:Depend load.js*/
-
-dhtmlx.DataDriver.dhtmlxgrid={
-	_grid_getter:"_get_cell_value",
-	toObject:function(data){
-		this._grid = data;
-		return data;
-	},
-	getRecords:function(data){
-		return data.rowsBuffer;
-	},
-	getDetails:function(data){
-		var result = {};
-		for (var i=0; i < this._grid.getColumnsNum(); i++)
-			result["data"+i]=this._grid[this._grid_getter](data,i);
-      
-		return result;
-	},
-	getInfo:function(data){
-		return { 
-			_size:0,
-			_from:0
-		};
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'canvas.js'*/
-
-
-/*DHX:Depend thirdparty\excanvas*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Canvas = {
-	_init:function(){
-		this._canvas_labels = [];
-	},
-	_prepareCanvas:function(container){
-		//canvas has the same size as master object
-		this._canvas = dhtmlx.html.create("canvas",{ width:container.offsetWidth, height:container.offsetHeight });
-		container.appendChild(this._canvas);
-		//use excanvas in IE
-		if (!this._canvas.getContext){
-			if (dhtmlx._isIE){
-				G_vmlCanvasManager.init_(document);
-				G_vmlCanvasManager.initElement(this._canvas);
-			} else	//some other not supported browser
-				dhtmlx.error("Canvas is not supported in the current browser");
-		}
-		return this._canvas;
-	}, 
-	getCanvas:function(context){
-		return (this._canvas||this._prepareCanvas(this._obj)).getContext(context||"2d");
-	},
-	_resizeCanvas:function(){
-		if (this._canvas){
-			this._canvas.setAttribute("width", this._canvas.parentNode.offsetWidth);
-			this._canvas.setAttribute("height", this._canvas.parentNode.offsetHeight);
-		}
-	},
-	renderText:function(x,y,text,css,w){
-		if (!text) return; //ignore empty text
-		
-		var t = dhtmlx.html.create("DIV",{
-			"class":"dhx_canvas_text"+(css?(" "+css):""),
-			"style":"left:"+x+"px; top:"+y+"px;"
-		},text);
-		this._obj.appendChild(t);
-		this._canvas_labels.push(t); //destructor?
-		if (w)
-			t.style.width = w+"px";
-		return t;
-	},
-	renderTextAt:function(valign,align, x,y,t,c,w){
-		var text=this.renderText.call(this,x,y,t,c,w);
-		if (text){
-			if (valign){
-				if(valign == "middle")
-					text.style.top = parseInt(y-text.offsetHeight/2,10) + "px";
-				else
-					text.style.top = y-text.offsetHeight + "px";
-			}
-			if (align){
-			    if(align == "left")
-					text.style.left = x-text.offsetWidth + "px";
-				else
-					text.style.left = parseInt(x-text.offsetWidth/2,10) + "px";
-			}
-		}
-		return text;
-	},
-	clearCanvas:function(){
-		for(var i=0; i < this._canvas_labels.length;i++)
-			this._obj.removeChild(this._canvas_labels[i]);
-		this._canvas_labels = [];
-		if (this._obj._htmlmap){
-			this._obj._htmlmap.parentNode.removeChild(this._obj._htmlmap);
-			this._obj._htmlmap = null;
-		}
-		//FF breaks, when we are using clear canvas and call clearRect without parameters		
-		this.getCanvas().clearRect(0,0,this._canvas.offsetWidth, this._canvas.offsetHeight);
-	}
-};
-
-
-/* DHX INITIAL FILE 'D:\dev\xampp\htdocs\temp\chart\dhtmlxCore/sources//chart.js'*/
-
-
-/*DHX:Depend chart.css*/
-/*DHX:Depend canvas.js*/
-/*DHX:Depend load.js*/
-
-/*DHX:Depend compatibility_grid.js*/
-/*DHX:Depend compatibility_layout.js*/
-
-/*DHX:Depend config.js*/
-/*DHX:Depend destructor.js*/
-/*DHX:Depend mouse.js*/
-/*DHX:Depend key.js*/
-/*DHX:Depend group.js*/
-/*DHX:Depend autotooltip.js*/
-
-/*DHX:Depend ext/chart/chart_base.js*/
-/*DHX:Depend ext/chart/chart_pie.js*/		//+pie3d
-/*DHX:Depend ext/chart/chart_bar.js*/	
-/*DHX:Depend ext/chart/chart_line.js*/
-/*DHX:Depend ext/chart/chart_barh.js*/	
-/*DHX:Depend ext/chart/chart_stackedbar.js*/	
-/*DHX:Depend ext/chart/chart_stackedbarh.js*/
-/*DHX:Depend ext/chart/chart_spline.js*/	
-/*DHX:Depend ext/chart/chart_area.js*/	 	//+stackedArea
-
-/*DHX:Depend math.js*/
-/*DHX:Depend destructor.js*/
-/*DHX:Depend dhtmlx.js*/
-
-
-dhtmlXChart = function(container){
-	this.name = "Chart";	
-	this.version = "3.0";	
-	
-	if (dhtmlx.assert_enabled()) this._assert();
-	
-	dhtmlx.extend(this, dhtmlx.Settings);
-	
-	this._parseContainer(container,"dhx_chart");
-	
-	dhtmlx.extend(this, dhtmlx.DataLoader);
-	this.data.provideApi(this,true);
-	
-	dhtmlx.extend(this, dhtmlx.EventSystem);
-	dhtmlx.extend(this, dhtmlx.MouseEvents);
-	dhtmlx.extend(this, dhtmlx.Destruction);
-	dhtmlx.extend(this, dhtmlx.Canvas);
-	dhtmlx.extend(this, dhtmlx.Group);
-	dhtmlx.extend(this, dhtmlx.AutoTooltip);
-	
-	for (var key in dhtmlx.chart)
-		dhtmlx.extend(this, dhtmlx.chart[key]);
-	
-	this._parseSettings(container,{
-		color:"RAINBOW",
-		alpha:"1",
-		label:false,
-		value:"{obj.value}",
-		padding:{},
-		view:"pie",
-		lineColor:"#ffffff",
-		cant:0.5,
-		width: 15,
-		labelWidth:100,
-		line:{},
-		item:{},
-		shadow:true,
-		gradient:false,
-		border:true,
-		labelOffset: 20,
-		origin:"auto"
-	});
-	this._series = [this._settings];
-	this.data.attachEvent("onStoreUpdated",dhtmlx.bind(function(){
-		this.render();  
-	},this));
-	this.attachEvent("onLocateData", this._switchSerie);
-};
-dhtmlXChart.prototype={
-	_id:"dhx_area_id",
-	on_click:{
-	},
-	on_dblclick:{
-	},
-	on_mouse_move:{
-	},
-	resize:function(){
-		this._resizeCanvas();
-		this.render();	
-	},
-	view_setter:function(name, val){
-		if (!dhtmlx.chart[val])
-			dhtmlx.error("Chart type extension is not loaded: "+val);
-		//if you will need to add more such settings - move them ( and this one ) in a separate methods
-		
-		if (typeof this._settings.offset == "undefined"){
-			if (val == "area" || val == "stackedArea") 
-				this._settings.offset = false;
-			else
-				this._settings.offset = true;
-		}
-			
-			
-		return val;
-	},
-	render:function(){
-		if (!this.callEvent("onBeforeRender",[this.data]))
-			return;
-			
-		this.clearCanvas();
-		if(this._settings.legend){
-			this._drawLegend(this.getCanvas(),
-				this.data.getRange(),
-				this._obj.offsetWidth,
-				this._obj.offsetHeight
-			);
-		}
-		var bounds = this._getChartBounds(this._obj.offsetWidth,this._obj.offsetHeight);
-		var map = new dhtmlx.ui.Map(this._id);
-		
-		var temp = this._settings;
-		for(var i=0; i < this._series.length;i++){
-		 	this._settings = this._series[i];
-			this["pvt_render_"+this._settings.view](
-				this.getCanvas(),
-				this.data.getRange(),
-				bounds.start,
-				bounds.end,
-				i,
-				map
-			);
-		}
-		map.render(this._obj);
-		this._settings = temp;
-	},
-	
-	value_setter:dhtmlx.Template.obj_setter,	
-	alpha_setter:dhtmlx.Template.obj_setter,	
-	label_setter:dhtmlx.Template.obj_setter,
-	lineColor_setter:dhtmlx.Template.obj_setter,	
-	pieInnerText_setter:dhtmlx.Template.obj_setter,
-	gradient_setter:function(name,config){
-		if((typeof(config)!="function")&&config&&(config === true||config!="3d"))
-			config = "light";
-		return config;
-	},
-	colormap:{
-		"RAINBOW":function(obj){
-			var pos = Math.floor(this.indexById(obj.id)/this.dataCount()*1536);
-			if (pos==1536) pos-=1;
-			return this._rainbow[Math.floor(pos/256)](pos%256);
-		}
-	},
-	color_setter:function(name, value){
-		return this.colormap[value]||dhtmlx.Template.obj_setter(name, value);
-	},
-	legend_setter:function(name, config){	
-		if(typeof(config)!="object")	//allow to use template string instead of object
-			config={template:config};
-			
-		this._mergeSettings(config,{
-			width:150,
-			height:18,
-			layout:"y",
-			align:"left",
-			valign:"bottom",
-			template:"",
-			marker:{
-				type:"square",
-				width:25,
-				height:15
-			}
-		});
-		
-		config.template = dhtmlx.Template.setter(0,config.template);
-		return config;
-	},
-	item_setter:function(name, config){
-		if(typeof(config)!="object")
-			config={color:config, borderColor:config};
-			
-		this._mergeSettings(config,{
-			radius:4,
-			color:"#000000",
-			borderColor:"#000000",
-			borderWidth:2
-		});
-		
-		config.color = dhtmlx.Template.setter(0,config.color);
-		config.borderColor = dhtmlx.Template.setter(0,config.borderColor);
-		return config;
-	},
-	line_setter:function(name, config){
-		if(typeof(config)!="object")
-			config={color:config};
-			
-		this._mergeSettings(config,{
-			width:3,
-			color:"#d4d4d4"
-		});
-		
-		config.color = dhtmlx.Template.setter(0,config.color);
-		return config;
-	},
-	padding_setter:function(name, config){	
-		if(typeof(config)!="object")
-			config={left:config, right:config, top:config, bottom:config};
-		this._mergeSettings(config,{
-			left:50,
-			right:20,
-			top:35,
-			bottom:40
-		});
-		return config;
-	},
-	xAxis_setter:function(name, config){
-		if(!config) return false;
-		if(typeof(config)!="object")
-			config={ template:config };
-
-		this._mergeSettings(config,{
-			title:"",
-			color:"#000000",
-			template:"{obj}",
-			lines:false
-		});
-		
-		if(config.template)
-			config.template = dhtmlx.Template.setter(0,config.template);
-		return config;
-	},
-    yAxis_setter:function(name, config){
-	    this._mergeSettings(config,{
-			title:"",
-			color:"#000000",
-			template:"{obj}",
-			lines:true
-		});
-		
-		if(config.template)
-			config.template = dhtmlx.Template.setter(0,config.template);
-		return config;
-	},
-    _drawScales:function(ctx,data,point0,point1,start,end,cellWidth){
-	    var y = this._drawYAxis(ctx,data,point0,point1,start,end);
-		this._drawXAxis(ctx,data,point0,point1,cellWidth,y);
-		return y;
-	},
-	_drawXAxis:function(ctx,data,point0,point1,cellWidth,y){
-		if (!this._settings.xAxis) return;
-		
-		var x0 = point0.x-0.5;
-		var y0 = parseInt((y?y:point1.y),10)+0.5;
-
-		var x1 = point1.x;
-		var unit_pos;
-		var center = true;
-		
-		this._drawLine(ctx,x0,y0,x1,y0,this._settings.xAxis.color,1);
-		
-		for(var i=0; i < data.length;i ++){
-			if(this._settings.offset === true)
-				unit_pos = x0+cellWidth/2+i*cellWidth;
-			else{
-				unit_pos = x0+i*cellWidth;
-				center = !!i;
-			}
-			/*scale labels*/
-			var top = ((this._settings.origin!="auto")&&(this._settings.view=="bar")&&(parseFloat(this._settings.value(data[i]))<this._settings.origin));
-			this._drawXAxisLabel(unit_pos,y0,data[i],center,top);
-			/*draws a vertical line for the horizontal scale*/
-			if(this._settings.view_setter != "bar")
-		    	this._drawXAxisLine(ctx,unit_pos,point1.y,point0.y);
-		}
-		
-		this.renderTextAt(true, false, x0,point1.y+this._settings.padding.bottom-3,
-			this._settings.xAxis.title,
-			"dhx_axis_title_x",
-			point1.x - point0.x
-		);
-		
-		/*the right border in lines in scale are enabled*/
-		if (!this._settings.xAxis.lines || !this._settings.offset) return;
-		this._drawLine(ctx,x1+0.5,point1.y,x1+0.5,point0.y+0.5,this._settings.xAxis.color,0.2);
-	},
-	_drawYAxis:function(ctx,data,point0,point1,start,end){
-		var step;
-		var scaleParam= {};
-		if (!this._settings.yAxis) return;
-		
-		var x0 = point0.x - 0.5;
-		var y0 = point1.y;
-		var y1 = point0.y;
-		var lineX = point1.y;
-		
-		this._drawLine(ctx,x0,y0,x0,y1,this._settings.yAxis.color,1);
-		
-		if(this._settings.yAxis.step)
-		     step = parseFloat(this._settings.yAxis.step);
-
-		if(typeof this._settings.yAxis.step =="undefined"||typeof this._settings.yAxis.start=="undefined"||typeof this._settings.yAxis.end =="undefined"){
-			scaleParam = this._calculateScale(start,end);
-			start = scaleParam.start;
-			end = scaleParam.end;
-			step = scaleParam.step;
-			
-			this._settings.yAxis.end = end;
-			this._settings.yAxis.start = start;
-		}
-		
-		if(step===0) return;
-		var stepHeight = (y0-y1)*step/(end-start);
-		var c = 0;
-		for(var i = start; i<=end; i += step){
-			if(scaleParam.fixNum)  i = parseFloat((new Number(i)).toFixed(scaleParam.fixNum));
-			var yi = Math.floor(y0-c*stepHeight)+ 0.5;/*canvas line fix*/
-			if(!(i==start&&this._settings.origin=="auto") &&this._settings.yAxis.lines)
-				this._drawLine(ctx,x0,yi,point1.x,yi,this._settings.yAxis.color,0.2);
-			if(i == this._settings.origin) lineX = yi;
-			this.renderText(0,yi-5,
-				this._settings.yAxis.template(i.toString()),
-				"dhx_axis_item_y",
-				point0.x-5
-			);	
-			c++;
-		}
-		this._setYAxisTitle(point0,point1);
-		return lineX;
-	},
-	_setYAxisTitle:function(point0,point1){
-		var text=this.renderTextAt("middle",false,0,parseInt((point1.y-point0.y)/2+point0.y,10),this._settings.yAxis.title,"dhx_axis_title_y");
-		if (text)
-			text.style.left = (dhtmlx.env.transform?(text.offsetHeight-text.offsetWidth)/2:0)+"px";
-	},
-	_calculateScale:function(nmin,nmax){
-		var step,start,end;
-	   	step = ((nmax-nmin)/8)||1;
-		var power = Math.floor(this._log10(step));
-		var calculStep = Math.pow(10,power);
-		var stepVal = step/calculStep;
-		stepVal = (stepVal>5?10:5);
-		step = parseInt(stepVal,10)*calculStep;
-		
-		if(step>Math.abs(nmin))
-			start = (nmin<0?-step:0);
-		else{
-			var absNmin = Math.abs(nmin);
-			var powerStart = Math.floor(this._log10(absNmin));
-			var nminVal = absNmin/Math.pow(10,powerStart);
-			start = Math.ceil(nminVal*10)/10*Math.pow(10,powerStart)-step;
-			if(nmin<0) start =-start-2*step;
-		}
-		var end = start;
-		while(end<nmax){
-			end += step;
-			end = parseFloat((new Number(end)).toFixed(Math.abs(power)));
-		}
-		return { start:start,end:end,step:step,fixNum:Math.abs(power) };
-	},
-	_getLimits:function(orientation){
-		var maxValue,minValue;
-		var axis = ((arguments.length && orientation=="h")?this._settings.xAxis:this._settings.yAxis);
-		if(axis&&(typeof axis.end!="undefied")&&(typeof axis.start!="undefied")&&axis.step){
-		    maxValue = parseFloat(axis.end);
-			minValue = parseFloat(axis.start);      
-		}
-		else{
-			maxValue = this.max(this._series[0].value);
-			minValue = this.min(this._series[0].value);
-			if(this._series.length>1)
-			for(var i=1; i < this._series.length;i++){
-				var maxI = this.max(this._series[i].value);
-				var minI = this.min(this._series[i].value);
-				if (maxI > maxValue) maxValue = maxI;
-		    	if (minI < minValue) minValue = minI;
-			}
-		}
-		return {max:maxValue,min:minValue};
-	},
-	_log10:function(n){
-        var method_name="log";
-        return Math.floor((Math[method_name](n)/Math.LN10));
-    },
-	_drawXAxisLabel:function(x,y,obj,center,top){
-		if (!this._settings.xAxis) return;
-		var elem = this.renderTextAt(top, center, x,y,this._settings.xAxis.template(obj));
-	},
-	_drawXAxisLine:function(ctx,x,y1,y2){
-		if (!this._settings.xAxis||!this._settings.xAxis.lines) return;
-		this._drawLine(ctx,x,y1,x,y2,this._settings.xAxis.color,0.2);
-	},
-	_drawLine:function(ctx,x1,y1,x2,y2,color,width){
-		ctx.strokeStyle = color;
-		ctx.lineWidth = width;
-		ctx.beginPath();
-		ctx.moveTo(x1,y1);
-		ctx.lineTo(x2,y2);
-		ctx.stroke();
-	},
-	_getRelativeValue:function(minValue,maxValue){
-	    var relValue;
-		var valueFactor = 1;
-		if(maxValue != minValue){
-		    relValue = maxValue - minValue;
-			if(Math.abs(relValue) < 1){
-			    while(Math.abs(relValue)<1){
-				    valueFactor *= 10;
-					relValue *= valueFactor;
-				}
-			}
-		}
-		else relValue = minValue;
-		return [relValue,valueFactor];
-	},
-	_rainbow : [
-		function(pos){ return "#FF"+dhtmlx.math.toHex(pos/2,2)+"00";},
-		function(pos){ return "#FF"+dhtmlx.math.toHex(pos/2+128,2)+"00";},
-		function(pos){ return "#"+dhtmlx.math.toHex(255-pos,2)+"FF00";},
-		function(pos){ return "#00FF"+dhtmlx.math.toHex(pos,2);},
-		function(pos){ return "#00"+dhtmlx.math.toHex(255-pos,2)+"FF";},
-		function(pos){ return "#"+dhtmlx.math.toHex(pos,2)+"00FF";}		
-	],
-	/**
-	*   adds series to the chart (value and color properties)
-	*   @param: obj - obj with configuration properties
-	*/
-	addSeries:function(obj){
-		var temp = this._settings; this._settings = dhtmlx.extend({},temp);
-		this._parseSettings(obj,{});
-	    this._series.push(this._settings);
-		this._settings = temp;
-    },
-    /*switch global settings to serit in question*/
-    _switchSerie:function(id, tag){
-    	this._active_serie = tag.getAttribute("userdata");
-    	for (var i=0; i < this._series.length; i++) {
-    		var tip = this._series[i].tooltip;
-    		if (tip)
-    			tip.disable();
-		}
-		var tip = this._series[this._active_serie].tooltip;
-    	if (tip)
-    		tip.enable();
-    },
-	/**
-	*   renders legend block
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: width - the width of the container
-	*   @param: height - the height of the container
-	*/
-	_drawLegend:function(ctx,data,width,height){
-		/*position of the legend block*/
-		var x=0,y=0;
-		/*legend config*/
-		var legend = this._settings.legend;
-		 /*the legend sizes*/
-		var legendHeight,legendWidth;
-		
-		var style = (this._settings.legend.layout!="x"?"width:"+legend.width+"px":"");
-		/*creation of legend container*/
-		var legendContainer = dhtmlx.html.create("DIV",{
-			"class":"dhx_chart_legend",
-			"style":"left:"+x+"px; top:"+y+"px;"+style
-		},"");
-		this._obj.appendChild(legendContainer);
-		/*rendering legend text items*/
-		var legendItems = [];
-		if(!legend.values)
-			for(var i = 0; i < data.length; i++){
-				legendItems.push(this._drawLegendText(legendContainer,legend.template(data[i])));
-			}
-		else
-			for(var i = 0; i < legend.values.length; i++){
-				legendItems.push(this._drawLegendText(legendContainer,legend.values[i].text));
-			}
-	   	legendWidth = legendContainer.offsetWidth;
-	    legendHeight = legendContainer.offsetHeight;
-		this._settings.legend.width = legendWidth;
-		this._settings.legend.height = legendHeight;
-		/*setting legend position*/
-		if(legendWidth<this._obj.offsetWidth){
-			if(legend.layout == "x"&&legend.align == "center")
-				x = (this._obj.offsetWidth-legendWidth)/2;
-			if(legend.align == "right"){
-				x = this._obj.offsetWidth-legendWidth;
-			}
-		}
-		
-		if(legendHeight<this._obj.offsetHeight){
-			if(legend.valign == "middle"&&legend.align != "center"&&legend.layout != "x")
-				y = (this._obj.offsetHeight-legendHeight)/2;
-			else if(legend.valign == "bottom")
-				y = this._obj.offsetHeight-legendHeight;
-		}
-		legendContainer.style.left = x+"px";
-		legendContainer.style.top = y+"px";
-		
-		/*drawing colorful markers*/
-		for(var i = 0; i < legendItems.length; i++){
-			var item = legendItems[i];
-			var itemColor = (legend.values?legend.values[i].color:this._settings.color.call(this,data[i]));
-			this._drawLegendMarker(ctx,item.offsetLeft+x,item.offsetTop+y,itemColor);
-		}
-		legendItems = null;
-	},
-	/**
-	*   appends legend item to legend block
-	*   @param: ctx - canvas object
-	*   @param: obj - data object that needs being represented
-	*/
-	_drawLegendText:function(cont,value){
-		var style = "";
-		if(this._settings.legend.layout=="x")
-			style = "float:left;";
-		/*the text of the legend item*/
-		var text = dhtmlx.html.create("DIV",{
-			"style":style+"padding-left:"+(10+this._settings.legend.marker.width)+"px",
-			"class":"dhx_chart_legend_item"
-		},value);
-		cont.appendChild(text);
-		return text;
-	},
-	/**
-	*   draw legend colorful marder
-	*   @param: ctx - canvas object
-	*   @param: x - the horizontal position of the marker
-	*   @param: y - the vertical position of the marker
-	*   @param: obj - data object which color needs being used
-	*/
-	_drawLegendMarker:function(ctx,x,y,color){
-		var details = this._settings.legend;
-		
-		ctx.strokeStyle = ctx.fillStyle = color;
-		ctx.lineWidth = details.marker.height;  
-		ctx.lineCap = details.marker.type;
-		ctx.beginPath();
-		/*start of marker*/
-		x += ctx.lineWidth/2+5;
-		y += ctx.lineWidth/2+3;
-		ctx.moveTo(x,y);
-		var x1 = x + details.marker.width-details.marker.height +1;
-		ctx.lineTo(x1,y);  
-    	ctx.stroke(); 
-	},
-	/**
-	*   gets the points those represent chart left top and right bottom bounds
-	*   @param: width - the width of the chart container
-	*   @param: height - the height of the chart container
-	*/
-	_getChartBounds:function(width,height){
-		var chartX0, chartY0, chartX1, chartY1;
-		
-		chartX0 = this._settings.padding.left;
-		chartY0 = this._settings.padding.top;
-		chartX1 = width - this._settings.padding.right;
-		chartY1 = height - this._settings.padding.bottom;	
-		
-		if(this._settings.legend){
-			var legend = this._settings.legend;
-			/*legend size*/
-			var legendWidth = this._settings.legend.width;
-			var legendHeight = this._settings.legend.height;
-		
-			/*if legend is horizontal*/
-			if(legend.layout == "x"){
-				if(legend.valign == "center"){
-					if(legend.align == "right")
-						chartX1 -= legendWidth;
-					else if(legend.align == "left")
-				 		chartX0 += legendWidth;
-			 	}
-			 	else if(legend.valign == "bottom"){
-			    	chartY1 -= legendHeight;
-			 	}
-			 	else{
-			    	chartY0 += legendHeight;
-			 	}
-			}
-			/*vertical scale*/
-			else{
-				if(legend.align == "right")
-					chartX1 -= legendWidth;
-			 	else if(legend.align == "left")
-					chartX0 += legendWidth;
-			}
-		}
-		return {start:{x:chartX0,y:chartY0},end:{x:chartX1,y:chartY1}};
-	},
-	/**
-	*   gets the maximum and minimum values for the stacked chart
-	*   @param: data - data set
-	*/
-	_getStackedLimits:function(data){
-		var maxValue,minValue;
-		if(this._settings.yAxis&&(typeof this._settings.yAxis.end!="undefied")&&(typeof this._settings.yAxis.start!="undefied")&&this._settings.yAxis.step){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);      
-		}
-		else{
-			for(var i=0; i < data.length; i++){
-				data[i].$sum = 0 ;
-				data[i].$min = Infinity;
-				for(var j =0; j < this._series.length;j++){
-					var value = parseFloat(this._series[j].value(data[i]));
-					if(isNaN(value)) continue;
-					data[i].$sum += value;
-					if(value < data[i].$min) data[i].$min = value;
-				}
-			}
-			maxValue = -Infinity;
-			minValue = Infinity;
-			for(var i=0; i < data.length; i++){
-				if (data[i].$sum > maxValue) maxValue = data[i].$sum ;
-				if (data[i].$min < minValue) minValue = data[i].$min ;
-			}
-			if(minValue>0) minValue =0;
-		}
-		return {max:maxValue,min:minValue};
-	},
-	/*adds colors to the gradient object*/
-	_setBarGradient:function(ctx,x1,y1,x2,y2,type,color,axis){
-		var gradient,offset;
-		if(type == "light"){
-			if(axis == "x")
-				gradient = ctx.createLinearGradient(x1,y1,x2,y1);
-			else
-				gradient = ctx.createLinearGradient(x1,y1,x1,y2);
-			gradient.addColorStop(0,"#FFFFFF");
-			gradient.addColorStop(0.9,color);
-			gradient.addColorStop(1,color);
-			offset = 2;
-		}
-		else{
-			ctx.globalAlpha = 0.37;
-			offset = 0;
-			if(axis == "x")
-				gradient = ctx.createLinearGradient(x1,y2,x1,y1);
-			else
-				gradient = ctx.createLinearGradient(x1,y1,x2,y1);
-			gradient.addColorStop(0,"#000000");
-			gradient.addColorStop(0.5,"#FFFFFF");
-			gradient.addColorStop(0.6,"#FFFFFF");
-			gradient.addColorStop(1,"#000000");
-		}
-		return {gradient:gradient,offset:offset};
-	}
-};
-
-dhtmlx.compat("layout");
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS
deleted file mode 100644
index 90decb3077e..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS
+++ /dev/null
@@ -1,10 +0,0 @@
-ExplorerCanvas
-
-Google Open Source:
-	<http://code.google.com>
-	<opensource@google.com> 
-
-Developers:
-	Emil A Eklund <emil@eae.net>
-	Erik Arvidsson <erik@eae.net>
-	Glen Murphy <glen@glenmurphy.com>
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING
deleted file mode 100644
index d6456956733..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING
+++ /dev/null
@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README
deleted file mode 100644
index eb7c42f40be..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README
+++ /dev/null
@@ -1,22 +0,0 @@
-ExplorerCanvas
-Copyright 2006 Google Inc.
-
--------------------------------------------------------------------------------
-DESCRIPTION
-
-Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based 
-drawing operations. ExplorerCanvas brings the same functionality to Internet 
-Explorer; web developers only need to include a single script tag in their 
-existing canvas webpages to enable this support.
-
-
--------------------------------------------------------------------------------
-INSTALLATION
-
-Include the ExplorerCanvas tag in the same directory as your HTML files, and 
-add the following code to your page, preferably in the <head> tag.
-
-<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
-
-If you run into trouble, please look at the included example code to see how
-to best implement this
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js
deleted file mode 100644
index 367764b4d6a..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js
+++ /dev/null
@@ -1,924 +0,0 @@
-// Copyright 2006 Google Inc.
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//   http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-
-// Known Issues:
-//
-// * Patterns are not implemented.
-// * Radial gradient are not implemented. The VML version of these look very
-//   different from the canvas one.
-// * Clipping paths are not implemented.
-// * Coordsize. The width and height attribute have higher priority than the
-//   width and height style values which isn't correct.
-// * Painting mode isn't implemented.
-// * Canvas width/height should is using content-box by default. IE in
-//   Quirks mode will draw the canvas using border-box. Either change your
-//   doctype to HTML5
-//   (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
-//   or use Box Sizing Behavior from WebFX
-//   (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
-// * Non uniform scaling does not correctly scale strokes.
-// * Optimize. There is always room for speed improvements.
-
-// Only add this code if we do not already have a canvas implementation
-if (!document.createElement('canvas').getContext) {
-
-(function() {
-
-  // alias some functions to make (compiled) code shorter
-  var m = Math;
-  var mr = m.round;
-  var ms = m.sin;
-  var mc = m.cos;
-  var abs = m.abs;
-  var sqrt = m.sqrt;
-
-  // this is used for sub pixel precision
-  var Z = 10;
-  var Z2 = Z / 2;
-
-  /**
-   * This funtion is assigned to the <canvas> elements as element.getContext().
-   * @this {HTMLElement}
-   * @return {CanvasRenderingContext2D_}
-   */
-  function getContext() {
-    return this.context_ ||
-        (this.context_ = new CanvasRenderingContext2D_(this));
-  }
-
-  var slice = Array.prototype.slice;
-
-  /**
-   * Binds a function to an object. The returned function will always use the
-   * passed in {@code obj} as {@code this}.
-   *
-   * Example:
-   *
-   *   g = bind(f, obj, a, b)
-   *   g(c, d) // will do f.call(obj, a, b, c, d)
-   *
-   * @param {Function} f The function to bind the object to
-   * @param {Object} obj The object that should act as this when the function
-   *     is called
-   * @param {*} var_args Rest arguments that will be used as the initial
-   *     arguments when the function is called
-   * @return {Function} A new function that has bound this
-   */
-  function bind(f, obj, var_args) {
-    var a = slice.call(arguments, 2);
-    return function() {
-      return f.apply(obj, a.concat(slice.call(arguments)));
-    };
-  }
-
-  var G_vmlCanvasManager_ = {
-    init: function(opt_doc) {
-      if (/MSIE/.test(navigator.userAgent) && !window.opera) {
-        var doc = opt_doc || document;
-        // Create a dummy element so that IE will allow canvas elements to be
-        // recognized.
-        doc.createElement('canvas');
-        doc.attachEvent('onreadystatechange', bind(this.init_, this, doc));
-      }
-    },
-
-    init_: function(doc) {
-      // create xmlns
-      if (!doc.namespaces['g_vml_']) {
-        doc.namespaces.add('g_vml_', 'urn:schemas-microsoft-com:vml',
-                           '#default#VML');
-
-      }
-      if (!doc.namespaces['g_o_']) {
-        doc.namespaces.add('g_o_', 'urn:schemas-microsoft-com:office:office',
-                           '#default#VML');
-      }
-
-      // Setup default CSS.  Only add one style sheet per document
-      if (!doc.styleSheets['ex_canvas_']) {
-        var ss = doc.createStyleSheet();
-        ss.owningElement.id = 'ex_canvas_';
-        ss.cssText = 'canvas{display:inline-block;overflow:hidden;' +
-            // default size is 300x150 in Gecko and Opera
-            'text-align:left;width:300px;height:150px}' +
-            'g_vml_\\:*{behavior:url(#default#VML)}' +
-            'g_o_\\:*{behavior:url(#default#VML)}';
-
-      }
-
-      // find all canvas elements
-      var els = doc.getElementsByTagName('canvas');
-      for (var i = 0; i < els.length; i++) {
-        this.initElement(els[i]);
-      }
-    },
-
-    /**
-     * Public initializes a canvas element so that it can be used as canvas
-     * element from now on. This is called automatically before the page is
-     * loaded but if you are creating elements using createElement you need to
-     * make sure this is called on the element.
-     * @param {HTMLElement} el The canvas element to initialize.
-     * @return {HTMLElement} the element that was created.
-     */
-    initElement: function(el) {
-      if (!el.getContext) {
-
-        el.getContext = getContext;
-
-        // Remove fallback content. There is no way to hide text nodes so we
-        // just remove all childNodes. We could hide all elements and remove
-        // text nodes but who really cares about the fallback content.
-        el.innerHTML = '';
-
-        // do not use inline function because that will leak memory
-        el.attachEvent('onpropertychange', onPropertyChange);
-        el.attachEvent('onresize', onResize);
-
-        var attrs = el.attributes;
-        if (attrs.width && attrs.width.specified) {
-          // TODO: use runtimeStyle and coordsize
-          // el.getContext().setWidth_(attrs.width.nodeValue);
-          el.style.width = attrs.width.nodeValue + 'px';
-        } else {
-          el.width = el.clientWidth;
-        }
-        if (attrs.height && attrs.height.specified) {
-          // TODO: use runtimeStyle and coordsize
-          // el.getContext().setHeight_(attrs.height.nodeValue);
-          el.style.height = attrs.height.nodeValue + 'px';
-        } else {
-          el.height = el.clientHeight;
-        }
-        //el.getContext().setCoordsize_()
-      }
-      return el;
-    }
-  };
-
-  function onPropertyChange(e) {
-    var el = e.srcElement;
-
-    switch (e.propertyName) {
-      case 'width':
-        el.style.width = el.attributes.width.nodeValue + 'px';
-        el.getContext().clearRect();
-        break;
-      case 'height':
-        el.style.height = el.attributes.height.nodeValue + 'px';
-        el.getContext().clearRect();
-        break;
-    }
-  }
-
-  function onResize(e) {
-    var el = e.srcElement;
-    if (el.firstChild) {
-      el.firstChild.style.width =  el.clientWidth + 'px';
-      el.firstChild.style.height = el.clientHeight + 'px';
-    }
-  }
-
-  G_vmlCanvasManager_.init();
-
-  // precompute "00" to "FF"
-  var dec2hex = [];
-  for (var i = 0; i < 16; i++) {
-    for (var j = 0; j < 16; j++) {
-      dec2hex[i * 16 + j] = i.toString(16) + j.toString(16);
-    }
-  }
-
-  function createMatrixIdentity() {
-    return [
-      [1, 0, 0],
-      [0, 1, 0],
-      [0, 0, 1]
-    ];
-  }
-
-  function matrixMultiply(m1, m2) {
-    var result = createMatrixIdentity();
-
-    for (var x = 0; x < 3; x++) {
-      for (var y = 0; y < 3; y++) {
-        var sum = 0;
-
-        for (var z = 0; z < 3; z++) {
-          sum += m1[x][z] * m2[z][y];
-        }
-
-        result[x][y] = sum;
-      }
-    }
-    return result;
-  }
-
-  function copyState(o1, o2) {
-    o2.fillStyle     = o1.fillStyle;
-    o2.lineCap       = o1.lineCap;
-    o2.lineJoin      = o1.lineJoin;
-    o2.lineWidth     = o1.lineWidth;
-    o2.miterLimit    = o1.miterLimit;
-    o2.shadowBlur    = o1.shadowBlur;
-    o2.shadowColor   = o1.shadowColor;
-    o2.shadowOffsetX = o1.shadowOffsetX;
-    o2.shadowOffsetY = o1.shadowOffsetY;
-    o2.strokeStyle   = o1.strokeStyle;
-    o2.globalAlpha   = o1.globalAlpha;
-    o2.arcScaleX_    = o1.arcScaleX_;
-    o2.arcScaleY_    = o1.arcScaleY_;
-    o2.lineScale_    = o1.lineScale_;
-  }
-
-  function processStyle(styleString) {
-    var str, alpha = 1;
-
-    styleString = String(styleString);
-    if (styleString.substring(0, 3) == 'rgb') {
-      var start = styleString.indexOf('(', 3);
-      var end = styleString.indexOf(')', start + 1);
-      var guts = styleString.substring(start + 1, end).split(',');
-
-      str = '#';
-      for (var i = 0; i < 3; i++) {
-        str += dec2hex[Number(guts[i])];
-      }
-
-      if (guts.length == 4 && styleString.substr(3, 1) == 'a') {
-        alpha = guts[3];
-      }
-    } else {
-      str = styleString;
-    }
-
-    return {color: str, alpha: alpha};
-  }
-
-  function processLineCap(lineCap) {
-    switch (lineCap) {
-      case 'butt':
-        return 'flat';
-      case 'round':
-        return 'round';
-      case 'square':
-      default:
-        return 'square';
-    }
-  }
-
-  /**
-   * This class implements CanvasRenderingContext2D interface as described by
-   * the WHATWG.
-   * @param {HTMLElement} surfaceElement The element that the 2D context should
-   * be associated with
-   */
-  function CanvasRenderingContext2D_(surfaceElement) {
-    this.m_ = createMatrixIdentity();
-
-    this.mStack_ = [];
-    this.aStack_ = [];
-    this.currentPath_ = [];
-
-    // Canvas context properties
-    this.strokeStyle = '#000';
-    this.fillStyle = '#000';
-
-    this.lineWidth = 1;
-    this.lineJoin = 'miter';
-    this.lineCap = 'butt';
-    this.miterLimit = Z * 1;
-    this.globalAlpha = 1;
-    this.canvas = surfaceElement;
-
-    var el = surfaceElement.ownerDocument.createElement('div');
-    el.style.width =  surfaceElement.clientWidth + 'px';
-    el.style.height = surfaceElement.clientHeight + 'px';
-    el.style.overflow = 'hidden';
-    el.style.position = 'absolute';
-    surfaceElement.appendChild(el);
-
-    this.element_ = el;
-    this.arcScaleX_ = 1;
-    this.arcScaleY_ = 1;
-    this.lineScale_ = 1;
-  }
-
-  var contextPrototype = CanvasRenderingContext2D_.prototype;
-  contextPrototype.clearRect = function() {
-    this.element_.innerHTML = '';
-  };
-
-  contextPrototype.beginPath = function() {
-    // TODO: Branch current matrix so that save/restore has no effect
-    //       as per safari docs.
-    this.currentPath_ = [];
-  };
-
-  contextPrototype.moveTo = function(aX, aY) {
-    var p = this.getCoords_(aX, aY);
-    this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y});
-    this.currentX_ = p.x;
-    this.currentY_ = p.y;
-  };
-
-  contextPrototype.lineTo = function(aX, aY) {
-    var p = this.getCoords_(aX, aY);
-    this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y});
-
-    this.currentX_ = p.x;
-    this.currentY_ = p.y;
-  };
-
-  contextPrototype.bezierCurveTo = function(aCP1x, aCP1y,
-                                            aCP2x, aCP2y,
-                                            aX, aY) {
-    var p = this.getCoords_(aX, aY);
-    var cp1 = this.getCoords_(aCP1x, aCP1y);
-    var cp2 = this.getCoords_(aCP2x, aCP2y);
-    bezierCurveTo(this, cp1, cp2, p);
-  };
-
-  // Helper function that takes the already fixed cordinates.
-  function bezierCurveTo(self, cp1, cp2, p) {
-    self.currentPath_.push({
-      type: 'bezierCurveTo',
-      cp1x: cp1.x,
-      cp1y: cp1.y,
-      cp2x: cp2.x,
-      cp2y: cp2.y,
-      x: p.x,
-      y: p.y
-    });
-    self.currentX_ = p.x;
-    self.currentY_ = p.y;
-  }
-
-  contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) {
-    // the following is lifted almost directly from
-    // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes
-
-    var cp = this.getCoords_(aCPx, aCPy);
-    var p = this.getCoords_(aX, aY);
-
-    var cp1 = {
-      x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_),
-      y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_)
-    };
-    var cp2 = {
-      x: cp1.x + (p.x - this.currentX_) / 3.0,
-      y: cp1.y + (p.y - this.currentY_) / 3.0
-    };
-
-    bezierCurveTo(this, cp1, cp2, p);
-  };
-
-  contextPrototype.arc = function(aX, aY, aRadius,
-                                  aStartAngle, aEndAngle, aClockwise) {
-    aRadius *= Z;
-    var arcType = aClockwise ? 'at' : 'wa';
-
-    var xStart = aX + mc(aStartAngle) * aRadius - Z2;
-    var yStart = aY + ms(aStartAngle) * aRadius - Z2;
-
-    var xEnd = aX + mc(aEndAngle) * aRadius - Z2;
-    var yEnd = aY + ms(aEndAngle) * aRadius - Z2;
-
-    // IE won't render arches drawn counter clockwise if xStart == xEnd.
-    if (xStart == xEnd && !aClockwise) {
-      xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something
-                       // that can be represented in binary
-    }
-
-    var p = this.getCoords_(aX, aY);
-    var pStart = this.getCoords_(xStart, yStart);
-    var pEnd = this.getCoords_(xEnd, yEnd);
-
-    this.currentPath_.push({type: arcType,
-                           x: p.x,
-                           y: p.y,
-                           radius: aRadius,
-                           xStart: pStart.x,
-                           yStart: pStart.y,
-                           xEnd: pEnd.x,
-                           yEnd: pEnd.y});
-
-  };
-
-  contextPrototype.rect = function(aX, aY, aWidth, aHeight) {
-    this.moveTo(aX, aY);
-    this.lineTo(aX + aWidth, aY);
-    this.lineTo(aX + aWidth, aY + aHeight);
-    this.lineTo(aX, aY + aHeight);
-    this.closePath();
-  };
-
-  contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) {
-    var oldPath = this.currentPath_;
-    this.beginPath();
-
-    this.moveTo(aX, aY);
-    this.lineTo(aX + aWidth, aY);
-    this.lineTo(aX + aWidth, aY + aHeight);
-    this.lineTo(aX, aY + aHeight);
-    this.closePath();
-    this.stroke();
-
-    this.currentPath_ = oldPath;
-  };
-
-  contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) {
-    var oldPath = this.currentPath_;
-    this.beginPath();
-
-    this.moveTo(aX, aY);
-    this.lineTo(aX + aWidth, aY);
-    this.lineTo(aX + aWidth, aY + aHeight);
-    this.lineTo(aX, aY + aHeight);
-    this.closePath();
-    this.fill();
-
-    this.currentPath_ = oldPath;
-  };
-
-  contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) {
-    var gradient = new CanvasGradient_('gradient');
-    gradient.x0_ = aX0;
-    gradient.y0_ = aY0;
-    gradient.x1_ = aX1;
-    gradient.y1_ = aY1;
-    return gradient;
-  };
-
-  contextPrototype.createRadialGradient = function(aX0, aY0, aR0,
-                                                   aX1, aY1, aR1) {
-    var gradient = new CanvasGradient_('gradientradial');
-    gradient.x0_ = aX0;
-    gradient.y0_ = aY0;
-    gradient.r0_ = aR0;
-    gradient.x1_ = aX1;
-    gradient.y1_ = aY1;
-    gradient.r1_ = aR1;
-    return gradient;
-  };
-
-  contextPrototype.drawImage = function(image, var_args) {
-    var dx, dy, dw, dh, sx, sy, sw, sh;
-
-    // to find the original width we overide the width and height
-    var oldRuntimeWidth = image.runtimeStyle.width;
-    var oldRuntimeHeight = image.runtimeStyle.height;
-    image.runtimeStyle.width = 'auto';
-    image.runtimeStyle.height = 'auto';
-
-    // get the original size
-    var w = image.width;
-    var h = image.height;
-
-    // and remove overides
-    image.runtimeStyle.width = oldRuntimeWidth;
-    image.runtimeStyle.height = oldRuntimeHeight;
-
-    if (arguments.length == 3) {
-      dx = arguments[1];
-      dy = arguments[2];
-      sx = sy = 0;
-      sw = dw = w;
-      sh = dh = h;
-    } else if (arguments.length == 5) {
-      dx = arguments[1];
-      dy = arguments[2];
-      dw = arguments[3];
-      dh = arguments[4];
-      sx = sy = 0;
-      sw = w;
-      sh = h;
-    } else if (arguments.length == 9) {
-      sx = arguments[1];
-      sy = arguments[2];
-      sw = arguments[3];
-      sh = arguments[4];
-      dx = arguments[5];
-      dy = arguments[6];
-      dw = arguments[7];
-      dh = arguments[8];
-    } else {
-      throw Error('Invalid number of arguments');
-    }
-
-    var d = this.getCoords_(dx, dy);
-
-    var w2 = sw / 2;
-    var h2 = sh / 2;
-
-    var vmlStr = [];
-
-    var W = 10;
-    var H = 10;
-
-    // For some reason that I've now forgotten, using divs didn't work
-    vmlStr.push(' <g_vml_:group',
-                ' coordsize="', Z * W, ',', Z * H, '"',
-                ' coordorigin="0,0"' ,
-                ' style="width:', W, 'px;height:', H, 'px;position:absolute;');
-
-    // If filters are necessary (rotation exists), create them
-    // filters are bog-slow, so only create them if abbsolutely necessary
-    // The following check doesn't account for skews (which don't exist
-    // in the canvas spec (yet) anyway.
-
-    if (this.m_[0][0] != 1 || this.m_[0][1]) {
-      var filter = [];
-
-      // Note the 12/21 reversal
-      filter.push('M11=', this.m_[0][0], ',',
-                  'M12=', this.m_[1][0], ',',
-                  'M21=', this.m_[0][1], ',',
-                  'M22=', this.m_[1][1], ',',
-                  'Dx=', mr(d.x / Z), ',',
-                  'Dy=', mr(d.y / Z), '');
-
-      // Bounding box calculation (need to minimize displayed area so that
-      // filters don't waste time on unused pixels.
-      var max = d;
-      var c2 = this.getCoords_(dx + dw, dy);
-      var c3 = this.getCoords_(dx, dy + dh);
-      var c4 = this.getCoords_(dx + dw, dy + dh);
-
-      max.x = m.max(max.x, c2.x, c3.x, c4.x);
-      max.y = m.max(max.y, c2.y, c3.y, c4.y);
-
-      vmlStr.push('padding:0 ', mr(max.x / Z), 'px ', mr(max.y / Z),
-                  'px 0;filter:progid:DXImageTransform.Microsoft.Matrix(',
-                  filter.join(''), ", sizingmethod='clip');")
-    } else {
-      vmlStr.push('top:', mr(d.y / Z), 'px;left:', mr(d.x / Z), 'px;');
-    }
-
-    vmlStr.push(' ">' ,
-                '<g_vml_:image src="', image.src, '"',
-                ' style="width:', Z * dw, 'px;',
-                ' height:', Z * dh, 'px;"',
-                ' cropleft="', sx / w, '"',
-                ' croptop="', sy / h, '"',
-                ' cropright="', (w - sx - sw) / w, '"',
-                ' cropbottom="', (h - sy - sh) / h, '"',
-                ' />',
-                '</g_vml_:group>');
-
-    this.element_.insertAdjacentHTML('BeforeEnd',
-                                    vmlStr.join(''));
-  };
-
-  contextPrototype.stroke = function(aFill) {
-    var lineStr = [];
-    var lineOpen = false;
-    var a = processStyle(aFill ? this.fillStyle : this.strokeStyle);
-    var color = a.color;
-    var opacity = a.alpha * this.globalAlpha;
-
-    var W = 10;
-    var H = 10;
-
-    lineStr.push('<g_vml_:shape',
-                 ' filled="', !!aFill, '"',
-                 ' style="position:absolute;width:', W, 'px;height:', H, 'px;"',
-                 ' coordorigin="0 0" coordsize="', Z * W, ' ', Z * H, '"',
-                 ' stroked="', !aFill, '"',
-                 ' path="');
-
-    var newSeq = false;
-    var min = {x: null, y: null};
-    var max = {x: null, y: null};
-
-    for (var i = 0; i < this.currentPath_.length; i++) {
-      var p = this.currentPath_[i];
-      var c;
-
-      switch (p.type) {
-        case 'moveTo':
-          c = p;
-          lineStr.push(' m ', mr(p.x), ',', mr(p.y));
-          break;
-        case 'lineTo':
-          lineStr.push(' l ', mr(p.x), ',', mr(p.y));
-          break;
-        case 'close':
-          lineStr.push(' x ');
-          p = null;
-          break;
-        case 'bezierCurveTo':
-          lineStr.push(' c ',
-                       mr(p.cp1x), ',', mr(p.cp1y), ',',
-                       mr(p.cp2x), ',', mr(p.cp2y), ',',
-                       mr(p.x), ',', mr(p.y));
-          break;
-        case 'at':
-        case 'wa':
-          lineStr.push(' ', p.type, ' ',
-                       mr(p.x - this.arcScaleX_ * p.radius), ',',
-                       mr(p.y - this.arcScaleY_ * p.radius), ' ',
-                       mr(p.x + this.arcScaleX_ * p.radius), ',',
-                       mr(p.y + this.arcScaleY_ * p.radius), ' ',
-                       mr(p.xStart), ',', mr(p.yStart), ' ',
-                       mr(p.xEnd), ',', mr(p.yEnd));
-          break;
-      }
-
-
-      // TODO: Following is broken for curves due to
-      //       move to proper paths.
-
-      // Figure out dimensions so we can do gradient fills
-      // properly
-      if (p) {
-        if (min.x == null || p.x < min.x) {
-          min.x = p.x;
-        }
-        if (max.x == null || p.x > max.x) {
-          max.x = p.x;
-        }
-        if (min.y == null || p.y < min.y) {
-          min.y = p.y;
-        }
-        if (max.y == null || p.y > max.y) {
-          max.y = p.y;
-        }
-      }
-    }
-    lineStr.push(' ">');
-
-    if (!aFill) {
-      var lineWidth = this.lineScale_ * this.lineWidth;
-
-      // VML cannot correctly render a line if the width is less than 1px.
-      // In that case, we dilute the color to make the line look thinner.
-      if (lineWidth < 1) {
-        opacity *= lineWidth;
-      }
-
-      lineStr.push(
-        '<g_vml_:stroke',
-        ' opacity="', opacity, '"',
-        ' joinstyle="', this.lineJoin, '"',
-        ' miterlimit="', this.miterLimit, '"',
-        ' endcap="', processLineCap(this.lineCap), '"',
-        ' weight="', lineWidth, 'px"',
-        ' color="', color, '" />'
-      );
-    } else if (typeof this.fillStyle == 'object') {
-      var fillStyle = this.fillStyle;
-      var angle = 0;
-      var focus = {x: 0, y: 0};
-
-      // additional offset
-      var shift = 0;
-      // scale factor for offset
-      var expansion = 1;
-
-      if (fillStyle.type_ == 'gradient') {
-        var x0 = fillStyle.x0_ / this.arcScaleX_;
-        var y0 = fillStyle.y0_ / this.arcScaleY_;
-        var x1 = fillStyle.x1_ / this.arcScaleX_;
-        var y1 = fillStyle.y1_ / this.arcScaleY_;
-        var p0 = this.getCoords_(x0, y0);
-        var p1 = this.getCoords_(x1, y1);
-        var dx = p1.x - p0.x;
-        var dy = p1.y - p0.y;
-        angle = Math.atan2(dx, dy) * 180 / Math.PI;
-
-        // The angle should be a non-negative number.
-        if (angle < 0) {
-          angle += 360;
-        }
-
-        // Very small angles produce an unexpected result because they are
-        // converted to a scientific notation string.
-        if (angle < 1e-6) {
-          angle = 0;
-        }
-      } else {
-        var p0 = this.getCoords_(fillStyle.x0_, fillStyle.y0_);
-        var width  = max.x - min.x;
-        var height = max.y - min.y;
-        focus = {
-          x: (p0.x - min.x) / width,
-          y: (p0.y - min.y) / height
-        };
-
-        width  /= this.arcScaleX_ * Z;
-        height /= this.arcScaleY_ * Z;
-        var dimension = m.max(width, height);
-        shift = 2 * fillStyle.r0_ / dimension;
-        expansion = 2 * fillStyle.r1_ / dimension - shift;
-      }
-
-      // We need to sort the color stops in ascending order by offset,
-      // otherwise IE won't interpret it correctly.
-      var stops = fillStyle.colors_;
-      stops.sort(function(cs1, cs2) {
-        return cs1.offset - cs2.offset;
-      });
-
-      var length = stops.length;
-      var color1 = stops[0].color;
-      var color2 = stops[length - 1].color;
-      var opacity1 = stops[0].alpha * this.globalAlpha;
-      var opacity2 = stops[length - 1].alpha * this.globalAlpha;
-
-      var colors = [];
-      for (var i = 0; i < length; i++) {
-        var stop = stops[i];
-        colors.push(stop.offset * expansion + shift + ' ' + stop.color);
-      }
-
-      // When colors attribute is used, the meanings of opacity and o:opacity2
-      // are reversed.
-      lineStr.push('<g_vml_:fill type="', fillStyle.type_, '"',
-                   ' method="none" focus="100%"',
-                   ' color="', color1, '"',
-                   ' color2="', color2, '"',
-                   ' colors="', colors.join(','), '"',
-                   ' opacity="', opacity2, '"',
-                   ' g_o_:opacity2="', opacity1, '"',
-                   ' angle="', angle, '"',
-                   ' focusposition="', focus.x, ',', focus.y, '" />');
-    } else {
-      lineStr.push('<g_vml_:fill color="', color, '" opacity="', opacity,
-                   '" />');
-    }
-
-    lineStr.push('</g_vml_:shape>');
-
-    this.element_.insertAdjacentHTML('beforeEnd', lineStr.join(''));
-  };
-
-  contextPrototype.fill = function() {
-    this.stroke(true);
-  }
-
-  contextPrototype.closePath = function() {
-    this.currentPath_.push({type: 'close'});
-  };
-
-  /**
-   * @private
-   */
-  contextPrototype.getCoords_ = function(aX, aY) {
-    var m = this.m_;
-    return {
-      x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2,
-      y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2
-    }
-  };
-
-  contextPrototype.save = function() {
-    var o = {};
-    copyState(this, o);
-    this.aStack_.push(o);
-    this.mStack_.push(this.m_);
-    this.m_ = matrixMultiply(createMatrixIdentity(), this.m_);
-  };
-
-  contextPrototype.restore = function() {
-    copyState(this.aStack_.pop(), this);
-    this.m_ = this.mStack_.pop();
-  };
-
-  function matrixIsFinite(m) {
-    for (var j = 0; j < 3; j++) {
-      for (var k = 0; k < 2; k++) {
-        if (!isFinite(m[j][k]) || isNaN(m[j][k])) {
-          return false;
-        }
-      }
-    }
-    return true;
-  }
-
-  function setM(ctx, m, updateLineScale) {
-    if (!matrixIsFinite(m)) {
-      return;
-    }
-    ctx.m_ = m;
-
-    if (updateLineScale) {
-      // Get the line scale.
-      // Determinant of this.m_ means how much the area is enlarged by the
-      // transformation. So its square root can be used as a scale factor
-      // for width.
-      var det = m[0][0] * m[1][1] - m[0][1] * m[1][0];
-      ctx.lineScale_ = sqrt(abs(det));
-    }
-  }
-
-  contextPrototype.translate = function(aX, aY) {
-    var m1 = [
-      [1,  0,  0],
-      [0,  1,  0],
-      [aX, aY, 1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), false);
-  };
-
-  contextPrototype.rotate = function(aRot) {
-    var c = mc(aRot);
-    var s = ms(aRot);
-
-    var m1 = [
-      [c,  s, 0],
-      [-s, c, 0],
-      [0,  0, 1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), false);
-  };
-
-  contextPrototype.scale = function(aX, aY) {
-    this.arcScaleX_ *= aX;
-    this.arcScaleY_ *= aY;
-    var m1 = [
-      [aX, 0,  0],
-      [0,  aY, 0],
-      [0,  0,  1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), true);
-  };
-
-  contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) {
-    var m1 = [
-      [m11, m12, 0],
-      [m21, m22, 0],
-      [dx,  dy,  1]
-    ];
-
-    setM(this, matrixMultiply(m1, this.m_), true);
-  };
-
-  contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) {
-    var m = [
-      [m11, m12, 0],
-      [m21, m22, 0],
-      [dx,  dy,  1]
-    ];
-
-    setM(this, m, true);
-  };
-
-  /******** STUBS ********/
-  contextPrototype.clip = function() {
-    // TODO: Implement
-  };
-
-  contextPrototype.arcTo = function() {
-    // TODO: Implement
-  };
-
-  contextPrototype.createPattern = function() {
-    return new CanvasPattern_;
-  };
-
-  // Gradient / Pattern Stubs
-  function CanvasGradient_(aType) {
-    this.type_ = aType;
-    this.x0_ = 0;
-    this.y0_ = 0;
-    this.r0_ = 0;
-    this.x1_ = 0;
-    this.y1_ = 0;
-    this.r1_ = 0;
-    this.colors_ = [];
-  }
-
-  CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) {
-    aColor = processStyle(aColor);
-    this.colors_.push({offset: aOffset,
-                       color: aColor.color,
-                       alpha: aColor.alpha});
-  };
-
-  function CanvasPattern_() {}
-
-  // set up externs
-  G_vmlCanvasManager = G_vmlCanvasManager_;
-  CanvasRenderingContext2D = CanvasRenderingContext2D_;
-  CanvasGradient = CanvasGradient_;
-  CanvasPattern = CanvasPattern_;
-
-})();
-
-} // if
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/dhtmlxchart_full.zip b/addons/web_graph/static/lib/dhtmlxGraph/dhtmlxchart_full.zip
deleted file mode 100644
index 4baf4a63cef..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/dhtmlxchart_full.zip
+++ /dev/null
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/readme.txt b/addons/web_graph/static/lib/dhtmlxGraph/readme.txt
deleted file mode 100644
index 046235b626b..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/readme.txt
+++ /dev/null
@@ -1,7 +0,0 @@
-dhtmlxChart v.2.6  Standard edition build 100928
-
-This component is allowed to use under GPL or you need to obtain Commercial or Enterise License
-to use it in not GPL project. PLease contact sales@dhtmlx.com for details
-
-
-(c) DHTMLX Ltd. 
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/01_load_xml.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/01_load_xml.html
deleted file mode 100644
index e720ba8ee3e..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/01_load_xml.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Data Loading: XML</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	
-	<script>
-	var barChart;
-	window.onload=function(){
-		barChart =  new dhtmlXChart({
-			view:"bar",
-			container:document.getElementById("chart_container"),
-	   		value:"#sales#",
-			label:"#year#",
-			padding:{
-				bottom:0,
-				right:0,
-				left:0
-			},
-			width:30,
-			gradient:true,
-			border:false
-		})
-		barChart.load("../common/sales.xml");
-	
-		var barChart2 =  new dhtmlXChart({
-			view:"pie",
-			container:"chart_container2",
-	   		value:"#sales#",
-	    	details:"#year#"
-		});
-		barChart2.load("../common/sales.xml");
-	}
-	function reloada(){
-
-		barChart.destructor();	
-		barChart =  new dhtmlXChart({
-			view:"pie",
-			container:"chart_container",
-	    	value:"#sales#",
-	    	details:"#year#"
-		})
-		barChart.load("../common/sales.xml");
-	}
-
-	</script>
-</head>
-<body>
-	<p>Chart data can be loaded from different sources: xml,json,JS array,csv<br/> This samples demonstrates loading from xml file.</p>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px"></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-
-	<input type="button" name="some_name" value="reload" onclick="reloada()">
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/02_load_json.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/02_load_json.html
deleted file mode 100644
index e2ce20ae764..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/02_load_json.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Data Loading: JSON</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var data = [
-		{ value:"2.9", label:"2000" },
-		{ value:"3.5", label:"2001" },
-		{ value:"3.1", label:"2002" },
-		{ value:"4.2", label:"2003" },
-		{ value:"4.5", label:"2004" },
-		{ value:"9.6", label:"2005" },
-		{ value:"7.4", label:"2006" },
-		{ value:"9.0", label:"2007" },
-		{ value:"7.3", label:"2008" },
-		{ value:"2.8", label:"2009" }
-	];
-	window.onload = function(){
-		var barChart =  new dhtmlXChart({
-			view:"bar",
-			container:"chart_container",
-			label:"#label#",
-			padding:{
-				bottom:0,
-				right:0,
-				left:0
-			},
-			width:30,
-			gradient:true,
-			border:false
-		})
-		barChart.parse(data,"json");
-	
-		var barChart2 =  new dhtmlXChart({
-			view:"pie",
-			container:"chart_container2",
-	 	   details:"#label#"
-		});
-		barChart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px"></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/03_load_csv.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/03_load_csv.html
deleted file mode 100644
index 64c39cfaef1..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/03_load_csv.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Data Loading: CSV</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var data = "\
-	  2.9, 2000\n\
-      3.5, 2001\n\
-      3.1, 2002\n\
-      4.2, 2003\n\
-      4.5, 2004\n\
-      9.6, 2005\n\
-      7.4, 2006\n\
-      9.0, 2007\n\
-      7.3, 2008\n\
-      2.8, 2009";
-	window.onload = function(){
-		var barChart =  new dhtmlXChart({
-			view:"bar",
-			container:"chart_container",
-	    	value:"#data0#",
-			label:"#data1#",
-			padding:{
-				bottom:0,
-				right:0,
-				left:0
-			},
-			width:30,
-			gradient:true,
-			border:false
-		})
-		barChart.parse(data,"csv");
-	
-		var barChart2 =  new dhtmlXChart({
-			view:"pie",
-			container:"chart_container2",
-	    	value:"#data0#",
-	    	details:"#data1#"
-		});
-		barChart2.parse(data,"csv");
-	}
-	</script>
-</head>
-<body>
-<p>When data are loaded from CSV string, you should use "data" and field index to define field in the template, for example, "#data0#","#data1#",etc.<br/>Charts in this sample represents values in the first column. Therefore, we have set value:"#data0#" in a chart contructor.</p>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px"></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/04_load_jsarray.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/04_load_jsarray.html
deleted file mode 100644
index 023cb0a503a..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/04_load_jsarray.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Data Loading: JS array</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-		var data = [
-			[ "2.9", "2000" ],
-			[ "3.5", "2001" ],
-			[ "3.1", "2002" ],
-			[ "4.2", "2003" ],
-			[ "4.5", "2004" ],
-			[ "9.6", "2005" ],
-			[ "7.4", "2006" ],
-			[ "9.0", "2007" ],
-			[ "7.3", "2008" ],
-			[ "2.8", "2009" ]
-		];
-		window.onload = function(){
-			var barChart =  new dhtmlXChart({
-				view:"bar",
-				container:"chart_container",
-	    		value:"#data0#",
-				label:"#data1#",
-				padding:{
-					bottom:0,
-					right:0,
-					left:0
-				},
-				width:30,
-				gradient:true,
-				border:false
-			})
-			barChart.parse(data,"jsarray");
-	
-			var barChart2 =  new dhtmlXChart({
-				view:"pie",
-				container:"chart_container2",
-	   			value:"#data0#",
-	    		details:"#data1#"
-			});
-			barChart2.parse(data,"jsarray");
-		}
-	</script>
-	
-</head>
-<body>
-	<p>When data are loaded from JS array, you should use "data" and field index to define field in the template, for example, "#data0#","#data1#",etc.<br/>Charts in this sample represents values in the first column. Therefore, we have set value:"#data0#" in a chart contructor.</p>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px"></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/05_series.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/05_series.html
deleted file mode 100644
index 0600c05741d..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/01_initialization/05_series.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>PieChart: Initiazation</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body >
-	<h1>BarChart: Scales</h1>
-	
-	<table>
-		<tr>
-			<td>Automatic vertical scale</td>
-			<td>Custom vertical scale</td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:350px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	<script>
-	var data = [
-		{ sales:"3.0",sales1:"3.4",sales2:"1.2",sales3:"6.9", year:"2000" },
-		{ sales:"3.8",sales1:"4.5",sales2:"2.5",sales3:"7.5", year:"2001" },
-		{ sales:"3.4",sales1:"4.7",sales2:"1.9",sales3:"5.5", year:"2002" }
-	];
-	
-	
-	
-	var barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		width:30,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			title:"Sales,million"
-		},
-		gradient:true,
-		border:false,
-		color: "#66cc33"
-	})
-	barChart1.addSeries({
-	    value:"#sales1#",
-		color:"#ff9933",
-		label:"#sales1#"
-	});
-	barChart1.addSeries({
-	    value:"#sales2#",
-		color:"#ffff99",
-		label:"#sales2#"
-	});
-	barChart1.parse(data,"json");
-	
-	
-	
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart2",
-		value:"#sales#",
-		gradient:true,
-		border:false,
-		width:30,
-		color: "#66cc33",
-		label:"#sales#",
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Years",
-			template:"#year#"
-		},
-		yAxis:{
-		    start: 0,
-			end: 10,
-			step: 1,
-			title:"Sales, mil"
-		}
-		
-	});
-	barChart2.addSeries({
-	    value:"#sales1#",
-		color:"#ff9933",
-		label:"#sales1#"
-	});
-	barChart2.addSeries({
-	    value:"#sales2#",
-		color:"#ffff99",
-		label:"#sales2#"
-	});
-	barChart2.addSeries({
-	    value:"#sales3#",
-		color:"#ccff99",
-		label:"#sales3#"
-	});
-	
-	barChart2.parse(data,"json");
-
-	</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/01_default.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/01_default.html
deleted file mode 100644
index 39b2f5e3865..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/01_default.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Colors: default</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var data = [
-		{ sales:"2.9", year:"2000" },
-		{ sales:"3.5", year:"2001" },
-		{ sales:"3.1", year:"2002" },
-		{ sales:"4.2", year:"2003" },
-		{ sales:"4.5", year:"2004" },
-		{ sales:"9.6", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-window.onload = function(){
-	var barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart_container",
-		value:"#sales#",
-		label:"#year#",
-		padding:{
-			bottom:0,
-			right:0,
-			left:0
-		},
-		width:30
-	})
-	barChart.parse(data,"json");
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"pie",
-		container:"chart_container2",
-		value:"#sales#",
-	    details:"#year#"
-	});
-	barChart2.parse(data,"json");
-}
-	</script>
-</head>
-<body>
-	<p>Chart colors are defined by color property. If it is not set, chart is colored using "rainbow" algorithm.</p>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px"></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-	
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/02_custom.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/02_custom.html
deleted file mode 100644
index 8157a8f82b2..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/02_custom.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Colors: custom colors</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var data = [
-		{ sales:"2.9", year:"2000", color:"#0000FF" },
-		{ sales:"3.5", year:"2001", color:"#00FF00"},
-		{ sales:"3.1", year:"2002", color:"#00FFFF"},
-		{ sales:"4.2", year:"2003", color:"#FF0000"},
-		{ sales:"4.5", year:"2004", color:"#FF00FF"},
-		{ sales:"9.6", year:"2005", color:"#FFFF00"},
-		{ sales:"7.4", year:"2006", color:"#880088"},
-		{ sales:"9.0", year:"2007", color:"#008800"},
-		{ sales:"7.3", year:"2008", color:"#880000"},
-		{ sales:"4.8", year:"2009", color:"#000088"}
-	];
-	
-	window.onload = function(){
-	var barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart_container",
-		value:"#sales#",
-		label:"#year#",
-		color:"#color#",
-		padding:{
-			bottom:0,
-			right:0,
-			left:0
-		},
-		width:30
-	})
-	barChart.parse(data,"json");
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"pie",
-		container:"chart_container2",
-		value:"#sales#",
-	    details:"#year#",
-	    color:"#color#"
-	});
-	barChart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<p>Colors can be defined with template. In this sample colors and defined in data by "color" field.</p>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px"></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/03_custom_logic.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/03_custom_logic.html
deleted file mode 100644
index e88c37b3283..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/03_custom_logic.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Colors: custom logic</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var data = [
-		{ sales:"2.9", year:"2000" },
-		{ sales:"3.5", year:"2001" },
-		{ sales:"3.1", year:"2002" },
-		{ sales:"4.2", year:"2003" },
-		{ sales:"4.5", year:"2004" },
-		{ sales:"9.6", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	window.onload = function(){
-	var barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart_container",
-		value:"#sales#",
-		label:"#year#",
-		width:30,
-		padding:{
-			bottom:0,
-			right:0,
-			left:0
-		},
-		gradient:true,
-		border:false,
-		color:function(obj){
-			if (obj.sales > 5) return "#FF0000";
-			else return "#00FF00";
-		}
-	})
-	barChart.parse(data,"json");
-	
-	var index = 1;
-	var barChart2 =  new dhtmlXChart({
-		view:"pie",
-		container:"chart_container2",
-		value:"#sales#",
-		label:"#year#",
-		gradient:true,
-	    color:function(obj,ratio){
-	    	index++;
-			if (index % 2) return "#FF0000";
-			return "#00FF00";
-		}
-	});
-	barChart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<p>Colors can be defined using function. In this sample color of bars depends on sales value, and colors of pie sectors are alternative.</p>
-	<div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;float:left;margin-right:20px""></div>
-	<div id="chart_container2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/04_gradient.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/04_gradient.html
deleted file mode 100644
index 973d9cdc008..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/02_color/04_gradient.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Colors: color gradient</title>
-	
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var data = [
-		{ sales:"2.9", year:"2000" },
-		{ sales:"3.5", year:"2001" },
-		{ sales:"3.1", year:"2002" },
-		{ sales:"4.2", year:"2003" },
-		{ sales:"4.5", year:"2004" },
-		{ sales:"9.6", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart_container",
-		value:"#sales#",
-		label:"#year#",
-		padding:{
-			bottom:0,
-			right:0,
-			left:0
-		},
-		width:30,
-		gradient:function(gradient){
-			gradient.addColorStop(1.0,"#FF0000");
-			gradient.addColorStop(0.2,"#FFFF00");
-			gradient.addColorStop(0.0,"#00FF22");
-		}
-	})
-	barChart.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<p>The color of Bar Chart can be defined by gradient property. <br/>
-	In this case you should set a function that takes a gradient object as an argument. And using addColorStop you may define colors for chart.</p>
-	<div id="chart_container" style="width:500px;height:300px;border:1px solid #A4BED4;"></div>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/03_group/01_basic.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/03_group/01_basic.html
deleted file mode 100644
index 401dbdae24f..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/03_group/01_basic.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Grouping and Sorting</title>
-	
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var barChart;
-window.onload = function(){
-	barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart_container",
-	    value:"#sales#",
-		color:"#b3e025",
-		gradient:true,
-		border:false,
-		width:70,
-		label:"#id#",
-		sort:{
-			by:"#id#",
-			as:"string",
-			dir:"asc"
-		},
-		group:{
-			by:"#year#",
-			map:{
-				sales:["#sales#","sum"]
-			}
-		},
-		padding:{
-			bottom:0
-		}
-	})
-	barChart.load("../common/stat.xml");
-}
-
-	function  groupA(){
-		barChart.group({
-			by:"#company#",
-			map:{
-				sales:["#sales#","sum"]
-			}
-		});
-		barChart.refresh();
-	}	
-	
-	function  groupB(){
-		barChart.group({
-			by:"#year#",
-			map:{
-				sales:["#sales#","sum"]
-			}
-		});
-	}	
-	
-	function  groupC(){
-		barChart.group({
-			by:"#year#",
-			map:{
-				sales:["#sales#","max"]
-			}
-		});
-	}
-
-	</script>
-</head>
-<body>
-	<p>It's possible to group chart data by a certain property. You may use group method or group property in a chart constructor.</p>
-	<div id="chart_container" style="width:600px;height:300px;border:1px solid #A4BED4;"></div>
-	
-	
-	<br/>
-	<input type="button" name="some_name" value="Group by" onclick="window['group'+document.getElementById('groupby').value]()">
-	<select name="groupby" id="groupby">
-		<option value="A">company</option>
-		<option value="B" SELECTED>year (total sales)</option>
-		<option value="C">year (max sales)</option>
-	</select>
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/03_group/02_scales.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/03_group/02_scales.html
deleted file mode 100644
index 75746062b29..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/03_group/02_scales.html
+++ /dev/null
@@ -1,126 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Scales and grouping</title>
-	
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-	<style>
-		.dhx_chart_title{
-			padding-left:3px
-		}
-	</style>
-	<script>
-	var barChart;
-	window.onload = function(){
-		 barChart =  new dhtmlXChart({
-			view:"bar",
-			container:"chart_container",
-	    	value:"#sales#",
-			color:"#b3e025",
-			gradient:true,
-			border:false,
-			width:70,
-			yAxis:{},
-			xAxis:{
-				template:"#id#",
-				title:"Sales per year (all companies)"
-			},
-			label:"#sales#",
-			sort:{
-				by:"#id#",
-				as:"string",
-				dir:"asc"
-			},
-			group:{
-				by:"#year#",
-				map:{
-					sales:["#sales#","sum"]
-				}
-			}
-		})
-		barChart.load("../common/stat.xml");
-	}
-
-	function  groupA(){
-		barChart.define("xAxis",{
-			template:"#id#",
-			title:"Total sales per companies"
-		});
-		barChart.define("yAxis",{});
-		barChart.group({
-			by:"#company#",
-			map:{
-				sales:["#sales#","sum"]
-			}
-		});
-		barChart.refresh();
-	}	
-	
-	function  groupB(){
-		barChart.define("xAxis",{
-			template:"#id#",
-			title:"Sales per year (all companies)"
-		});
-		barChart.define("yAxis",{});
-		barChart.group({
-			by:"#year#",
-			map:{
-				sales:["#sales#","sum"]
-			}
-		});
-	}	
-	
-	function  groupC(){
-		barChart.define("xAxis",{
-				template:"#id#",
-				title:"Maximum sales per year"
-		});
-		barChart.define("yAxis",{});
-		barChart.group({
-			by:"#year#",
-			map:{
-				sales:["#sales#","max"]
-			}
-		});
-	}
-	
-	function sort(direction){
-		
-		barChart.define("sort",{
-			by:"#sales#",
-			dir:direction,
-			as:"int"
-		});
-		barChart.render();
-	}
-	</script>
-</head>
-<body>
-	<p>To update configuration properties after grouping you need to cal define method with new settings.</p>
-	<div id="chart_container" style="width:600px;height:300px;border:1px solid #A4BED4;"></div>
-	<br/>
-	<input type="button" name="some_name" value="Group by" onclick="window['group'+document.getElementById('groupby').value]()">
-	<select name="groupby" id="groupby">
-		<option value="A">company</option>
-		<option value="B" SELECTED>year (total sales)</option>
-		<option value="C">year (max sales)</option>
-	</select>
-	<br/><br/>
-	<input type="button" name="some_name" value="Sort by sales" onclick="sort(document.getElementById('dir').value)">
-	<select name="dir" id="dir">
-		<option value="asc" selected>asc</option>
-		<option value="desc" >desc</option>
-	</select>
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/01_init.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/01_init.html
deleted file mode 100644
index 63c82ecf42c..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/01_init.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Initialization</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-	    { sales:"6300", company:"Company 1",color:"#d2ed7e" },
-		{ sales:"8700", company:"Company 2",color:"#b3e025" },
-	    { sales:"10500", company:"Company 3",color:"#9ac86d" },
-		{ sales:"7800", company:"Company 4",color:"#e0e56c" }
-	];
-	
-	window.onload = function(){
-	var chart =  new dhtmlXChart({
-		view:"pie",
-		container:"chart1",
-		value:"#sales#",
-		color:"#color#",
-		label:"#company#",
-		pieInnerText:"<b>#sales#</b>",
-		gradient:true
-	});
-	chart.parse(data,"json");
-	
-	
-	var chart2 =  new dhtmlXChart({
-		view:"pie",
-		container:"chart2",
-		value:"#sales#",
-		color:"#color#",
-		label:"#company#",
-		pieInnerText:"<b>#sales#</b>",
-		gradient:true,
-		radius:90,
-		x:280,
-		y:150
-	});
-	chart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body >
-	<table>
-		<tr>
-			<td>Pie chart with Automatic radius and center position</td>
-			<td>Pie chart with Custom radius and center position</td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/02_text.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/02_text.html
deleted file mode 100644
index 7ba118f19e2..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/02_text.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Labels</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"10.7", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-		var pieChart =  new dhtmlXChart({
-			view:"pie",
-			container:"chart",
-			value:"#sales#",
-			pieInnerText:"#sales#",
-			label:"#year#"
-		});
-		pieChart.parse(data,"json");
-	}
-	</script>
-</head>
-<body >
-	<p>There are two properties to define sectors labels:
-	<li>label - defines text outside sectors</li>
-	<li>pieInnerText - set text inside sectors</li>
-	</p>
-	
-	<div id="chart" style="width:450px;height:300px;"></div></td>
-	
-	
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/03_3d_chart.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/03_3d_chart.html
deleted file mode 100644
index 957f7ed7954..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/03_3d_chart.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>3D view</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-	    { sales:"10.5", component:"dhxGrid",color:"#c7e1f3" },
-		{ sales:"8.7", component:"dhxScheduler",color:"#45abf5" },
-	    { sales:"6.3", component:"dhxTree",color:"#3590d0" },
-		{ sales:"5.3", component:"dhxTabbar",color:"#BDDBF9" },
-		{ sales:"4.5", component:"dhxLayout",color:"#d9e5ed" },
-		{ sales:"4.2", component:"dhxMenu",color:"#aed7f4" }
-	];
-	
-	window.onload = function(){
-		var chart =  new dhtmlXChart({
-			view:"pie3D",
-			container:"chart",
-			value:"#sales#",
-			label:function(obj){
-				var sum = chart.sum("#sales#");
-				return obj.component+" ("+Math.round(parseFloat(obj.sales)/sum*100)+"%)";
-			},
-			color:"#color#",
-			radius:110
-		});
-		chart.parse(data,"json");
-	}
-
-	</script>
-</head>
-<body>
-	<div id="chart" style="width:500px;height:300px;border:1px solid #A4BED4;"></div></td>
-	
-	
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/04_legend.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/04_legend.html
deleted file mode 100644
index 2d5c45c0151..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/04_pie_chart/04_legend.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Details Block</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	window.onload = function(){
-	var pieChart =  new dhtmlXChart({
-		view:"pie",
-		container:"chart1",
-		value:"#sales#",
-		pieInnerText:"#sales#",
-		gradient:true,
-		tooltip:{
-			template:"#sales#"
-		},
-		legend:"#year#"
-	});
-	pieChart.parse(data,"json");
-	
-	
-	var pieChart2 =  new dhtmlXChart({
-		view:"pie",
-		container:"chart2",
-		value:"#sales#",
-		pieInnerText:"#sales#",
-		gradient:true,
-		legend:{
-			width: 75,
-			align:"right",
-			valign:"middle",
-			marker:{
-				type:"round",
-				width:15
-			},
-			template:"#year#"
-		}
-	});
-	pieChart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<p>Pie Chart provides property "details" that displayes informationa about all sectors in a separate block.</p>
-	
-	<table>
-		<tr>
-			<td>PieChart with default details block</td>
-			<td>PieChart with custom details block</td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/01_init.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/01_init.html
deleted file mode 100644
index 626a1e216fe..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/01_init.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Initialization</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart =  new dhtmlXChart({
-		view:"line",
-		container:"chart",
-	    value:"#sales#",
-		label:"#year#",
-		tooltip:{
-			template:"#sales#"
-		},
-		item:{
-			borderColor: "#ffffff",
-			color: "#000000"
-		},
-		line:{
-			color:"#ff9900",
-			width:3
-		}
-	})
-	chart.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<div id="chart" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-</body>
-</html>
-
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/02_style.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/02_style.html
deleted file mode 100644
index 39dfe7eb41f..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/02_style.html
+++ /dev/null
@@ -1,153 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Style definition</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	window.onload = function(){
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	var chart1 =  new dhtmlXChart({
-		view:"line",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#year#",
-		tooltip:{
-			template:"#sales#"
-		},
-		item:{
-			borderColor: "#ffffff",
-			color: "#000000"
-		},
-		line:{
-			color:"#ff9900",
-			width:3
-		}
-	})
-	chart1.parse(data,"json");
-	
-	var chart2 =  new dhtmlXChart({
-		view:"line",
-		container:"chart2",
-	    value:"#sales#",
-		label:"#year#",
-		tooltip:{
-			template:"#sales#"
-		},
-		item:{
-			borderColor: "#3399ff",
-			color: "#ffffff"
-		},
-		line:{
-			color:"#3399ff",
-			width:3
-		}
-	})
-	chart2.parse(data,"json");
-	
-	var data2 = [
-		{ sales:"1.2", year:"2000" },
-		{ sales:"2.4", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"5.9", year:"2005" },
-		{ sales:"6.5", year:"2006" },
-		{ sales:"6.1", year:"2007" },
-		{ sales:"6.0", year:"2008" },
-		{ sales:"6.2", year:"2009" }
-	];
-	var chart3 =  new dhtmlXChart({
-		view:"line",
-		container:"chart3",
-	    value:"#sales#",
-		item:{
-			radius:0
-		},
-		line:{
-			color:"#b25151",
-			width:3
-		},
-		xAxis:{
-			title:"Years",
-			template:"#year#",
-			lines:true
-		},
-		yAxis:{
-			start: 0,
-			end: 10,
-			step: 1,
-			title:"Sales, mil"
-		},
-		tooltip:{
-			template:"#year#"
-		}
-	})
-	chart3.parse(data2,"json");
-	
-	var chart4 =  new dhtmlXChart({
-		view:"line",
-		container:"chart4",
-	    value:"#sales#",
-		item:{
-			borderColor: "#000000",
-			color: "#ffffff",
-			borderWidth:1,
-			radius:3
-		},
-		line:{
-			color:"#3399ff",
-			width:3
-		},
-		xAxis:{
-			title:"Years",
-			template:"#year#"
-		},
-		yAxis:{
-			start: 0,
-			end: 10,
-			step: 1,
-			title:"Sales, mil",
-			lines:false
-		},
-		tooltip:{
-			template:"#year#"
-		}
-	})
-	chart4.parse(data2,"json");
-	}
-	</script>
-</head>
-<body >
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-		<tr>
-			<td><div id="chart3" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart4" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/03_scale.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/03_scale.html
deleted file mode 100644
index 161cbf7ee53..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/03_scale.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Scales</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart1 =  new dhtmlXChart({
-		view:"line",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		tooltip:{
-			template:"#sales#"
-		},
-		item:{
-			borderColor: "#ffffff",
-			color: "#000000"
-		},
-		line:{
-			color:"#ff9900",
-			width:3
-		},
-		yAxis:{},
-		xAxis:{
-			title:"Years",
-			template:"#year#"
-		}
-	})
-	chart1.parse(data,"json");
-	
-	var chart2 =  new dhtmlXChart({
-		view:"line",
-		container:"chart2",
-	    value:"#sales#",
-		tooltip:{
-			template:"#sales#"
-		},
-		item:{
-			borderColor: "#3399ff",
-			color: "#ffffff"
-		},
-		line:{
-			color:"#3399ff",
-			width:3
-		},
-		xAxis:{
-			title:"Years",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales, million"
-		},
-		item:{
-			borderColor: "#3399ff",
-			color: "#ffffff"
-		}
-	})
-	chart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body >
-	<table>
-		<tr>
-			<td>Automatic vertical scale</td>
-			<td>Custom vertical scale</td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-</body>
-</html>
-
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/04_spline.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/04_spline.html
deleted file mode 100644
index 4f266ee8983..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/04_spline.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Initialization</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart =  new dhtmlXChart({
-		view:"spline",
-		container:"chart",
-	    value:"#sales#",
-		label:"#year#",
-		tooltip:{
-			template:"#sales#"
-		},
-		item:{
-			borderColor: "#ffffff",
-			color: "#000000"
-		},
-		line:{
-			color:"#ff9900",
-			width:3
-		},
-		padding:{
-			left:15
-		}
-	})
-	chart.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<div id="chart" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/05_series.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/05_series.html
deleted file mode 100644
index 532cd385519..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/05_line_chart/05_series.html
+++ /dev/null
@@ -1,94 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Scales</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ "companyA":"-1.9", "companyB":1, year:"2000" },
-		{ "companyA":"-0.8", "companyB":0.8, year:"2001" },
-		{ "companyA":"3.4", "companyB":1.9, year:"2002" },
-		{ "companyA":"4.1", "companyB":2.5, year:"2003" },
-		{ "companyA":"4.3", "companyB":3.1, year:"2004" },
-		{ "companyA":"5.9", "companyB":4.5, year:"2005" },
-		{ "companyA":"6.1", "companyB":5.7, year:"2006" },
-		{ "companyA":"6.5", "companyB":7.2, year:"2007" },
-		{ "companyA":"5.2", "companyB":6.5, year:"2008" },
-		{ "companyA":"4.8", "companyB":6.8, year:"2009" }
-	];
-	
-	window.onload = function(){
-		var chart1 =  new dhtmlXChart({
-			view:"line",
-			container:"chart1",
-	    	value:"#companyA#",
-			item:{
-				borderColor: "#3399ff",
-				color: "#ffffff"
-			},
-			line:{
-				color:"#3399ff",
-				width:3
-			},
-			xAxis:{
-				template:"#year#"
-			},
-			yAxis:{
-				start:-2,
-				step:1,
-				end:8
-			},
-			padding:{
-				left:35,
-				bottom:20
-			},
-			origin:0,
-			legend:{
-				layout:"x",
-				width: 75,
-				align:"center",
-				valign:"bottom",
-				marker:{
-					type:"round",
-					width:15
-				},
-				values:[
-					{text:"company A",color:"#3399ff"},
-					{text:"company B",color:"#66cc00"}
-				]
-			}
-		})
-		
-	
-		chart1.addSeries({
-			value:"#companyB#",
-			item:{
-				borderColor: "#66cc00",
-				color: "#ffffff"
-			},
-			line:{
-				color:"#66cc00",
-				width:3
-			}
-		})
-		chart1.parse(data,"json");
-	}
-	</script>
-</head>
-<body >
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:500px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/01_init.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/01_init.html
deleted file mode 100644
index e31ae20dd39..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/01_init.html
+++ /dev/null
@@ -1,74 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>PieChart: Initiazation</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#year#",
-		width:30,
-		gradient:true,
-		border:false
-	})
-	barChart1.parse(data,"json");
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart2",
-		value:"#sales#",
-		label:"#sales#",
-		color:"#66ccff",
-		gradient:"3d",
-		//border:false,
-		width:25,
-		padding:{
-			bottom:0,
-			right:50,
-			left:50
-		}
-	});
-	barChart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body >
-	<h1>BarChart: Initiazation</h1>
-	
-	<table>
-		<tr>
-			<td></td>
-			<td></td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/02_text.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/02_text.html
deleted file mode 100644
index ee378b194f1..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/02_text.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>PieChart: Initiazation</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body >
-	<h1>BarChart: Initiazation</h1>
-	
-	<table>
-		<tr>
-			<td></td>
-			<td></td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	
-	var barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#66cc33",
-		width:50,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		}
-	})
-	barChart1.parse(data,"json");
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart2",
-		value:"#sales#",
-		label:"#sales#",
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Years",
-			template:"#year#"
-		}
-	});
-	barChart2.parse(data,"json");
-
-	</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/03_scales.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/03_scales.html
deleted file mode 100644
index edc1f6ca45d..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/03_scales.html
+++ /dev/null
@@ -1,99 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>PieChart: Initiazation</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body >
-	<h1>BarChart: Scales</h1>
-	
-	<table>
-		<tr>
-			<td>Custom vertical scale and origin</td>
-			<td>Automatic vertical scale</td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	<script>
-	var data = [
-		{ sales:"-2.0", year:"2000" },
-		{ sales:"-0.4", year:"2001" },
-		{ sales:"1.1", year:"2002" },
-		{ sales:"3.3", year:"2003" },
-		{ sales:"1.2", year:"2004" },
-		{ sales:"1.8", year:"2005" },
-		{ sales:"4.1", year:"2006" },
-		{ sales:"5.5", year:"2007" },
-		{ sales:"3.5", year:"2008" },
-		{ sales:"1.8", year:"2009" }
-	];
-	
-	
-	
-	
-	var barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		width:30,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			template:"#year#",
-			title:"Year"
-		},
-		
-		yAxis:{
-			start:-3,
-			end:7,
-			step:1,
-			title:"Profit"
-		},		
-		origin:0,
-		gradient:true,
-		border:false
-	})
-	barChart1.parse(data,"json");
-	
-	
-	
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart2",
-		value:"#sales#",
-		gradient:true,
-		border:false,
-		width:30,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			template:"#year#",
-			title:"Year"
-		},
-		yAxis:{
-			title:"Profit"
-		}
-		
-	});
-	barChart2.parse(data,"json");
-
-	</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/04_styles.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/04_styles.html
deleted file mode 100644
index 0877a95de16..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/04_styles.html
+++ /dev/null
@@ -1,207 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Chart</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body >
-	<h1>Chart</h1>
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart3" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-		<tr>
-			
-			
-		</tr>
-		<tr>
-			<td><div id="chart4" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart5" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart6" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	
-	var barChart1 =  new dhtmlXChart({
-		view:"bar",
-		alpha:function(data){
-			return data.sales/10;
-		},
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#66cc33",
-		width:50,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales, million"
-		}
-	})
-	barChart1.parse(data,"json");
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart2",
-		value:"#sales#",
-		label:"#sales#",
-		width:2,
-		border:false,
-
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Years",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales,<br/>million"
-		}
-		
-	})
-	barChart2.parse(data,"json");
-
-	
-	var barChart3 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart3",
-	    value:"#sales#",
-		label:"#sales#",
-		width:35,
-		border:false,
-		gradient:true,
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales,<br/>million"
-		}
-	});
-	barChart3.parse(data,"json");
-	
-	var barChart4 =  new dhtmlXChart({
-		view:"bar",
-		alpha:function(data){
-			return data.sales/10;
-		},
-		container:"chart4",
-	    value:"#sales#",
-		label:"#sales#",
-		width:50,
-		gradient:function(gradient){
-			gradient.addColorStop(1.0,"#FF0000");
-			gradient.addColorStop(0.3,"#FFFF00");
-			gradient.addColorStop(0.0,"#00FF22");
-		},
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales,<br/>million"
-		}
-	})
-	barChart4.parse(data,"json");
-	
-		
-	var barChart5 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart5",
-	    value:"#sales#",
-		label:"#sales#",
-		width:35,
-
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales,<br/>million"
-		}
-	})
-	barChart5.parse(data,"json");
-	
-	var barChart6 =  new dhtmlXChart({
-		view:"bar",
-		alpha:function(data){
-			return data.sales/10;
-		},
-		container:"chart6",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#66cc33",
-		border:false,
-		width:30,
-		radius:0,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			end:10,
-			step:1,
-			title:"Sales,<br/>million"
-		}
-	})
-	barChart6.parse(data,"json");
-	
-	</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/05_stacked_chart.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/05_stacked_chart.html
deleted file mode 100644
index d165d0bd488..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/05_stacked_chart.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>StackedBar Chart</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body onload="init()">
-	<h1>StackedBar Chart</h1>
-	<div id="chart1" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
-	
-	
-	<script>
-	var data = [
-		{ sales:"3.0",sales1:"3.4",sales2:"1.2",sales3:"6.9", year:"2000" },
-		{ sales:"5.0",sales1:"5.0",sales2:"5.0",sales3:"5.0", year:"2001" },
-		{ sales:"3.4",sales1:"4.7",sales2:"1.9",sales3:"5.5", year:"2002" }
-	];
-	function init(){
-		var barChart1 =  new dhtmlXChart({
-			view:"stackedBar",
-			container:"chart1",
-		    value:"#sales#",
-			label:"#sales#",
-			width:60,
-			tooltip:{
-				template:"#sales#"
-			},
-			xAxis:{
-				title:"Sales per year",
-				template:"#year#"
-			},
-			yAxis:{
-				title:"Sales,million"
-			},
-			gradient:"3d",
-			//border:false,
-			color: "#66cc33",
-			legend:{
-				values:[{text:"department A",color:"#66cc33"},{text:"department B",color:"#ff9933"},{text:"department C",color:"#ffff99"},{text:"department D",color:"#66ffcc"}],
-				valign:"top",
-				align:"right",
-				width:120,
-				layout:"y",
-				marker:{
-					width:15,
-					type:"round"
-				}
-			}
-		})
-		barChart1.addSeries({
-		    value:"#sales1#",
-			color:"#ff9933",
-			label:"#sales1#",
-			tooltip:{
-				template:"#sales1#"
-			}
-		});
-		barChart1.addSeries({
-		    value:"#sales2#",
-			color:"#ffff99",
-			label:"#sales2#",
-			tooltip:{
-				template:"#sales2#"
-			}
-		});
-		barChart1.addSeries({
-		    value:"#sales3#",
-			color:"#66ffcc",
-			label:"#sales3#",
-			tooltip:{
-				template:"#sales3#"
-			}
-		});
-		barChart1.parse(data,"json");	
-	}
-</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/06_series.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/06_series.html
deleted file mode 100644
index 3c5fb695692..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/06_series.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Series</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body >
-	<h1>Series</h1>
-	
-	<div id="chart" style="width:500px;height:300px;border:1px solid #A4BED4;"></div>
-	
-	<script>
-	var data = [
-		{ sales:"4.2",sales1:"3.4",sales2:"1.2", year:"2000" },
-		{ sales:"3.8",sales1:"4.5",sales2:"2.5", year:"2001" },
-		{ sales:"3.4",sales1:"4.7",sales2:"1.9", year:"2002" }
-	];
-	
-	
-	
-	var barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart",
-	    value:"#sales#",
-		label:"#sales#",
-		width:30,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-			start:0,
-			step:1,
-			end:5,
-			title:"Sales,million"
-		},
-		gradient:true,
-		border:false,
-		color: "#66cc33",
-		legend:{
-			values:[{text:"department A",color:"#66cc33"},{text:"department B",color:"#ff9933"},{text:"department C",color:"#ffff99"}],
-			valign:"top",
-			align:"center",
-			width:120,
-			layout:"x",
-			marker:{
-				width:15,
-				type:"round"
-			}
-		}
-	})
-	barChart.addSeries({
-	    value:"#sales1#",
-		color:"#ff9933",
-		label:"#sales1#"
-	});
-	barChart.addSeries({
-	    value:"#sales2#",
-		color:"#ffff99",
-		label:"#sales2#"
-	});
-	barChart.parse(data,"json");
-	
-	
-
-
-	</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/07_horizonal_bars.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/07_horizonal_bars.html
deleted file mode 100644
index 6c8046c5855..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/07_horizonal_bars.html
+++ /dev/null
@@ -1,120 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Horizontal bar Chart</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-</head>
-<body >
-	<h3>Horizontal bar Chart</h3>
-	
-	<table>
-		
-		<tr>
-			<td><div id="chart1" style="width:450px;height:350px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:450px;height:350px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	
-	var data2 = [
-		{ sales:"3.0",sales1:"3.4",sales2:"1.2",sales3:"6.9", year:"2007" },
-		{ sales:"3.8",sales1:"4.5",sales2:"2.5",sales3:"7.5", year:"2008" },
-		{ sales:"3.4",sales1:"4.7",sales2:"1.9",sales3:"5.5", year:"2009" }
-	];
-	var barChart1 =  new dhtmlXChart({
-		view:"barH",
-		container:"chart1",
-	    value:"#sales#",
-		width:50,
-		label: "#sales#",
-		gradient:"3d",
-		color:"#ffcc00",
-		xAxis:{
-			title:"Sales per year",
-			lines: true
-		},
-		yAxis:{
-			title:"Year",
-			template:"#year#"
-		},
-		padding:{
-			left:75,
-			right:30
-		}
-	})
-	barChart1.parse(data,"json");
-
-
-	
-	var barChart2 =  new dhtmlXChart({
-		view:"barH",
-		container:"chart2",
-	    value:"#sales#",
-		label:"#sales#",
-		width:30,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year"
-		},
-		yAxis:{
-			title:"Year",
-			template:"#year#"
-		},
-		gradient:true,
-		border:false,
-		color: "#66cc33",
-		legend:{
-			values:[{text:"department A",color:"#66cc33"},{text:"department B",color:"#ff9933"},{text:"department C",color:"#ffff99"}],
-			
-			width:120,
-			align:"right",
-			valign:"middle",
-			marker:{
-				width:15,
-				type:"round"
-			}
-		},
-		padding:{
-			left:65
-		}
-	});
-	barChart2.addSeries({
-	    value:"#sales1#",
-		color:"#ff9933",
-		label:"#sales1#"
-	});
-	barChart2.addSeries({
-	    value:"#sales2#",
-		color:"#ffff99",
-		label:"#sales2#"
-	});
-	barChart2.parse(data2,"json");
-	</script>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/08_horizonal_stacked_bars.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/08_horizonal_stacked_bars.html
deleted file mode 100644
index fe4d8509376..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/06_bar_chart/08_horizonal_stacked_bars.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Horizontal Stacked Bars</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-<script>
-	
-var data = [
-	{ sales:"3.0",sales1:"3.4",sales2:"1.2",sales3:"6.9", year:"2007" },
-	{ sales:"5.0",sales1:"5.0",sales2:"5.0",sales3:"5.0", year:"2008" },
-	{ sales:"3.4",sales1:"4.7",sales2:"1.9",sales3:"5.5", year:"2009" }
-];
-	
-window.onload = function(){
-	barChart =  new dhtmlXChart({
-		view:"stackedBarH",
-		container:"chart",
-	    value:"#sales#",
-		width:50,
-		label: "#sales#",
-		gradient:"3d",
-		color: "#66cc33",
-		xAxis:{
-			title:"Sales per year",
-			lines: false
-		},
-		yAxis:{
-			title:"Year",
-			template:"#year#"
-		},
-		padding:{left:75},
-		legend:{
-			values:[{text:"department A",color:"#66cc33"},{text:"department B",color:"#ff9933"},{text:"department C",color:"#ffff66"},{text:"department D",color:"#66ffcc"}],
-			valign:"top",
-			align:"left",
-			width:120,
-			layout:"x",
-			marker:{
-				width:15,
-				type:"round"
-			}
-		}
-	}) 
-	barChart.addSeries({
-	    value:"#sales1#",
-		color:"#ff9933",
-		label:"#sales1#"
-	});
-	barChart.addSeries({
-	    value:"#sales2#",
-		color:"#ffff66",
-		label:"#sales2#"
-	});
-	barChart.addSeries({
-	    value:"#sales3#",
-		color:"#66ffcc",
-		label:"#sales3#"
-	});
-	barChart.parse(data,"json");
-}
-	</script>
-</head>
-<body>
-	<div id="chart" style="width:480px;height:350px;border:1px solid #A4BED4;"></div></td>
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html
deleted file mode 100644
index 5195e7476e1..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/01_init.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Initialization</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"7.6", year:"2005" },
-		{ sales:"7.8", year:"2006" },
-		{ sales:"7.2", year:"2007" },
-		{ sales:"5.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart =  new dhtmlXChart({
-		view:"area",
-		container:"chart",
-	    value:"#sales#",
-		label:"#year#",
-		color:"#00ccff",
-		tooltip:{
-			template:"#sales#"
-		},
-		
-		alpha:0.8,
-		padding:{
-			left:0,
-			right:0,
-			bottom:0
-		}
-	})
-	chart.parse(data,"json");
-	}
-	</script>
-</head>
-<body>
-	<div id="chart" style="width:450px;height:300px;border:1px solid #A4BED4;"></div></td>
-</body>
-</html>
-
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html
deleted file mode 100644
index e3d65bd6d55..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/02_scale.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Scales</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<style>
-	.dhx_axis_item_x{
-		font-size: 10px
-	}
-	.dhx_axis_item_y{
-		font-size: 10px
-	}
-	</style>
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"7.6", year:"2005" },
-		{ sales:"7.8", year:"2006" },
-		{ sales:"7.2", year:"2007" },
-		{ sales:"5.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart1 =  new dhtmlXChart({
-		view:"area",
-		container:"chart1",
-	    value:"#sales#",
-		color:"#00ccff",
-		tooltip:{
-			template:"#sales#"
-		},
-		padding:{
-			left:30
-		},
-		yAxis:{
-			start:0,
-			step:1,
-			end:10
-		},
-		xAxis:{
-			lines:true,
-			title:"sales per year",
-			template:"#year#"
-		}
-	})
-	chart1.parse(data,"json");
-	
-	var chart2 =  new dhtmlXChart({
-		view:"area",
-		container:"chart2",
-	    value:"#sales#",
-		tooltip:{
-			template:"#sales#"
-		},
-		color:"#00ccff",
-		xAxis:{
-			title:"sales per year",
-			template:"#year#"
-		},
-		yAxis:{
-		},
-		padding:{
-			left:30
-		},
-		item:{
-			borderColor: "#3399ff",
-			color: "#ffffff"
-		}
-	})
-	chart2.parse(data,"json");
-	}
-	</script>
-</head>
-<body >
-	<table>
-		<tr>
-			<td>Custom vertical scale</td>
-			<td>Automatic vertical scale</td>
-		</tr>
-		<tr>
-			<td><div id="chart1" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
-			<td><div id="chart2" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-</body>
-</html>
-
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html
deleted file mode 100644
index c071386c348..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_series.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Scales</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<style>
-	.dhx_axis_item_x{
-		font-size: 10px
-	}
-	.dhx_axis_item_y{
-		font-size: 10px
-	}
-	</style>
-	<script>
-	var data = [
-		{ sales:3.0, sales1:2.8, sales2:3.4, year:"2000" },
-		{ sales:3.8, sales1:2.5, sales2:2.0, year:"2001" },
-		{ sales:3.4, sales1:1.7, sales2:3.1, year:"2002" },
-		{ sales:4.1, sales1:2.7, sales2:3.5, year:"2003" },
-		{ sales:4.3, sales1:3.6, sales2:4.0, year:"2004" },
-		{ sales:7.6, sales1:3.1, sales2:4.9, year:"2005" },
-		{ sales:7.8, sales1:3.9, sales2:5.2, year:"2006" },
-		{ sales:7.2, sales1:3.6, sales2:5.6, year:"2007" },
-		{ sales:5.3, sales1:2.9, sales2:4.1, year:"2008" },
-		{ sales:4.8, sales1:2.1, sales2:3.9, year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart1 =  new dhtmlXChart({
-		view:"area",
-		container:"chart",
-	    value:"#sales#",
-		color:"#00ccff",
-		alpha:0.6,
-		padding:{
-			left:30
-		},
-		yAxis:{
-			start:0,
-			step:1,
-			end:8
-		},
-		xAxis:{
-			lines:true,
-			title:"sales per year",
-			template:"#year#"
-		},
-		legend:{
-				layout:"x",
-				width: 75,
-				align:"center",
-				valign:"top",
-				marker:{
-					type:"round",
-					width:15
-				},
-				values:[
-					{text:"company A",color:"#00ccff"},
-					{text:"company B",color:"#0000ff"},
-					{text:"company C",color:"#cc33ff"}
-				]
-			}
-	})
-	chart1.addSeries({
-		value:"#sales1#",
-		color:"#0000ff"
-	})
-	chart1.addSeries({
-		value:"#sales2#",
-		color:"#cc33ff"
-	})
-	chart1.parse(data,"json");
-	
-	}
-	</script>
-</head>
-<body >
-	<div id="chart" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
-			
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html
deleted file mode 100644
index 55fccb93e84..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/07_area_chart/03_stacked_area.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Scales</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<style>
-	.dhx_axis_item_x{
-		font-size: 10px
-	}
-	.dhx_axis_item_y{
-		font-size: 10px
-	}
-	</style>
-	<script>
-	var data = [
-		{ sales:3.0, sales1:2.8, sales2:3.9, year:"2000" },
-		{ sales:3.8, sales1:2.5, sales2:2.0, year:"2001" },
-		{ sales:3.4, sales1:1.7, sales2:3.1, year:"2002" },
-		{ sales:4.1, sales1:2.7, sales2:3.5, year:"2003" },
-		{ sales:4.3, sales1:3.6, sales2:4.0, year:"2004" },
-		{ sales:7.6, sales1:3.1, sales2:4.9, year:"2005" },
-		{ sales:7.8, sales1:3.9, sales2:5.2, year:"2006" },
-		{ sales:7.2, sales1:3.6, sales2:5.6, year:"2007" },
-		{ sales:5.3, sales1:2.9, sales2:4.1, year:"2008" },
-		{ sales:4.8, sales1:2.1, sales2:3.9, year:"2009" }
-	];
-	
-	window.onload = function(){
-	var chart1 =  new dhtmlXChart({
-		view:"stackedArea",
-		container:"chart",
-	    value:"#sales#",
-		color:"#00ccff",
-		alpha:0.6,
-		padding:{
-			left:30
-		},
-		yAxis:{
-			
-		},
-		xAxis:{
-			lines:true,
-			title:"sales per year",
-			template:"#year#"
-		},
-		legend:{
-				layout:"x",
-				width: 75,
-				align:"center",
-				valign:"top",
-				marker:{
-					type:"round",
-					width:15
-				},
-				values:[
-					{text:"company A",color:"#00ccff"},
-					{text:"company B",color:"#0000ff"},
-					{text:"company C",color:"#cc33ff"}
-				]
-			}
-	})
-	chart1.addSeries({
-		value:"#sales1#",
-		color:"#0000ff"
-	})
-	chart1.addSeries({
-		value:"#sales2#",
-		color:"#cc33ff"
-	})
-	chart1.parse(data,"json");
-	
-	}
-	</script>
-</head>
-<body >
-	<div id="chart" style="width:470px;height:300px;border:1px solid #A4BED4;"></div></td>
-			
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/01_add.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/01_add.html
deleted file mode 100644
index 7a3b45f8cee..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/01_add.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Adding</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	var barChart1;
-	
-	window.onload = function(){
-	 	barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#b3e025",
-		gradient:true,
-		border:false,
-		width:50,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		padding:{
-			top:20,
-			left:0,
-			right:0
-		}
-	});
-	barChart1.parse(data,"json");
-	}
-	
-	var counter = 2010;
-	function add_new () {
-		barChart1.add({
-			year:counter,
-			sales:(Math.random()*5).toFixed(2)
-		});
-		counter++;
-	}
-	function delete_first(){
-		barChart1.remove(barChart1.first());
-	}
-	</script>
-</head>
-<body>
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:750px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	
-	
-	<input type="button" value="add" onclick="add_new()">
-	<input type="button" value="delete" onclick="delete_first()">
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/02_events.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/02_events.html
deleted file mode 100644
index 495d42bf795..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/02_events.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Events</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	var barChart1;
-	window.onload = function(){
-		barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#b3e025",
-		gradient:true,
-		border:false,
-		width:50,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		padding:{
-			top:20,
-			left:0,
-			right:0
-		}
-	});
-	barChart1.parse(data,"json");
-	barChart1.attachEvent("onMouseMove", function(id){
-		id = barChart1.get(id).year;
-		log("onMouseMove", id);
-		return true;
-	});
-	barChart1.attachEvent("onMouseOut", function(id){
-		log("onMouseOut", id);
-		return true;
-	});
-	
-	barChart1.attachEvent("onItemClick", function(id){
-		id = barChart1.get(id).year;
-		log("onItemClick", id);
-		return true;
-	});
-	barChart1.attachEvent("onItemDblClick", function(id){
-		id = barChart1.get(id).year;
-		log("onItemDblClick", id);
-		return true;
-	});
-	
-	}
-
-	function log(name, id){
-		var t = document.createElement("DIV");
-		t.innerHTML = name+" for element "+id;
-		
-		var p = document.getElementById("log_div");
-		p.insertBefore(t, p.firstChild);
-	}
-
-	</script>
-</head>
-<body>
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:750px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	<div id="log_div" style="widht:950px; height:300px; font-family:Tahoma;overflow:auto"></div>
-	
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/03_sorting.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/03_sorting.html
deleted file mode 100644
index cb8b254fe10..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/03_sorting.html
+++ /dev/null
@@ -1,73 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Sorting</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	var barChart1;
-	
-	window.onload = function(){
-	barChart1 =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#b3e025",
-		gradient:true,
-		border:false,
-		width:50,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		padding:{
-			top:20,
-			left:0,
-			right:0
-		}
-	});
-	barChart1.parse(data,"json");
-	}
-
-	</script>
-</head>
-<body >
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:750px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	
-	<input type="button" value="sort by sales, ASC" onclick="barChart1.sort('#sales#','asc');">
-	<input type="button" value="sort by sales, DESC" onclick="barChart1.sort('#sales#','desc');">
-	<input type="button" value="sort by year, ASC" onclick="barChart1.sort('#year#','asc');">
-	<input type="button" value="sort by year, DESC" onclick="barChart1.sort('#year#','desc');">
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/04_filtering.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/04_filtering.html
deleted file mode 100644
index 230aa820800..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/08_dynamic/04_filtering.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<head>
-	<title>Filtering</title>
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-	
-	window.onload = function(){
-	barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart1",
-	    value:"#sales#",
-		label:"#sales#",
-		color:"#b3e025",
-		gradient:true,
-		border:false,
-		width:50,
-		tooltip:{
-			template:"#sales#"
-		},
-		xAxis:{
-			title:"Sales per year",
-			template:"#year#"
-		},
-		padding:{
-			top:30,
-			left:0,
-			right:0
-		}
-	});
-	barChart.parse(data,"json");
-	}
-
-	function filter_year(){
-		barChart.filter(function(obj){
-			return obj.year >2005;
-		})
-	}
-	function filter_sales(){
-		barChart.filter(function(obj){
-			return obj.sales < 8;
-		})
-	}
-	
-	</script>
-</head>
-<body>
-	<table>
-		<tr>
-			<td><div id="chart1" style="width:750px;height:300px;border:1px solid #A4BED4;"></div></td>
-		</tr>
-	</table>
-	
-	
-	
-	<input type="button" value="show all" onclick="barChart.filter();">
-	<input type="button" value="show year > 2005" onclick="filter_year()">
-	<input type="button" value="show sales < 8" onclick="filter_sales()">
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/01_dhtmlxgrid.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/01_dhtmlxgrid.html
deleted file mode 100644
index 698da15d9fd..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/01_dhtmlxgrid.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
-<html>
-<head>
-	<title>Integration with grid</title>
-	<link rel='STYLESHEET' type='text/css' href='../../../dhtmlxGrid/codebase/dhtmlxgrid.css'>
-	<link rel='STYLESHEET' type='text/css' href='../../../dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css'>
-	<script src='../../../dhtmlxGrid/codebase/dhtmlxcommon.js'></script>
-	<script src='../../../dhtmlxGrid/codebase/dhtmlxgrid.js'></script>
-	<script src='../../../dhtmlxGrid/codebase/dhtmlxgridcell.js'></script>	
-	
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var barChart;
-	window.onload = function(){
-	barChart =  new dhtmlXChart({
-		view:"bar",
-		color:"#66ccff",
-		gradient:"3d",
-		container:"chart_container",
-	    value:"#data0#",
-		label:"#data0#",
-		radius:3,
-		tooltip:{
-			template:"#data0#"
-		},
-		width:30,
-		origin:0,
-		yAxis:{},
-		xAxis:{
-			template:function(){return ""}
-		},
-		border:false
-	});
-	
-	function refresh_chart(){
-		barChart.clearAll();
-		barChart.parse(mygrid,"dhtmlxgrid");
-	};
-	
-	mygrid = new dhtmlXGridObject('gridbox');
-	mygrid.setImagePath('../../../dhtmlxGrid/codebase/imgs/');
-	mygrid.setSkin("dhx_skyblue")
-	mygrid.loadXML("../../../dhtmlxGrid/samples/common/gridH.xml",refresh_chart);
-	mygrid.attachEvent("onEditCell",function(stage){
-		if (stage == 2)
-			refresh_chart();
-		return true;
-	});
-    }
-</script>
-</head>
-
-<body>
-	
-	<div id="gridbox" style="width:600px; height:270px; background-color:white;"></div>
-	<hr>
-	<div id="chart_container" style="width:500px;height:300px;"></div>
-	
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/02_dhtmlxgrid_group.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/02_dhtmlxgrid_group.html
deleted file mode 100644
index d911e209922..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/02_dhtmlxgrid_group.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
-<html>
-<head>
-	<title>Integration with Grid and Grouping</title>
-	<link rel='STYLESHEET' type='text/css' href='../../../dhtmlxGrid/codebase/dhtmlxgrid.css'>
-	<link rel='STYLESHEET' type='text/css' href='../../../dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css'>
-	<script src='../../../dhtmlxGrid/codebase/dhtmlxcommon.js'></script>
-	<script src='../../../dhtmlxGrid/codebase/dhtmlxgrid.js'></script>
-	<script src='../../../dhtmlxGrid/codebase/dhtmlxgridcell.js'></script>	
-	
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	<script>
-	var barChart;
-	window.onload = function(){
-		barChart =  new dhtmlXChart({
-		view:"bar",
-		container:"chart_container",
-	    value:"#sales#",
-		label:"#sales#",
-		sort:{
-			by:"#sales#",
-			as:"int"
-		},
-		group:{
-			by:"#data2#",
-			map:{
-				author:["#data2#"],
-				sales:["#data0#","sum"]
-			}
-		},
-		xAxis:{
-			template:"#author#"
-		},
-		padding:{
-			left:0,
-			right:0
-		},
-		color:"#45abf5",
-		gradient:true,
-		width:50,
-		border:false
-	});
-	
-	function refresh_chart(){
-		barChart.clearAll();
-		barChart.parse(mygrid,"dhtmlxgrid");
-	};
-	
-	mygrid = new dhtmlXGridObject('gridbox');
-	mygrid.setImagePath('../../../dhtmlxGrid/codebase/imgs/');
-	mygrid.setSkin("dhx_skyblue")
-	mygrid.loadXML("../../../dhtmlxGrid/samples/common/gridH.xml",refresh_chart);
-	mygrid.attachEvent("onEditCell",function(stage){
-		if (stage == 2)
-			refresh_chart();
-		return true;
-	});
-    }
-</script>
-</head>
-
-<body>
-	
-	<div id="gridbox" style="width:600px; height:270px; background-color:white;"></div>
-	<hr>
-	<div id="chart_container" style="width:600px;height:300px;"></div>
-
-</body>
-</html>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/03_windows.html b/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/03_windows.html
deleted file mode 100644
index 822e621d9ca..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/09_integration/03_windows.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!--conf
-<sample>
-              <product version="2.6" edition="std"/>
-                     <modifications>
-                            <modified date="100609"/>
-                     </modifications>
-               </sample>
- -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
-<html>
-<head>
-	<title>Integration with dhtmlxWindows</title>
-	
-	<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/dhtmlxwindows.css">
-	<link rel="stylesheet" type="text/css" href="../../../dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_skyblue.css">
-	
-	<script src="../../../dhtmlxWindows/codebase/dhtmlxcommon.js"></script>
-	<script src="../../../dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
-	<script src="../../../dhtmlxWindows/codebase/dhtmlxcontainer.js"></script>
-	
-	<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
-	<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
-	
-</head>
-<style type="text/css" media="screen">
-	html, body{
-		height:100%;
-		padding:0px;
-		margin:0px;
-	}
-</style>
-<body onload="doOnLoad();">
-
-<script>
-	var dhxWins
-	var data = [
-		{ sales:"3.0", year:"2000" },
-		{ sales:"3.8", year:"2001" },
-		{ sales:"3.4", year:"2002" },
-		{ sales:"4.1", year:"2003" },
-		{ sales:"4.3", year:"2004" },
-		{ sales:"9.9", year:"2005" },
-		{ sales:"7.4", year:"2006" },
-		{ sales:"9.0", year:"2007" },
-		{ sales:"7.3", year:"2008" },
-		{ sales:"4.8", year:"2009" }
-	];
-
-	
-	function doOnLoad() {
-		dhxWinsParams = {
-			image_path: "../../../dhtmlxWindows/codebase/imgs/",
-			wins: [ {id: "w1", left: 230, top: 230, width: 420, height: 340}]
-		};
-		dhxWins = new dhtmlXWindows(dhxWinsParams);
-		pieChart2 = dhxWins.window("w1").attachChart({
-			view:"pie",
-			value:"#sales#",
-			pieInnerText:"#sales#",
-			gradient:true,
-			details:{
-				width: 75,
-				align:"right",
-				valign:top,
-				marker:{
-					type:"round",
-					width:15
-				},
-				template:"#year#"
-			}
-		});
-		
-		pieChart2.parse(data,"json");
-	};
-</script>
-</body>
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/config.php b/addons/web_graph/static/lib/dhtmlxGraph/samples/common/config.php
deleted file mode 100644
index 3695ac3905a..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/config.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<?php
-/*
-Copyright DHTMLX LTD. http://www.dhtmlx.com
-This version of Software is free for using in non-commercial applications.
-For commercial use please contact sales@dhtmlx.com to obtain license
-*/
-
-    $mysql_host = "localhost";
-    $mysql_user = "root";
-    $mysql_pasw = "";
-    $mysql_db   = "sampledb";
-
-?>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/data.php b/addons/web_graph/static/lib/dhtmlxGraph/samples/common/data.php
deleted file mode 100644
index ac8f5116a9d..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/data.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<?php
-
-$str = "<data>";
-
-for ($i=1; $i <= 100; $i++) { 
-	$sales = rand(100,1000);
-	$year = rand(1996,2009);
-	$company = "Company ".rand(1,3);
-	$str.="<item id='{$i}' sales='{$sales}' year='{$year}' company='{$company}'></item>";
-}
-
-$str .= "</data>";
-
-file_put_contents("stat.xml",$str);
-
-?>
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/sales.xml b/addons/web_graph/static/lib/dhtmlxGraph/samples/common/sales.xml
deleted file mode 100644
index 03c153cb1e5..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/sales.xml
+++ /dev/null
@@ -1,46 +0,0 @@
-<data>
-	<item id="1">
-		<sales>2.9</sales>
-		<year>2000</year>
-	</item>
-	<item id="2">
-		<sales>3.5</sales>
-		<year>2001</year>
-	</item>
-	<item id="3">
-		<sales>3.1</sales>
-		<year>2002</year>
-	</item>
-	<item id="4">
-		<sales>4.2</sales>
-		<year>2003</year>
-	</item>
-	<item id="5">
-		<sales>4.5</sales>
-		<year>2004</year>
-	</item>
-	<item id="6">
-		<sales>7.4</sales>
-		<year>2005</year>
-	</item>
-	<item id="7">
-		<sales>9.6</sales>
-		<year>2006</year>
-	</item>
-	<item id="8">
-		<sales>9</sales>
-		<year>2007</year>
-	</item>
-	<item id="9">
-		<sales>7.3</sales>
-		<year>2008</year>
-	</item>
-	<item id="10">
-		<sales>5.8</sales>
-		<year>2009</year>
-	</item>
-	<item id="11">
-		<sales>7.7</sales>
-		<year>2010</year>
-	</item>
-</data>
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/stat.xml b/addons/web_graph/static/lib/dhtmlxGraph/samples/common/stat.xml
deleted file mode 100644
index 824ff6f6829..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/common/stat.xml
+++ /dev/null
@@ -1 +0,0 @@
-<data><item id='1' sales='262' year='2003' company='Company 3'></item><item id='2' sales='527' year='1998' company='Company 1'></item><item id='3' sales='629' year='2006' company='Company 3'></item><item id='4' sales='403' year='2008' company='Company 2'></item><item id='5' sales='652' year='2005' company='Company 3'></item><item id='6' sales='708' year='2006' company='Company 3'></item><item id='7' sales='377' year='2006' company='Company 2'></item><item id='8' sales='714' year='2004' company='Company 3'></item><item id='9' sales='385' year='2000' company='Company 3'></item><item id='10' sales='113' year='2002' company='Company 3'></item><item id='11' sales='215' year='2004' company='Company 2'></item><item id='12' sales='149' year='2003' company='Company 1'></item><item id='13' sales='391' year='1996' company='Company 3'></item><item id='14' sales='234' year='2006' company='Company 2'></item><item id='15' sales='847' year='2003' company='Company 3'></item><item id='16' sales='878' year='2008' company='Company 1'></item><item id='17' sales='248' year='2004' company='Company 2'></item><item id='18' sales='311' year='2007' company='Company 1'></item><item id='19' sales='724' year='1996' company='Company 1'></item><item id='20' sales='113' year='2003' company='Company 3'></item><item id='21' sales='884' year='2003' company='Company 1'></item><item id='22' sales='936' year='1996' company='Company 2'></item><item id='23' sales='550' year='2001' company='Company 3'></item><item id='24' sales='923' year='2006' company='Company 2'></item><item id='25' sales='977' year='2005' company='Company 1'></item><item id='26' sales='446' year='2002' company='Company 3'></item><item id='27' sales='578' year='1999' company='Company 3'></item><item id='28' sales='521' year='1999' company='Company 2'></item><item id='29' sales='554' year='2002' company='Company 1'></item><item id='30' sales='335' year='2005' company='Company 2'></item><item id='31' sales='612' year='2006' company='Company 3'></item><item id='32' sales='173' year='2000' company='Company 1'></item><item id='33' sales='995' year='2005' company='Company 3'></item><item id='34' sales='743' year='2006' company='Company 2'></item><item id='35' sales='904' year='2003' company='Company 2'></item><item id='36' sales='696' year='2007' company='Company 1'></item><item id='37' sales='526' year='2008' company='Company 2'></item><item id='38' sales='459' year='1997' company='Company 1'></item><item id='39' sales='357' year='2007' company='Company 2'></item><item id='40' sales='655' year='2009' company='Company 2'></item><item id='41' sales='527' year='2009' company='Company 3'></item><item id='42' sales='526' year='2008' company='Company 2'></item><item id='43' sales='125' year='1998' company='Company 2'></item><item id='44' sales='865' year='2003' company='Company 3'></item><item id='45' sales='125' year='2000' company='Company 2'></item><item id='46' sales='633' year='2002' company='Company 2'></item><item id='47' sales='911' year='2006' company='Company 3'></item><item id='48' sales='791' year='2008' company='Company 2'></item><item id='49' sales='700' year='2006' company='Company 3'></item><item id='50' sales='921' year='1996' company='Company 3'></item><item id='51' sales='267' year='2000' company='Company 2'></item><item id='52' sales='350' year='2005' company='Company 1'></item><item id='53' sales='477' year='2006' company='Company 1'></item><item id='54' sales='180' year='1997' company='Company 3'></item><item id='55' sales='699' year='2008' company='Company 3'></item><item id='56' sales='808' year='2000' company='Company 2'></item><item id='57' sales='837' year='1999' company='Company 2'></item><item id='58' sales='352' year='2004' company='Company 2'></item><item id='59' sales='656' year='1999' company='Company 2'></item><item id='60' sales='279' year='2002' company='Company 3'></item><item id='61' sales='907' year='2004' company='Company 3'></item><item id='62' sales='227' year='1997' company='Company 2'></item><item id='63' sales='845' year='2002' company='Company 2'></item><item id='64' sales='931' year='2003' company='Company 3'></item><item id='65' sales='264' year='2006' company='Company 1'></item><item id='66' sales='846' year='2005' company='Company 1'></item><item id='67' sales='616' year='1999' company='Company 2'></item><item id='68' sales='877' year='1998' company='Company 2'></item><item id='69' sales='738' year='1997' company='Company 3'></item><item id='70' sales='999' year='2008' company='Company 2'></item><item id='71' sales='674' year='2006' company='Company 1'></item><item id='72' sales='483' year='2006' company='Company 3'></item><item id='73' sales='105' year='2002' company='Company 1'></item><item id='74' sales='826' year='2005' company='Company 3'></item><item id='75' sales='372' year='2004' company='Company 2'></item><item id='76' sales='566' year='2009' company='Company 2'></item><item id='77' sales='196' year='2001' company='Company 1'></item><item id='78' sales='919' year='2004' company='Company 2'></item><item id='79' sales='412' year='2008' company='Company 1'></item><item id='80' sales='591' year='1999' company='Company 2'></item><item id='81' sales='588' year='2006' company='Company 1'></item><item id='82' sales='517' year='2005' company='Company 1'></item><item id='83' sales='149' year='2002' company='Company 1'></item><item id='84' sales='474' year='1998' company='Company 1'></item><item id='85' sales='408' year='2008' company='Company 2'></item><item id='86' sales='212' year='2003' company='Company 1'></item><item id='87' sales='284' year='1999' company='Company 3'></item><item id='88' sales='580' year='1999' company='Company 2'></item><item id='89' sales='134' year='2005' company='Company 3'></item><item id='90' sales='145' year='1997' company='Company 3'></item><item id='91' sales='172' year='1997' company='Company 2'></item><item id='92' sales='825' year='1997' company='Company 1'></item><item id='93' sales='696' year='2005' company='Company 3'></item><item id='94' sales='907' year='2008' company='Company 1'></item><item id='95' sales='515' year='1996' company='Company 2'></item><item id='96' sales='675' year='1996' company='Company 2'></item><item id='97' sales='771' year='2005' company='Company 3'></item><item id='98' sales='836' year='1996' company='Company 2'></item><item id='99' sales='666' year='2007' company='Company 3'></item><item id='100' sales='944' year='2007' company='Company 1'></item></data>
-\ No newline at end of file
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/samples/readme.txt b/addons/web_graph/static/lib/dhtmlxGraph/samples/readme.txt
deleted file mode 100644
index c1f4b60567c..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/samples/readme.txt
+++ /dev/null
@@ -1,7 +0,0 @@
-Next samples 
-	08_integration\01_dhtmlxgrid.html 
-	08_integration\02_dhtmlxgrid_group.html
-	08_integration\03_layout.html
-requires external components ( dhtmlxgrid and dhtmlxwindow )
-
-Its recommended to run samples through any kind of webserver.
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/sources/dhtmlxchart.js b/addons/web_graph/static/lib/dhtmlxGraph/sources/dhtmlxchart.js
deleted file mode 100644
index cbb0f8346bd..00000000000
--- a/addons/web_graph/static/lib/dhtmlxGraph/sources/dhtmlxchart.js
+++ /dev/null
@@ -1,3498 +0,0 @@
-/*
-2010 July 02
-*/
-
-
-
-/* DHX DEPEND FROM FILE 'assert.js'*/
-
-
-if (!window.dhtmlx)
-	dhtmlx={};
-
-//check some rule, show message as error if rule is not correct
-dhtmlx.assert = function(test, message){
-	if (!test)	dhtmlx.error(message);
-};
-dhtmlx.assert_enabled=function(){ return false; };
-
-//register names of event, which can be triggered by the object
-dhtmlx.assert_event = function(obj, evs){
-	if (!obj._event_check){
-		obj._event_check = {};
-		obj._event_check_size = {};
-	}
-
-	for (var a in evs){
-		obj._event_check[a.toLowerCase()]=evs[a];
-		var count=-1; for (var t in evs[a]) count++;
-		obj._event_check_size[a.toLowerCase()]=count;
-	}
-};
-dhtmlx.assert_method_info=function(obj, name, descr, rules){
-	var args = [];
-	for (var i=0; i < rules.length; i++) {
-		args.push(rules[i][0]+" : "+rules[i][1]+"\n   "+rules[i][2].describe()+(rules[i][3]?"; optional":""));
-	}
-	return obj.name+"."+name+"\n"+descr+"\n Arguments:\n - "+args.join("\n - ");
-};
-dhtmlx.assert_method = function(obj, config){
-	for (var key in config)
-		dhtmlx.assert_method_process(obj, key, config[key].descr, config[key].args, (config[key].min||99), config[key].skip);
-};
-dhtmlx.assert_method_process = function (obj, name, descr, rules, min, skip){
-	var old = obj[name];
-	if (!skip)
-		obj[name] = function(){
-			if (arguments.length !=	rules.length && arguments.length < min)
-				dhtmlx.log("warn","Incorrect count of parameters\n"+obj[name].describe()+"\n\nExpecting "+rules.length+" but have only "+arguments.length);
-			else
-				for (var i=0; i<rules.length; i++)
-					if (!rules[i][3] && !rules[i][2](arguments[i]))
-						dhtmlx.log("warn","Incorrect method call\n"+obj[name].describe()+"\n\nActual value of "+(i+1)+" parameter: {"+(typeof arguments[i])+"} "+arguments[i]);
-
-			return old.apply(this, arguments);
-		};
-	obj[name].describe = function(){	return dhtmlx.assert_method_info(obj, name, descr, rules);	};
-};
-dhtmlx.assert_event_call = function(obj, name, args){
-	if (obj._event_check){
-		if (!obj._event_check[name])
-			dhtmlx.log("warn","Not expected event call :"+name);
-		else if (dhtmlx.isNotDefined(args))
-			dhtmlx.log("warn","Event without parameters :"+name);
-		else if (obj._event_check_size[name] != args.length)
-			dhtmlx.log("warn","Incorrect event call, expected "+obj._event_check_size[name]+" parameter(s), but have "+args.length +" parameter(s), for "+name+" event");
-	}
-};
-dhtmlx.assert_event_attach = function(obj, name){
-	if (obj._event_check && !obj._event_check[name])
-			dhtmlx.log("warn","Unknown event name: "+name);
-};
-//register names of properties, which can be used in object's configuration
-dhtmlx.assert_property = function(obj, evs){
-	if (!obj._settings_check)
-		obj._settings_check={};
-	dhtmlx.extend(obj._settings_check, evs);
-};
-//check all options in collection, against list of allowed properties
-dhtmlx.assert_check = function(data,coll){
-	if (typeof data == "object"){
-		for (var key in data){
-			dhtmlx.assert_settings(key,data[key],coll);
-		}
-	}
-};
-//check if type and value of property is the same as in scheme
-dhtmlx.assert_settings = function(mode,value,coll){
-	coll = coll || this._settings_check;
-
-	//if value is not in collection of defined ones
-	if (coll){
-		if (!coll[mode])	//not registered property
-			return dhtmlx.log("warn","Unknown propery: "+mode);
-
-		var descr = "";
-		var error = "";
-		var check = false;
-		for (var i=0; i<coll[mode].length; i++){
-			var rule = coll[mode][i];
-			if (typeof rule == "string")
-				continue;
-			if (typeof rule == "function")
-				check = check || rule(value);
-			else if (typeof rule == "object" && typeof rule[1] == "function"){
-				check = check || rule[1](value);
-				if (check && rule[2])
-					dhtmlx["assert_check"](value, rule[2]); //temporary fix , for sources generator
-			}
-			if (check) break;
-		}
-		if (!check )
-			dhtmlx.log("warn","Invalid configuration\n"+dhtmlx.assert_info(mode,coll)+"\nActual value: {"+(typeof value)+"} "+value);
-	}
-};
-
-dhtmlx.assert_info=function(name, set){
-	var ruleset = set[name];
-	var descr = "";
-	var expected = [];
-	for (var i=0; i<ruleset.length; i++){
-		if (typeof rule == "string")
-			descr = ruleset[i];
-		else if (ruleset[i].describe)
-			expected.push(ruleset[i].describe());
-		else if (ruleset[i][1] && ruleset[i][1].describe)
-			expected.push(ruleset[i][1].describe());
-	}
-	return "Property: "+name+", "+descr+" \nExpected value: \n - "+expected.join("\n - ");
-};
-
-
-if (dhtmlx.assert_enabled()){
-
-	dhtmlx.assert_rule_color=function(check){
-		if (typeof check != "string") return false;
-		if (check.indexOf("#")!==0) return false;
-		if (check.substr(1).replace(/[0-9A-F]/gi,"")!=="") return false;
-		return true;
-	};
-	dhtmlx.assert_rule_color.describe = function(){
-		return "{String} Value must start from # and contain hexadecimal code of color";
-	};
-
-	dhtmlx.assert_rule_template=function(check){
-		if (typeof check == "function") return true;
-		if (typeof check == "string") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_template.describe = function(){
-		return "{Function},{String} Value must be a function which accepts data object and return text string, or a sting with optional template markers";
-	};
-
-	dhtmlx.assert_rule_boolean=function(check){
-		if (typeof check == "boolean") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_boolean.describe = function(){
-		return "{Boolean} true or false";
-	};
-
-	dhtmlx.assert_rule_object=function(check, sub){
-		if (typeof check == "object") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_object.describe = function(){
-		return "{Object} Configuration object";
-	};
-
-
-	dhtmlx.assert_rule_string=function(check){
-		if (typeof check == "string") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_string.describe = function(){
-		return "{String} Plain string";
-	};
-
-
-	dhtmlx.assert_rule_htmlpt=function(check){
-		return !!dhtmlx.toNode(check);
-	};
-	dhtmlx.assert_rule_htmlpt.describe = function(){
-		return "{Object},{String} HTML node or ID of HTML Node";
-	};
-
-	dhtmlx.assert_rule_notdocumented=function(check){
-		return false;
-	};
-	dhtmlx.assert_rule_notdocumented.describe = function(){
-		return "This options wasn't documented";
-	};
-
-	dhtmlx.assert_rule_key=function(obj){
-		var t = function (check){
-			return obj[check];
-		};
-		t.describe=function(){
-			var opts = [];
-			for(var key in obj)
-				opts.push(key);
-			return  "{String} can take one of next values: "+opts.join(", ");
-		};
-		return t;
-	};
-
-	dhtmlx.assert_rule_dimension=function(check){
-		if (check*1 == check && !isNaN(check) && check >= 0) return true;
-		return false;
-	};
-	dhtmlx.assert_rule_dimension.describe=function(){
-		return "{Integer} value must be a positive number";
-	};
-
-	dhtmlx.assert_rule_number=function(check){
-		if (typeof check == "number") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_number.describe=function(){
-		return "{Integer} value must be a number";
-	};
-
-	dhtmlx.assert_rule_function=function(check){
-		if (typeof check == "function") return true;
-		return false;
-	};
-	dhtmlx.assert_rule_function.describe=function(){
-		return "{Function} value must be a custom function";
-	};
-
-	dhtmlx.assert_rule_any=function(check){
-		return true;
-	};
-	dhtmlx.assert_rule_any.describe=function(){
-		return "Any value";
-	};
-
-	dhtmlx.assert_rule_mix=function(a,b){
-		var t = function(check){
-			if (a(check)||b(check)) return true;
-			return false;
-		};
-		t.describe = function(){
-			return a.describe();
-		};
-		return t;
-	};
-
-}
-
-
-/* DHX DEPEND FROM FILE 'dhtmlx.js'*/
-
-
-/*DHX:Depend assert.js*/
-
-/*
-	Common helpers
-*/
-dhtmlx.version="3.0";
-dhtmlx.codebase="./";
-
-//coding helpers
-
-//copies methods and properties from source to the target
-dhtmlx.extend = function(target, source){
-	for (var method in source)
-		target[method] = source[method];
-
-	//applying asserts
-	if (dhtmlx.assert_enabled() && source._assert){
-		target._assert();
-		target._assert=null;
-	}
-
-	//if source object has init code - call init against target
-	if (source._init)
-		target._init();
-
-	return target;
-};
-//creates function with specified "this" pointer
-dhtmlx.bind=function(functor, object){
-	return function(){ return functor.apply(object,arguments); };
-};
-
-//loads module from external js file
-dhtmlx.require=function(module){
-	if (!dhtmlx._modules[module]){
-		dhtmlx.assert(dhtmlx.ajax,"load module is required");
-
-		//load and exec the required module
-		dhtmlx.exec( dhtmlx.ajax().sync().get(dhtmlx.codebase+module).responseText );
-		dhtmlx._modules[module]=true;
-	}
-};
-dhtmlx._modules = {};	//hash of already loaded modules
-
-//evaluate javascript code in the global scoope
-dhtmlx.exec=function(code){
-	if (window.execScript)	//special handling for IE
-		window.execScript(code);
-	else window.eval(code);
-};
-
-/*
-	creates method in the target object which will transfer call to the source object
-	if event parameter was provided , each call of method will generate onBefore and onAfter events
-*/
-dhtmlx.methodPush=function(object,method,event){
-	return function(){
-		var res = false;
-		//if (!event || this.callEvent("onBefore"+event,arguments)){ //not used anymore, probably can be removed
-			res=object[method].apply(object,arguments);
-		//	if (event) this.callEvent("onAfter"+event,arguments);
-		//}
-		return res;	//result of wrapped method
-	};
-};
-//check === undefined
-dhtmlx.isNotDefined=function(a){
-	return typeof a == "undefined";
-};
-//delay call to after-render time
-dhtmlx.delay=function(method, obj, params){
-	setTimeout(function(){
-		var ret = method.apply(obj,params);
-		method = obj = params = null;
-		return ret;
-	},1);
-};
-
-//common helpers
-
-//generates unique ID (unique per window, nog GUID)
-dhtmlx.uid = function(){
-	if (!this._seed) this._seed=(new Date).valueOf();	//init seed with timestemp
-	this._seed++;
-	return this._seed;
-};
-//resolve ID as html object
-dhtmlx.toNode = function(node){
-	if (typeof node == "string") return document.getElementById(node);
-	return node;
-};
-//adds extra methods for the array
-dhtmlx.toArray = function(array){
-	return dhtmlx.extend((array||[]),dhtmlx.PowerArray);
-};
-//resolve function name
-dhtmlx.toFunctor=function(str){
-	return (typeof(str)=="string") ? eval(str) : str;
-};
-
-//dom helpers
-
-//hash of attached events
-dhtmlx._events = {};
-//attach event to the DOM element
-dhtmlx.event=function(node,event,handler,master){
-	node = dhtmlx.toNode(node);
-
-	var id = dhtmlx.uid();
-	dhtmlx._events[id]=[node,event,handler];	//store event info, for detaching
-
-	if (master)
-		handler=dhtmlx.bind(handler,master);
-
-	//use IE's of FF's way of event's attaching
-	if (node.addEventListener)
-		node.addEventListener(event, handler, false);
-	else if (node.attachEvent)
-		node.attachEvent("on"+event, handler);
-
-	return id;	//return id of newly created event, can be used in eventRemove
-};
-
-//remove previously attached event
-dhtmlx.eventRemove=function(id){
-
-	if (!id) return;
-	dhtmlx.assert(this._events[id],"Removing non-existing event");
-
-	var ev = dhtmlx._events[id];
-	//browser specific event removing
-	if (ev[0].removeEventListener)
-		ev[0].removeEventListener(ev[1],ev[2],false);
-	else if (ev[0].detachEvent)
-		ev[0].detachEvent("on"+ev[1],ev[2]);
-
-	delete this._events[id];	//delete all traces
-};
-
-
-//debugger helpers
-//anything starting from error or log will be removed during code compression
-
-//add message in the log
-dhtmlx.log = function(type,message,details){
-	if (window.console && console.log){
-		type=type.toLowerCase();
-		if (window.console[type])
-			window.console[type](message);
-		else
-			window.console.log(type +": "+message);
-		if (details)
-			window.console.log(details);
-	}
-};
-//register rendering time from call point
-dhtmlx.log_full_time = function(name){
-	dhtmlx._start_time_log = new Date();
-	dhtmlx.log("Info","Timing start ["+name+"]");
-	window.setTimeout(function(){
-		var time = new Date();
-		dhtmlx.log("Info","Timing end ["+name+"]:"+(time.valueOf()-dhtmlx._start_time_log.valueOf())/1000+"s");
-	},1);
-};
-//register execution time from call point
-dhtmlx.log_time = function(name){
-	var fname = "_start_time_log"+name;
-	if (!dhtmlx[fname]){
-		dhtmlx[fname] = new Date();
-		dhtmlx.log("Info","Timing start ["+name+"]");
-	} else {
-		var time = new Date();
-		dhtmlx.log("Info","Timing end ["+name+"]:"+(time.valueOf()-dhtmlx[fname].valueOf())/1000+"s");
-		dhtmlx[fname] = null;
-	}
-};
-//log message with type=error
-dhtmlx.error = function(message,details){
-	dhtmlx.log("Error",message,details);
-};
-//event system
-dhtmlx.EventSystem={
-	_init:function(){
-		this._events = {};		//hash of event handlers, name => handler
-		this._handlers = {};	//hash of event handlers, ID => handler
-		this._map = {};
-	},
-	//temporary block event triggering
-	block : function(){
-		this._events._block = true;
-	},
-	//re-enable event triggering
-	unblock : function(){
-		this._events._block = false;
-	},
-	mapEvent:function(map){
-		dhtmlx.extend(this._map, map);
-	},
-	//trigger event
-	callEvent:function(type,params){
-		if (this._events._block) return true;
-
-		type = type.toLowerCase();
-		dhtmlx.assert_event_call(this, type, params);
-
-		var event_stack =this._events[type.toLowerCase()];	//all events for provided name
-		var return_value = true;
-
-		if (dhtmlx.debug)	//can slowdown a lot
-			dhtmlx.log("info","["+this.name+"] event:"+type,params);
-
-		if (event_stack)
-			for(var i=0; i<event_stack.length; i++)
-				/*
-					Call events one by one
-					If any event return false - result of whole event will be false
-					Handlers which are not returning anything - counted as positive
-				*/
-				if (event_stack[i].apply(this,(params||[]))===false) return_value=false;
-
-		if (this._map[type] && !this._map[type].callEvent(type,params))
-			return_value =	false;
-
-		return return_value;
-	},
-	//assign handler for some named event
-	attachEvent:function(type,functor,id){
-		type=type.toLowerCase();
-		dhtmlx.assert_event_attach(this, type);
-
-		id=id||dhtmlx.uid(); //ID can be used for detachEvent
-		functor = dhtmlx.toFunctor(functor);	//functor can be a name of method
-
-		var event_stack=this._events[type]||dhtmlx.toArray();
-		//save new event handler
-		event_stack.push(functor);
-		this._events[type]=event_stack;
-		this._handlers[id]={ f:functor,t:type };
-
-		return id;
-	},
-	//remove event handler
-	detachEvent:function(id){
-		var type=this._handlers[id].t;
-		var functor=this._handlers[id].f;
-
-		//remove from all collections
-		var event_stack=this._events[type];
-		event_stack.remove(functor);
-		delete this._handlers[id];
-	}
-};
-
-//array helper
-//can be used by dhtmlx.toArray()
-dhtmlx.PowerArray={
-	//remove element at specified position
-	removeAt:function(pos,len){
-		if (pos>=0) this.splice(pos,(len||1));
-	},
-	//find element in collection and remove it
-	remove:function(value){
-		this.removeAt(this.find(value));
-	},
-	//add element to collection at specific position
-	insertAt:function(data,pos){
-		if (!pos && pos!==0) 	//add to the end by default
-			this.push(data);
-		else {
-			var b = this.splice(pos,(this.length-pos));
-  			this[pos] = data;
-  			this.push.apply(this,b); //reconstruct array without loosing this pointer
-  		}
-  	},
-  	//return index of element, -1 if it doesn't exists
-  	find:function(data){
-  		for (i=0; i<this.length; i++)
-  			if (data==this[i]) return i;
-  		return -1;
-  	},
-  	//execute some method for each element of array
-  	each:function(functor,master){
-		for (var i=0; i < this.length; i++)
-			functor.call((master||this),this[i]);
-	},
-	//create new array from source, by using results of functor
-	map:function(functor,master){
-		for (var i=0; i < this.length; i++)
-			this[i]=functor.call((master||this),this[i]);
-		return this;
-	}
-};
-
-//environment detection
-if (navigator.userAgent.indexOf('Opera') != -1)
-	dhtmlx._isOpera=true;
-else{
-	//very rough detection, but it is enough for current goals
-	dhtmlx._isIE=!!document.all;
-	dhtmlx._isFF=!document.all;
-	dhtmlx._isWebKit=(navigator.userAgent.indexOf("KHTML")!=-1);
-	if (navigator.appVersion.indexOf("MSIE 8.0")!= -1 && document.compatMode != "BackCompat")
-		dhtmlx._isIE=8;
-}
-
-
-//store maximum used z-index
-dhtmlx.zIndex={ drag : 10000 };
-
-//html helpers
-dhtmlx.html={
-	create:function(name,attrs,html){
-		attrs = attrs || {};
-		var node = document.createElement(name);
-		for (var attr_name in attrs)
-			node.setAttribute(attr_name, attrs[attr_name]);
-		if (attrs.style)
-			node.style.cssText = attrs.style;
-		if (attrs["class"])
-			node.className = attrs["class"];
-		if (html)
-			node.innerHTML=html;
-		return node;
-	},
-	//return node value, different logic for different html elements
-	getValue:function(node){
-		node = dhtmlx.toNode(node);
-		if (!node) return "";
-		return dhtmlx.isNotDefined(node.value)?node.innerHTML:node.value;
-	},
-	//remove html node, can process an array of nodes at once
-	remove:function(node){
-		if (node instanceof Array)
-			for (var i=0; i < node.length; i++)
-				this.remove(node[i]);
-		else
-			if (node && node.parentNode)
-				node.parentNode.removeChild(node);
-	},
-	//insert new node before sibling, or at the end if sibling doesn't exist
-	insertBefore: function(node,before,rescue){
-		if (!node) return;
-		if (before)
-			before.parentNode.insertBefore(node, before);
-		else
-			rescue.appendChild(node);
-	},
-	//return custom ID from html element
-	//will check all parents starting from event's target
-	locate:function(e,id){
-		e=e||event;
-		var trg=e.target||e.srcElement;
-
-		while (trg && trg.getAttribute){
-				var test = trg.getAttribute(id);
-				if (test) return test;
-				trg=trg.parentNode;
-		}
-		return null;
-	},
-	//returns position of html element on the page
-	offset:function(elem) {
-		if (elem.getBoundingClientRect) { //HTML5 method
-			var box = elem.getBoundingClientRect();
-			var body = document.body;
-			var docElem = document.documentElement;
-			var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
-			var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
-			var clientTop = docElem.clientTop || body.clientTop || 0;
-			var clientLeft = docElem.clientLeft || body.clientLeft || 0;
-			var top  = box.top +  scrollTop - clientTop;
-			var left = box.left + scrollLeft - clientLeft;
-			return { y: Math.round(top), x: Math.round(left) };
-		} else { //fallback to naive approach
-			var top=0, left=0;
-			while(elem) {
-				top = top + parseInt(elem.offsetTop,10);
-				left = left + parseInt(elem.offsetLeft,10);
-				elem = elem.offsetParent;
-			}
-			return {y: top, x: left};
-		}
-	},
-	//returns position of event
-	pos:function(ev){
-		ev = ev || event;
-        if(ev.pageX || ev.pageY)	//FF, KHTML
-            return {x:ev.pageX, y:ev.pageY};
-        //IE
-        var d  =  ((dhtmlx._isIE)&&(document.compatMode != "BackCompat"))?document.documentElement:document.body;
-        return {
-                x:ev.clientX + d.scrollLeft - d.clientLeft,
-                y:ev.clientY + d.scrollTop  - d.clientTop
-        };
-	},
-	//prevent event action
-	preventEvent:function(e){
-		if (e && e.preventDefault) e.preventDefault();
-		dhtmlx.html.stopEvent(e);
-	},
-	//stop event bubbling
-	stopEvent:function(e){
-		(e||event).cancelBubble=true;
-		return false;
-	},
-	//add css class to the node
-	addCss:function(node,name){
-        node.className+=" "+name;
-    },
-    //remove css class from the node
-    removeCss:function(node,name){
-        node.className=node.className.replace(RegExp(name,"g"),"");
-    }
-};
-
-//autodetect codebase folder
-(function(){
-	var temp = document.getElementsByTagName("SCRIPT");	//current script, most probably
-	dhtmlx.assert(temp.length,"Can't locate codebase");
-	if (temp.length){
-		//full path to script
-		temp = (temp[temp.length-1].getAttribute("src")||"").split("/");
-		//get folder name
-		temp.splice(temp.length-1, 1);
-		dhtmlx.codebase = temp.slice(0, temp.length).join("/")+"/";
-	}
-})();
-
-dhtmlx.ui={};
-
-
-/* DHX DEPEND FROM FILE 'destructor.js'*/
-
-
-/*
-	Behavior:Destruction
-
-	@export
-		destructor
-*/
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Destruction = {
-	_init:function(){
-		//register self in global list of destructors
-		dhtmlx.destructors.push(this);
-	},
-	//will be called automatically on unload, can be called manually
-	//simplifies job of GC
-	destructor:function(){
-		this.destructor=function(){}; //destructor can be called only once
-
-		//html collection
-		this._htmlmap  = null;
-		this._htmlrows = null;
-
-		//temp html element, used by toHTML
-		if (this._html)
-			document.body.appendChild(this._html);	//need to attach, for IE's GC
-
-		this._html = null;
-		if (this._obj) {
-			this._obj.innerHTML="";
-			this._obj._htmlmap = null;
-		}
-		this._obj = this._dataobj=null;
-		this.data = null;
-		this._events = this._handlers = {};
-	}
-};
-//global list of destructors
-dhtmlx.destructors = [];
-dhtmlx.event(window,"unload",function(){
-	//call all registered destructors
-	for (var i=0; i<dhtmlx.destructors.length; i++)
-		dhtmlx.destructors[i].destructor();
-	dhtmlx.destructors = null;
-
-	//detach all known DOM events
-	for (var a in dhtmlx._events){
-		var ev = dhtmlx._events[a];
-		if (ev[0].removeEventListener)
-			ev[0].removeEventListener(ev[1],ev[2],false);
-		else if (ev[0].detachEvent)
-			ev[0].detachEvent("on"+ev[1],ev[2]);
-		delete dhtmlx._events[a];
-	}
-});
-
-
-/* DHX DEPEND FROM FILE 'math.js'*/
-
-
-dhtmlx.math = {};
-dhtmlx.math._toHex=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
-dhtmlx.math.toHex = function(number, length){
-	number=parseInt(number,10);
-	str = "";
-		while (number>0){
-			str=this._toHex[number%16]+str;
-			number=Math.floor(number/16);
-		}
-		while (str.length <length)
-			str = "0"+str;
-	return str;
-};
-
-
-
-
-
-/* DHX DEPEND FROM FILE 'map.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.ui.Map = function(key){
-	this.name = "Map";
-	this._id = "map_"+dhtmlx.uid();
-	this._key = key;
-	this._map = [];
-};
-dhtmlx.ui.Map.prototype = {
-	addRect: function(id,points) {
-		this._createMapArea(id,"RECT",points);
-	},
-	addPoly: function(id,points) {
-		this._createMapArea(id,"POLY",points);
-	},
-	_createMapArea:function(id,shape,coords){
-		this._map.push("<area "+this._key+"='"+id+"' shape='"+shape+"' coords='"+coords.join()+"'></area>");
-	},
-	addSector:function(id,alpha0,alpha1,x,y,R,ky){
-		var points = [];
-		points.push(x);
-		points.push(Math.floor(y*ky));
-		for(var i = alpha0; i < alpha1; i+=Math.PI/18){
-			points.push(Math.floor(x+R*Math.cos(i)));
-			points.push(Math.floor((y+R*Math.sin(i))*ky));
-		}
-		points.push(Math.floor(x+R*Math.cos(alpha1)));
-		points.push(Math.floor((y+R*Math.sin(alpha1))*ky));
-		points.push(x);
-		points.push(Math.floor(y*ky));
-
-		return this.addPoly(id,points);
-	},
-	render:function(obj){
-		var d = dhtmlx.html.create("DIV");
-		d.style.cssText="position:absolute; width:100%; height:100%; top:0px; left:0px;";
-		obj.appendChild(d);
-		var src = dhtmlx._isIE?"":"src='data:image/gif;base64,R0lGODlhEgASAIAAAP///////yH5BAUUAAEALAAAAAASABIAAAIPjI+py+0Po5y02ouz3pwXADs='";
-		d.innerHTML="<map id='"+this._id+"' name='"+this._id+"'>"+this._map.join("\n")+"</map><img "+src+" class='dhx_map_img' usemap='#"+this._id+"'>";
-
-		obj._htmlmap = d; //for clearing routine
-
-		this._map = [];
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'chart_graph.js'*/
-
-
-/*DHX:Depend map.js*/
-
-if (!dhtmlx.chart) dhtmlx.chart = {};
-
-dhtmlx.chart.line = {
-
-	/**
-	*   renders a graphic
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: width - the width of the container
-	*   @param: height - the height of the container
-	*/
-	pvt_render_line:function(ctx, data, width, height){
-		var maxValue,minValue;
-		/*necessary if maxValue - minValue < 0*/
-		var valueFactor;
-		/*maxValue - minValue*/
-		var relValue;
-
-
-	    /*necessary to add events and tooltips*/
-		var map = new dhtmlx.ui.Map(this._id);
-
-		/*scales*/
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-
-		if(yax&&(typeof this._settings.yAxis.end!="undefied")&&(typeof this._settings.yAxis.start!="undefied")&&this._settings.yAxis.step){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);
-		}
-		else{
-			maxValue = this.max(this._settings.value);
-		    minValue = this.min(this._settings.value);
-		}
-
-		/*a vertical scale*/
-		this._drawYAxis(ctx,data,width,height,minValue,maxValue);
-
-		/*necessary for automatic scale*/
-		if(yax){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);
-		}
-
-		var topPadding = parseInt(this._settings.padding.top,10);
-		var leftPadding = parseInt(this._settings.padding.left,10);
-		var bottomPadding = parseInt(this._settings.padding.bottom,10);
-		var rightPadding = parseInt(this._settings.padding.right,10);
-
-		/*available height*/
-		var total_height = height-topPadding-bottomPadding;
-
-
-		/*unit calculation (y_position = value*unit)*/
-		var relativeValues = this._getRelativeValue(minValue,maxValue);
-		relValue = relativeValues[0];
-		valueFactor = relativeValues[1];
-		var unit = total_height/relValue;
-
-		if(!yax){
-			/*defines start value for better representation of small values*/
-			var startValue = (unit>10?unit:10);
-			unit = (total_height-startValue)/relValue;
-		}
-
-		/*a space available for a single item*/
-		var cellWidth = Math.round((width - leftPadding - rightPadding)/data.length);
-
-		/*the value that defines the map area position*/
-		var areaPos = Math.floor(cellWidth/2);
-
-		/*drawing all items*/
-		if (data.length) {
-		    /*gets the vertical coordinate of an item*/
-			var _graph_point = function(data){
-				/*the real value of an object*/
-				var value = this._settings.value(data);
-				/*a relative value*/
-				var v = (parseFloat(value) - minValue)*valueFactor;
-				if(!yax)
-					v += startValue/unit;
-				/*a vertical coordinate*/
-				var y = height - Math.floor(unit*v) - bottomPadding;
-				/*the limit of the minimum value is  the minimum visible value*/
-				if(v<0)
-					y = height - topPadding;
-				/*the limit of the maximum value*/
-				if(value > maxValue)
-					y = topPadding;
-				/*the limit of the minimum value*/
-				if(value < minValue)
-					y = height - bottomPadding;
-				return y;
-			};
-			/*the vertical position of the first item*/
-			var y1 = _graph_point.call(this,data[0]);
-			/*drawing the previous item and the line between to items*/
-			for(var i=1; i <= data.length;i ++){
-
-
-				/*horizontal positions of the previous and current items (0.5 - the fix for line width)*/
-				var x1 = Math.floor(cellWidth*(i-0.5)) - 0.5 + leftPadding;
-				var x2 = Math.floor(cellWidth*(i+0.5)) - 0.5 + leftPadding;
-
-				/*sets label on the horizontal scale*/
-				this._drawXAxisLabel(x1,data[i-1]);
-				/*draws a vertical line for the horizontal scale*/
-				this._drawXAxisLine(ctx,x1,height-bottomPadding,topPadding);
-
-				/*a line between items*/
-				if (data.length!=i){
-					var y2 = _graph_point.call(this,data[i]);
-					this._drawLine(ctx,x1,y1,x2,y2,this._settings.line.color(data[i-1]),this._settings.line.width);
-				}
-
-				/*draws prevous item*/
-				this._drawGraphicItem(ctx,x1,y1,data[i-1]);
-
-				/*creates map area*/
-				map.addRect(data[i-1].id,[x1-areaPos,y1-areaPos,x1+areaPos,y1+areaPos]);
-
-				y1=y2;
-			}
-			_graph_point = null;
-		}
-		/*horizontal scale*/
-		this._drawXAxis(ctx,data,width,height);
-		map.render(this._obj);
-	},
-	/**
-	*   draws an item and its label
-	*   @param: ctx - canvas object
-	*   @param: x0 - the x position of a circle
-	*   @param: y0 - the y position of a circle
-	*   @param: obj - data object
-	*/
-	_drawGraphicItem:function(ctx,x0,y0,obj){
-		var R = parseInt(this._settings.item.radius,10);
-		ctx.lineWidth = parseInt(this._settings.item.borderWidth,10);
-		ctx.fillStyle = this._settings.item.color(obj);
-		ctx.strokeStyle = this._settings.item.borderColor(obj);
-		ctx.beginPath();
-		ctx.arc(x0,y0,R,0,Math.PI*2,true);
-		ctx.fill();
-		ctx.stroke();
-		/*item label*/
-		this.renderTextAt(false, true, x0,y0-R-this._settings.labelOffset,this._settings.label(obj));
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'chart_bar.js'*/
-
-
-/*DHX:Depend map.js*/
-
-if (!dhtmlx.chart) dhtmlx.chart = {};
-
-dhtmlx.chart.bar = {
-	/**
-	*   renders a bar chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*/
-	pvt_render_bar:function(ctx, data, x, y){
-	     var maxValue,minValue;
-		/*necessary if maxValue - minValue < 0*/
-		var valueFactor;
-		/*maxValue - minValue*/
-		var relValue;
-
-		var map = new dhtmlx.ui.Map(this._id);
-
-		var yax = !!this._settings.yAxis;
-		var xax = !!this._settings.xAxis;
-
-		if(yax&&(typeof this._settings.yAxis.end!="undefied")&&(typeof this._settings.yAxis.start!="undefied")&&this._settings.yAxis.step){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);
-		}
-		else{
-			maxValue = this.max(this._settings.value);
-		    minValue = this.min(this._settings.value);
-		}
-
-		/*a vertical scale*/
-		this._drawYAxis(ctx,data,x,y,minValue,maxValue);
-
-		/*necessary for automatic scale*/
-		if(yax){
-		    maxValue = parseFloat(this._settings.yAxis.end);
-			minValue = parseFloat(this._settings.yAxis.start);
-		}
-
-		var yPadding = parseInt(this._settings.padding.top,10);
-		var xPadding = parseInt(this._settings.padding.left,10);
-		var bottomPadding = parseInt(this._settings.padding.bottom,10);
-		var total_height = y-yPadding-bottomPadding;
-
-		/*unit calculation (bar_height = value*unit)*/
-		var relativeValues = this._getRelativeValue(minValue,maxValue);
-		relValue = relativeValues[0];
-		valueFactor = relativeValues[1];
-
-		var unit = total_height/relValue;
-		if(!yax){
-			/*defines start value for better representation of small values*/
-			var startValue = (unit>10?unit:10);
-			unit = (total_height-startValue)/relValue;
-		}
-
-		/*an available width for one bar*/
-		var cellWidth = Math.floor((x-xPadding-parseInt(this._settings.padding.right,10))/data.length);
-		/*a real bar width */
-		var barWidth = parseInt(this._settings.width,10);
-		if(barWidth>cellWidth) barWidth = cellWidth-2;
-		/*the half of distance between bars*/
-		var barOffset = Math.floor((cellWidth - barWidth)/2);
-		/*the radius of rounding in the top part of each bar*/
-		var radius = Math.round(barWidth/5);
-
-		var inner_gradient = false;
-		var gradient = this._settings.gradient;
-
-		if (gradient === true){
-			inner_gradient = true;
-			gradient = false;
-		} else if (gradient){
-			gradient = ctx.createLinearGradient(0,bottomPadding,0,y-yPadding);
-			this._settings.gradient(gradient);
-		}
-		var scaleY = 0;
-		/*draws a black line if the horizontal scale isn't defined*/
-		if(bottomPadding&&!xax){
-			scaleY = y-bottomPadding;
-			this._drawLine(ctx,0,scaleY+0.5,x,scaleY+0.5,"#000000",1); //hardcoded color!
-		}
-
-		for(var i=0; i < data.length;i ++){
-
-
-			var value =  parseFloat(this._settings.value(data[i]));
-			if(value>maxValue) value = maxValue;
-			value -= minValue;
-			value *= valueFactor;
-
-			/*start point (bottom left)*/
-			var x0 = xPadding + barOffset + i*cellWidth;
-			var y0 = y-bottomPadding;
-
-
-			/*sets a label in the horizontal scale*/
-   			this._drawXAxisLabel(x0+Math.floor(barWidth/2),data[i]);
-
-			if(value<0||(this._settings.yAxis&&value===0)){
-				this.renderTextAt(true, true, x0+Math.floor(barWidth/2),y0,this._settings.label(data[i]));
-				continue;
-			}
-
-			/*takes start value into consideration*/
-			if(!yax) value += startValue/unit;
-			var color = gradient||this._settings.color.call(this,data[i]);
-
-			/*drawing the gradient border of a bar*/
-			if(this._settings.border){
-				ctx.beginPath();
-				ctx.fillStyle = color;
-				this._setBarPoints(ctx,x0-1,y0,barWidth+2,radius,unit,value,0);
-				ctx.lineTo(x0,0);
-				ctx.fill();
-
-				ctx.fillStyle = "#000000";
-				ctx.globalAlpha = 0.37;
-				ctx.beginPath();
-				this._setBarPoints(ctx,x0-1,y0,barWidth+2,radius,unit,value,0);
-				ctx.fill();
-			}
-
-			/*drawing bar body*/
-			ctx.globalAlpha = this._settings.alpha.call(this,data[i]);
-			ctx.fillStyle = (gradient||this._settings.color.call(this,data[i]));
-			ctx.beginPath();
-			var points = this._setBarPoints(ctx,x0,y0,barWidth,radius,unit,value,(this._settings.border?1:0));
-			if (gradient) ctx.lineTo(x0,0); //fix gradient sphreading
-   			ctx.fill();
-			ctx.globalAlpha = 1;
-
-			if (inner_gradient){
-				var i_gradient = ctx.createLinearGradient(0,y0-unit*value+2,0,y0);
-					i_gradient.addColorStop(0,color);
-					i_gradient.addColorStop(0.1,color);
-					i_gradient.addColorStop(1,"#FFFFFF");
-				ctx.fillStyle = i_gradient;
-				ctx.beginPath();
-				var points = this._setBarPoints(ctx,x0+2,y0,barWidth-4,radius,unit,value,1);
-				ctx.fill();
-			}
-
-
-			/*sets a bar label*/
-			this.renderTextAt(true, true, x0+Math.floor(barWidth/2),points[1],this._settings.label(data[i]));
-			/*defines a map area for a bar*/
-			map.addRect(data[i].id,[x0,points[1],points[0],y0]);
-		}
-
-		this._drawXAxis(ctx,data,x,y);
-		map.render(this._obj);
-	},
-	/**
-	*   sets points for bar and returns the position of the bottom right point
-	*   @param: ctx - canvas object
-	*   @param: x0 - the x position of start point
-	*   @param: y0 - the y position of start point
-	*   @param: barWidth - bar width
-	*   @param: radius - the rounding radius of the top
-	*   @param: unit - the value defines the correspondence between item value and bar height
-	*   @param: value - item value
-	*   @param: offset - the offset from expected bar edge (necessary for drawing border)
-	*/
-	_setBarPoints:function(ctx,x0,y0,barWidth,radius,unit,value,offset){
-		/*correction for displaing small values (when rounding radius is bigger than bar height)*/
-		var angle_corr = 0;
-		if(radius>unit*value){
-			var cosA = (radius-unit*value)/radius;
-			angle_corr = -Math.acos(cosA)+Math.PI/2;
-		}
-		/*start*/
-		ctx.moveTo(x0,y0);
-		/*start of left rounding*/
-		var y1 = y0 - Math.floor(unit*value) + radius;
-		if(radius<unit*value)
-			ctx.lineTo(x0,y1);
-   		/*left rounding*/
-		var x2 = x0 + radius-offset;
-		if (radius)
-			ctx.arc(x2,y1,radius-offset,-Math.PI+angle_corr,-Math.PI/2,false);
-   		/*start of right rounding*/
-		var x3 = x0 + barWidth - radius+offset;
-		var y3 = y1 - radius+(radius?offset:0);
-		ctx.lineTo(x3,y3);
-		/*right rounding*/
-		var y4 = y1;
-		if (radius)
-			ctx.arc(x3,y4,radius-offset,-Math.PI/2,0-angle_corr,false);
-   		/*bottom right point*/
-		var x5 = x0 + barWidth;
-        ctx.lineTo(x5,y0);
-		/*line to the start point*/
-   		ctx.lineTo(x0,y0);
-   	//	ctx.lineTo(x0,0); //IE fix!
-		return [x5,y3];
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'chart_pie.js'*/
-
-
-/*DHX:Depend map.js*/
-
-if (!dhtmlx.chart) dhtmlx.chart = {};
-
-dhtmlx.chart.pie = {
-	pvt_render_pie:function(ctx,data,x,y){
-		this._renderPie(ctx,data,x,y,1);
-
-	},
-	pvt_render_pie3D:function(ctx,data,x,y){
-		this._renderPie(ctx,data,x,y,this._settings.cant);
-	},
-
-	/**
-	*   renders a pie chart
-	*   @param: ctx - canvas object
-	*   @param: data - object those need to be displayed
-	*   @param: x - the width of the container
-	*   @param: y - the height of the container
-	*   @param: ky - value from 0 to 1 that defines an angle of inclination (0<ky<1 - 3D chart)
-	*/
-	_renderPie:function(ctx,data,x,y,ky){
-		var map = new dhtmlx.ui.Map(this._id);
-
-		var totalValue = 0;
-		var coord = this._getPieParameters(x,y);
-		/*pie radius*/
-		var radius = (this._settings.radius?this._settings.radius:coord.radius);
-		var maxValue = this.max(this._settings.value);
-		/*weighed values (the ratio of object value to total value)*/
-		var ratios = [];
-		/*real values*/
-		var values = [];
-		var prevSum = 0;
-
-		if(this._settings.legend)
-			this._settings.legend.total_height = this._settings.legend.height*data.length;
-
-		for(var i = 0; i < data.length;i++)
-           totalValue += parseFloat(this._settings.value(data[i]));
-
-		for(var i = 0; i < data.length;i++){
-			values[i] = parseFloat(this._settings.value(data[i]));
-			ratios[i] = Math.PI*2*((values[i]+prevSum)/totalValue);
-			prevSum += values[i];
-		}
-		/*pie center*/
-		var x0 = (this._settings.x?this._settings.x:coord.x);
-		var y0 = (this._settings.y?this._settings.y:coord.y);
-		/*adds shadow to the 2D pie*/
-		if(ky==1&&this._settings.shadow)
-			this._addShadow(ctx,x0,y0,radius);
-
-		/*changes vertical position of the center according to 3Dpie cant*/
-		y0 = y0/ky;
-		/*the angle defines the 1st edge of the sector*/
-		var alpha0 = -Math.PI/2;
-		/*changes Canvas vertical scale*/
-		ctx.scale(1,ky);
-
-		for(var i = 0; i < data.length;i++){
-			/*drawing sector*/
-			ctx.lineWidth = 2;
-			ctx.beginPath();
-	    	ctx.moveTo(x0,y0);
-			/*the angle defines the 2nd edge of the sector*/
-			alpha1 = -Math.PI/2+ratios[i];
-			ctx.arc(x0,y0,radius,alpha0,alpha1,false);
-			ctx.lineTo(x0,y0);
-
-			var color = this._settings.color.call(this,data[i]);
-			ctx.fillStyle = color;
-
-			ctx.strokeStyle = this._settings.lineColor(data[i]);
-			ctx.stroke();
-			ctx.fill();
-
-			/*text that needs being displayed inside the sector*/
-			if(this._settings.pieInnerText)
-				this._drawSectorLabel(x0,y0,5*radius/6,alpha0,alpha1,ky,this._settings.pieInnerText(data[i],totalValue),true);
-			/*label outside the sector*/
-			if(this._settings.label)
-				this._drawSectorLabel(x0,y0,radius+this._settings.labelOffset,alpha0,alpha1,ky,this._settings.label(data[i]));
-			/*drawing lower part for 3D pie*/
-			if(ky!=1){
-				this._createLowerSector(ctx,x0,y0,alpha0,alpha1,radius,true);
-				ctx.fillStyle = "#000000";
-				ctx.globalAlpha = 0.2;
-				this._createLowerSector(ctx,x0,y0,alpha0,alpha1,radius,false);
-				ctx.globalAlpha = 1;
-				ctx.fillStyle = color;
-			}
-
-			/*creats map area (needed for events)*/
-			map.addSector(data[i].id,alpha0,alpha1,x0,y0,radius,ky);
-
-			alpha0 = alpha1;
-
-			/*render the details block*/
-			if(this._settings.legend){
-				ctx.scale(1,1/ky);
-				this._drawLegendItem(ctx,data[i],x,y,i);
-				ctx.scale(1,ky);
-			}
-		}
-
-		map.render(this._obj);
-
-		/*adds radial gradient to a pie*/
-		if (this._settings.gradient){
-			var x1 = (ky!=1?x0+radius/3:x0);
-			var y1 = (ky!=1?y0+radius/3:y0);
-			this._showRadialGradient(ctx,x0,y0,radius,x1,y1);
-		}
-		ctx.scale(1,1/ky);
-	},
-	/**
-	*   draws the element of details block
-	*   @param: ctx - canvas object
-	*   @param: object - data object
-	*   @param: x - the width of a container
-	*   @param: y - the height of a container
-	*   @param: i - the index of a data object
-	*/
-	_drawLegendItem:function(ctx,obj,x,y,i){
-		var details = this._settings.legend;
-
-		ctx.strokeStyle = ctx.fillStyle;
-		ctx.lineWidth = details.marker.height;
-		ctx.lineCap = details.marker.type;
-		ctx.beginPath();
-
-		/*start of item*/
-		var x0 = 5+ctx.lineWidth/2;
-		var y0 = 5+ctx.lineWidth/2;
-		/*the correction for start position (considers the align of details block)*/
-		if(details.align == "right")
-			x0 += this._obj.offsetWidth - details.width;
-		if(details.valign == "bottom"&&(y>details.total_height))
-			y0 += y-details.total_height-ctx.lineWidth/2;
-		/*considers item index*/
-		y0 += i*details.height;
-
-		ctx.moveTo(x0,y0);
-		var x1 = x0+details.marker.width-details.marker.height +1;
-		ctx.lineTo(x1,y0);
-    	ctx.stroke();
-
-		/*item text*/
-		this.renderText(x1+details.marker.width/2+5,y0-details.marker.height/2,details.template(obj));
-	},
-	/**
-	*   returns calculated pie parameters: center position and radius
-	*   @param: x - the width of a container
-	*   @param: y - the height of a container
-	*/
-	_getPieParameters:function(x,y){
-		var offset = 0;
-		if(this._settings.legend)
-			offset = this._settings.legend.width*(this._settings.legend.align=="right"?-1:1);
-		x = (x + offset)/2;
-		y = y/2;
-		var radius = Math.min(x,y)-this._settings.padding.top;
-		return {"x":x,"y":y,"radius":radius};
-	},
-	/**
-	*   creates lower part of sector in 3Dpie
-	*   @param: ctx - canvas object
-	*   @param: x0 - the horizontal position of the pie center
-	*   @param: y0 - the vertical position of the pie center
-	*   @param: a0 - the angle that defines the first edge of a sector
-	*   @param: a1 - the angle that defines the second edge of a sector
-	*   @param: R - pie radius
-	*   @param: line (boolean) - if the sector needs a border
-	*/
-	_createLowerSector:function(ctx,x0,y0,a1,a2,R,line){
-		ctx.lineWidth = 1;
-		/*checks if the lower sector needs being displayed*/
-		if(!((a1<=0 && a2>=0)||(a1>=0 && a2<=Math.PI)||(a1<=Math.PI && a2>=Math.PI))) return;
-
-		if(a1<=0 && a2>=0){
-			a1 = 0;
-			line = false;
-			this._drawSectorLine(ctx,x0,y0,R,a1,a2);
-		}
-		if(a1<=Math.PI && a2>=Math.PI){
-			a2 = Math.PI;
-			line = false;
-			this._drawSectorLine(ctx,x0,y0,R,a1,a2);
-		}
-		/*the height of 3D pie*/
-		var offset = (this._settings.height||Math.floor(R/4))/this._settings.cant;
-		ctx.beginPath();
-		ctx.arc(x0,y0,R,a1,a2,false);
-		ctx.lineTo(x0+R*Math.cos(a2),y0+R*Math.sin(a2)+offset);
-		ctx.arc(x0,y0+offset,R,a2,a1,true);
-		ctx.lineTo(x0+R*Math.cos(a1),y0+R*Math.sin(a1));
-		ctx.fill();
-		if(line)
-			ctx.stroke();
-	},
-	/**
-	*   draws a serctor arc
-	*/
-	_drawSectorLine:function(ctx,x0,y0,R,a1,a2){
-		ctx.beginPath();
-		ctx.arc(x0,y0,R,a1,a2,false);
-		ctx.stroke();
-	},
-	/**
-	*   adds a shadow to pie
-	*   @param: ctx - canvas object
-	*   @param: x - the horizontal position of the pie center
-	*   @param: y - the vertical position of the pie center
-	*   @param: R - pie radius
-	*/
-	_addShadow:function(ctx,x,y,R){
-		var shadows = ["#676767","#7b7b7b","#a0a0a0","#bcbcbc","#d1d1d1","#d6d6d6"];
-		for(var i = shadows.length-1;i>-1;i--){
-			ctx.beginPath();
-			ctx.fillStyle = shadows[i];
-			ctx.arc(x+2,y+2,R+i,0,Math.PI*2,true);
-			ctx.fill();
-		}
-	},
-	/**
-		*   returns a gray gradient
-		*   @param: gradient - gradient object
-	*/
-	_getGrayGradient:function(gradient){
-		gradient.addColorStop(0.0,"#ffffff");
-		gradient.addColorStop(0.7,"#7a7a7a");
-		gradient.addColorStop(1.0,"#000000");
-		return gradient;
-	},
-	/**
-	*   adds gray radial gradient
-	*   @param: ctx - canvas object
-	*   @param: x - the horizontal position of the pie center
-	*   @param: y - the vertical position of the pie center
-	*   @param: radius - pie radius
-	*   @param: x0 - the horizontal position of a gradient center
-	*   @param: y0 - the vertical position of a gradient center
-	*/
-	_showRadialGradient:function(ctx,x,y,radius,x0,y0){
-			ctx.globalAlpha = 0.3;
-			ctx.beginPath();
-			var gradient;
-			if(typeof this._settings.gradient!= "function"){
-				gradient = ctx.createRadialGradient(x0,y0,radius/4,x,y,radius);
-				gradient = this._getGrayGradient(gradient);
-			}
-			else gradient = this._settings.gradient(gradient);
-			ctx.fillStyle = gradient;
-			ctx.arc(x,y,radius,0,Math.PI*2,true);
-			ctx.fill();
-			ctx.globalAlpha = 1;
-	},
-	/**
-	*   returns the calculates pie parameters: center position and radius
-	*   @param: ctx - canvas object
-	*   @param: x0 - the horizontal position of the pie center
-	*   @param: y0 - the vertical position of the pie center
-	*   @param: R - pie radius
-	*   @param: alpha1 - the angle that defines the 1st edge of a sector
-	*   @param: alpha2 - the angle that defines the 2nd edge of a sector
-	*   @param: ky - the value that defines an angle of inclination
-	*   @param: text - label text
-	*   @param: in_width (boolean) - if label needs being displayed inside a pie
-	*/
-	_drawSectorLabel:function(x0,y0,R,alpha1,alpha2,ky,text,in_width){
-		var t = this.renderText(0,0,text,0,1);
-		if (!t) return;
-
-		//get existing width of text
-		var labelWidth = t.scrollWidth;
-		t.style.width = labelWidth+"px";	//adjust text label to fit all text
-		if (labelWidth>x0) labelWidth = x0;	//the text can't be greater than half of view
-
-		//calculate expected correction based on default font metrics
-		var width = 8;
-		if (in_width) width = labelWidth/1.8;
-		var alpha = alpha1+(alpha2-alpha1)/2;
-
-		//calcualteion position and correction
-		R = R-(width-8)/2;
-		var corr_x = - width;
-		var corr_y = -8;
-		var align = "left";
-
-		//for items in right upper sector
-		if(alpha>=Math.PI/2 && alpha<Math.PI){
-			//correction need to be applied because of righ align
-			//we need to count right upper angle instead of left upper angle
-			corr_x = -labelWidth-corr_x+1;/*correction for label width*/
-			align = "right";
-		}
-		//for items in right lower sector
-		if(alpha<=3*Math.PI/2 && alpha>=Math.PI){
-			corr_x = -labelWidth-corr_x+1;
-			align = "right";
-		}
-
-		//calculate position of text
-		//basically get point at center of pie sector
-		var y = (y0+Math.floor(R*Math.sin(alpha)))*ky+corr_y;
-		var x = x0+Math.floor((R+width/2)*Math.cos(alpha))+corr_x;
-
-		//if pie sector starts in left of right part pie, related text
-		//must be placed to the left of to the right of pie as well
-		var left_end = (alpha2 < Math.PI/2+0.01)
-		var left_start = (alpha < Math.PI/2);
-		if (left_start && left_end)
-			x = Math.max(x,x0+3);	//right part of pie
-		else if (!left_start && !left_end)
-			x = Math.min(x,x0-labelWidth);	//left part of pie
-
-
-		/*correction for the lower sector of the 3D pie*/
-		if (!in_width && ky<1 && y > y0*ky){
-			y+= (this._settings.height||Math.floor(R/4));
-		}
-
-		//we need to set position of text manually, based on above calculations
-		t.style.top  = y+"px";
-		t.style.left = x+"px";
-		t.style.width = labelWidth+"px";
-		t.style.textAlign = align;
-		t.style.whiteSpace = "nowrap";
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'template.js'*/
-
-
-/*
-	Template - handles html templates
-*/
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Template={
-	_cache:{
-	},
-	empty:function(){
-		return "";
-	},
-	setter:function(name, value){
-		return dhtmlx.Template.fromHTML(value);
-	},
-	obj_setter:function(name,value){
-		var f = dhtmlx.Template.setter(name,value);
-		var obj = this;
-		return function(){
-			return f.apply(obj, arguments);
-		};
-	},
-	fromHTML:function(str){
-		if (typeof str == "function") return str;
-		if (this._cache[str])
-			return this._cache[str];
-
-	//supported idioms
-	// {obj} => value
-	// {obj.attr} => named attribute or value of sub-tag in case of xml
-	// {obj.attr?some:other} conditional output
-	// {-obj => sub-template
-		str=(str||"").toString();
-		str=str.replace(/[\r\n]+/g,"\\n");
-		str=str.replace(/\{obj\.([^}?]+)\?([^:]*):([^}]*)\}/g,"\"+(obj.$1?\"$2\":\"$3\")+\"");
-		str=str.replace(/\{common\.([^}\(]*)\}/g,"\"+common.$1+\"");
-		str=str.replace(/\{common\.([^\}\(]*)\(\)\}/g,"\"+(common.$1?common.$1(obj):\"\")+\"");
-		str=str.replace(/\{obj\.([^}]*)\}/g,"\"+obj.$1+\"");
-		str=str.replace(/#([a-z0-9_]+)#/gi,"\"+obj.$1+\"");
-		str=str.replace(/\{obj\}/g,"\"+obj+\"");
-		str=str.replace(/\{-obj/g,"{obj");
-		str=str.replace(/\{-common/g,"{common");
-		str="return \""+str+"\";";
-		return this._cache[str]= Function("obj","common",str);
-	}
-};
-
-dhtmlx.Type={
-	/*
-		adds new template-type
-		obj - object to which template will be added
-		data - properties of template
-	*/
-	add:function(obj, data){
-		//auto switch to prototype, if name of class was provided
-		if (!obj.types && obj.prototype.types)
-			obj = obj.prototype;
-		//if (typeof data == "string")
-		//	data = { template:data };
-
-		if (dhtmlx.assert_enabled())
-			this.assert_event(data);
-
-		var name = data.name||"default";
-
-		//predefined templates - autoprocessing
-		this._template(data);
-		this._template(data,"edit");
-		this._template(data,"loading");
-
-		obj.types[name]=dhtmlx.extend(dhtmlx.extend({},(obj.types[name]||this._default)),data);
-		return name;
-	},
-	//default template value - basically empty box with 5px margin
-	_default:{
-		css:"default",
-		template:function(){ return ""; },
-		template_edit:function(){ return ""; },
-		template_loading:function(){ return "..."; },
-		width:150,
-		height:80,
-		margin:5,
-		padding:0
-	},
-	//template creation helper
-	_template:function(obj,name){
-		name = "template"+(name?("_"+name):"");
-		var data = obj[name];
-		//if template is a string - check is it plain string or reference to external content
-		if (data && (typeof data == "string")){
-			if (data.indexOf("->")!=-1){
-				data = data.split("->");
-				switch(data[0]){
-					case "html": 	//load from some container on the page
-						data = dhtmlx.html.getValue(data[1]).replace(/\"/g,"\\\"");
-						break;
-					case "http": 	//load from external file
-						data = new dhtmlx.ajax().sync().get(data[1],{uid:(new Date()).valueOf()}).responseText;
-						break;
-					default:
-						//do nothing, will use template as is
-						break;
-				}
-			}
-			obj[name] = dhtmlx.Template.fromHTML(data);
-		}
-	}
-};
-
-
-
-/* DHX DEPEND FROM FILE 'single_render.js'*/
-
-
-/*
-	REnders single item.
-	Can be used for elements without datastore, or with complex custom rendering logic
-
-	@export
-		render
-*/
-
-/*DHX:Depend template.js*/
-
-dhtmlx.SingleRender={
-	_init:function(){
-	},
-	//convert item to the HTML text
-	_toHTML:function(obj){
-			/*
-				this one doesn't support per-item-$template
-				it has not sense, because we have only single item per object
-			*/
-			return this.type._item_start(obj,this.type)+this.type.template(obj,this.type)+this.type._item_end;
-	},
-	//render self, by templating data object
-	render:function(){
-		if (!this.callEvent || this.callEvent("onBeforeRender",[this.data])){
-			if (this.data)
-				this._dataobj.innerHTML = this._toHTML(this.data);
-			if (this.callEvent) this.callEvent("onAfterRender",[]);
-		}
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'tooltip.js'*/
-
-
-/*
-	UI: Tooltip
-
-	@export
-		show
-		hide
-*/
-
-/*DHX:Depend tooltip.css*/
-/*DHX:Depend template.js*/
-/*DHX:Depend single_render.js*/
-
-dhtmlx.ui.Tooltip=function(container){
-	this.name = "Tooltip";
-	this.version = "3.0";
-
-	if (dhtmlx.assert_enabled()) this._assert();
-
-	if (typeof container == "string"){
-		container = { template:container };
-	}
-
-	dhtmlx.extend(this, dhtmlx.Settings);
-	dhtmlx.extend(this, dhtmlx.SingleRender);
-	this._parseSettings(container,{
-		type:"default",
-		dy:0,
-		dx:20
-	});
-
-	//create  container for future tooltip
-	this._dataobj = this._obj = document.createElement("DIV");
-	this._obj.className="dhx_tooltip";
-	dhtmlx.html.insertBefore(this._obj,document.body.firstChild);
-};
-dhtmlx.ui.Tooltip.prototype = {
-	//show tooptip
-	//pos - object, pos.x - left, pox.y - top
-	show:function(data,pos){
-		//render sefl only if new data was provided
-		if (this.data!=data){
-			this.data=data;
-			this.render(data);
-		}
-		//show at specified position
-		this._obj.style.top = pos.y+this._settings.dy+"px";
-		this._obj.style.left = pos.x+this._settings.dx+"px";
-		this._obj.style.display="block";
-	},
-	//hide tooltip
-	hide:function(){
-		this.data=null; //nulify, to be sure that on next show it will be fresh-rendered
-		this._obj.style.display="none";
-	},
-	types:{
-		"default":dhtmlx.Template.fromHTML("{obj.id}")
-	},
-	template_item_start:dhtmlx.Template.empty,
-	template_item_end:dhtmlx.Template.empty
-};
-
-
-
-/* DHX DEPEND FROM FILE 'autotooltip.js'*/
-
-
-/*
-	Behavior: AutoTooltip - links tooltip to data driven item
-*/
-
-/*DHX:Depend tooltip.js*/
-
-dhtmlx.AutoTooltip = {
-	tooltip_setter:function(mode,value){
-		var t = new dhtmlx.ui.Tooltip(value);
-		this.attachEvent("onMouseMove",function(id,e){	//show tooltip on mousemove
-			t.show(this.get(id),dhtmlx.html.pos(e));
-		});
-		this.attachEvent("onMouseOut",function(id,e){	//hide tooltip on mouseout
-			t.hide();
-		});
-		this.attachEvent("onMouseMoving",function(id,e){	//hide tooltip just after moving start
-			t.hide();
-		});
-		return t;
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'datastore.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-
-/*
-	DataStore is not a behavior, it standalone object, which represents collection of data.
-	Call provideAPI to map data API
-
-	@export
-		exists
-		idByIndex
-		indexById
-		get
-		set
-		refresh
-		dataCount
-		sort
-		filter
-		next
-		previous
-		clearAll
-		first
-		last
-*/
-dhtmlx.DataStore = function(){
-	this.name = "DataStore";
-
-	dhtmlx.extend(this, dhtmlx.EventSystem);
-
-	this.setDriver("xml");	//default data source is an XML
-	this.pull = {};						//hash of IDs
-	this.order = dhtmlx.toArray();		//order of IDs
-};
-
-dhtmlx.DataStore.prototype={
-	//defines type of used data driver
-	//data driver is an abstraction other different data formats - xml, json, csv, etc.
-	setDriver:function(type){
-		dhtmlx.assert(dhtmlx.DataDriver[type],"incorrect DataDriver");
-		this.driver = dhtmlx.DataDriver[type];
-	},
-	//process incoming raw data
-	_parse:function(data){
-		//get size and position of data
-		var info = this.driver.getInfo(data);
-		//get array of records
-		var recs = this.driver.getRecords(data);
-
-		var from = (info._from||0)*1;
-		var j=0;
-		for (var i=0; i<recs.length; i++){
-			//get has of details for each record
-			var temp = this.driver.getDetails(recs[i]);
-			var id = this.id(temp); 	//generate ID for the record
-			if (!this.pull[id]){		//if such ID already exists - update instead of insert
-				this.order[j+from]=id;
-				j++;
-			}
-			this.pull[id]=temp;
-		}
-		//for all not loaded data
-		for (var i=0; i < info._size; i++)
-			if (!this.order[i]){
-				var id = dhtmlx.uid();
-				var temp = {id:id, $template:"loading"};	//create fake records
-				this.pull[id]=temp;
-				this.order[i]=id;
-			}
-		this.callEvent("onStoreLoad",[this.driver, data]);
-		//repaint self after data loading
-		this.refresh();
-	},
-	//generate id for data object
-	id:function(data){
-		return data.id||(data.id=dhtmlx.uid());
-	},
-	//get data from hash by id
-	get:function(id){
-		return this.pull[id];
-	},
-	//assigns data by id
-	set:function(id,data){
-		this.pull[id]=data;
-		this.refresh();
-	},
-	//sends repainting signal
-	refresh:function(id){
-		if (id)
-			this.callEvent("onStoreUpdated",[id, this.pull[id], "update"]);
-		else
-			this.callEvent("onStoreUpdated",[null,null,null]);
-	},
-	//converts range IDs to array of all IDs between them
-	getRange:function(from,to){
-		if (!arguments.length){
-			//if indexes not provided - return all visible rows
-			from = this.min||0; to = Math.min((this.max||Infinity),(this.dataCount()-1));
-		} else{
-			from = this.indexById(from);
-			to = this.indexById(to);
-			if (from>to){ //can be in case of backward shift-selection
-				var a=to; to=from; from=a;
-			}
-		}
-		return this.getIndexRange(from,to);
-	},
-	//converts range of indexes to array of all IDs between them
-	getIndexRange:function(from,to){
-		to=Math.min(to,this.dataCount()-1);
-
-		var ret=dhtmlx.toArray(); //result of method is rich-array
-		for (var i=from; i <= to; i++)
-			ret.push(this.get(this.order[i]));
-		return ret;
-	},
-	//returns total count of elements
-	dataCount:function(){
-		return this.order.length;
-	},
-	//returns truy if item with such ID exists
-	exists:function(id){
-		return !!(this.pull[id]);
-	},
-	//nextmethod is not visible on component level, check DataMove.move
-	//moves item from source index to the target index
-	move:function(sindex,tindex){
-		if (sindex<0 || tindex<0 || tindex >= this.order.length){
-			dhtmlx.error("DataStore::move","Incorrect indexes");
-			return;
-		}
-
-
-		var id = this.idByIndex(sindex);
-		var obj = this.get(id);
-
-		this.order.removeAt(sindex);	//remove at old position
-		//if (sindex>tindex) tindex--;	//correct shift, caused by element removing
-		this.order.insertAt(id,tindex);	//insert at new position
-
-		//repaint signal
-		this.callEvent("onStoreUpdated",[id,obj,"move"]);
-	},
-	//adds item to the store
-	add:function(obj,index){
-		//generate id for the item
-		var id = this.id(obj);
-
-		//by default item is added to the end of the list
-		var data_size = this.dataCount();
-		if (dhtmlx.isNotDefined(index))
-			index = data_size;
-		//check to prevent too big indexes
-		if (index > data_size){
-			dhtmlx.log("Warning","DataStore:add","Index of out of bounds");
-			index = Math.min(this.order.length,index);
-		}
-
-		if (!this.callEvent("onbeforeAdd",[id,index])) return;
-
-		if (this.exists(id)) return dhtmlx.error("Not unique ID");
-
-		this.pull[id]=obj;
-		this.order.insertAt(id,index);
-		if (this._filter_order){	//adding during filtering
-			//we can't know the location of new item in full dataset, making suggestion
-			//put at end by default
-			var original_index = this._filter_order.length;
-			//put at start only if adding to the start and some data exists
-			if (!index && this.order.length)
-				original_index = 0;
-
-			this._filter_order.insertAt(id,original_index);
-		}
-
-		this.callEvent("onafterAdd",[id,index]);
-		//repaint signal
-		this.callEvent("onStoreUpdated",[id,obj,"add"]);
-		return id;
-	},
-
-	//removes element from datastore
-	remove:function(id){
-		//id can be an array of IDs - result of getSelect, for example
-		if (id instanceof Array){
-			for (var i=0; i < id.length; i++)
-				this.remove(id[i]);
-			return;
-		}
-		if (!this.callEvent("onbeforedelete",[id])) return;
-		if (!this.exists(id)) return dhtmlx.error("Not existing ID",id);
-		var obj = this.get(id);	//save for later event
-		//clear from collections
-		this.order.remove(id);
-		if (this._filter_order)
-			this._filter_order.remove(id);
-
-		delete this.pull[id];
-		this.callEvent("onafterdelete",[id]);
-		//repaint signal
-		this.callEvent("onStoreUpdated",[id,obj,"delete"]);
-	},
-	//deletes all records in datastore
-	clearAll:function(){
-		//instead of deleting one by one - just reset inner collections
-		this.pull = {};
-		this.order = dhtmlx.toArray();
-		this._filter_order = null;
-		this.callEvent("onClearAll",[]);
-		this.refresh();
-	},
-	//converts id to index
-	idByIndex:function(index){
-		if (index>=this.order.length || index<0)
-			dhtmlx.log("Warning","DataStore::idByIndex Incorrect index");
-
-		return this.order[index];
-	},
-	//converts index to id
-	indexById:function(id){
-		var res = this.order.find(id);	//slower than idByIndex
-
-		if (!res && res!==0)
-			dhtmlx.log("Warning","DataStore::indexById Non-existing ID: "+ id);
-
-		return res;
-	},
-	//returns ID of next element
-	next:function(id,step){
-		return this.order[this.indexById(id)+(step||1)];
-	},
-	//returns ID of first element
-	first:function(){
-		return this.order[0];
-	},
-	//returns ID of last element
-	last:function(){
-		return this.order[this.order.length-1];
-	},
-	//returns ID of previous element
-	previous:function(id,step){
-		return this.order[this.indexById(id)-(step||1)];
-	},
-	/*
-		sort data in collection
-			by - settings of sorting
-
-		or
-
-			by - sorting function
-			dir - "asc" or "desc"
-
-		or
-
-			by - property
-			dir - "asc" or "desc"
-			as - type of sortings
-
-		Sorting function will accept 2 parameters and must return 1,0,-1, based on desired order
-	*/
-	sort:function(by, dir, as){
-
-		var sort = by;
-		if (typeof by == "function")
-			sort = {as:by, dir:dir};
-		else if (typeof by == "string")
-			sort = {by:by, dir:dir, as:as};
-
-
-		var parameters = [sort.by, sort.dir, sort.as];
-		if (!this.callEvent("onbeforesort",parameters)) return;
-
-		var sorter = dhtmlx.sort.create(sort);
-		//get array of IDs
-		var neworder = this.getRange();
-		neworder.sort(sorter);
-		this.order = neworder.map(function(obj){ return this.id(obj); },this);
-
-		//repaint self
-		this.refresh();
-
-		this.callEvent("onaftersort",parameters);
-	},
-	/*
-		Filter datasource
-
-		text - property, by which filter
-		value - filter mask
-
-		or
-
-		text  - filter method
-
-		Filter method will receive data object and must return true or false
-	*/
-	filter:function(text,value){
-		//remove previous filtering , if any
-		if (this._filter_order){
-			this.order = this._filter_order;
-			delete this._filter_order;
-		}
-		//if text not define -just unfilter previous state and exit
-		if (text){
-			var filter = text;
-			if (typeof text == "string"){
-				text = dhtmlx.Template.setter(0,text);
-				filter = function(obj,value){	//default filter - string start from, case in-sensitive
-					return text(obj).toLowerCase().indexOf(value)!=-1;
-				};
-			}
-
-			value = (value||"").toString().toLowerCase();
-			var neworder = dhtmlx.toArray();
-			this.order.each(function(id){
-				if (filter(this.get(id),value))
-					neworder.push(id);
-			},this);
-			//set new order of items, store original
-			this._filter_order = this.order;
-			this.order = neworder;
-		}
-		//repaint self
-		this.refresh();
-	},
-	/*
-		Iterate through collection
-	*/
-	each:function(method,master){
-		for (var i=0; i<this.order.length; i++)
-			method.call((master||this), this.get(this.order[i]));
-	},
-	/*
-		map inner methods to some distant object
-	*/
-	provideApi:function(target,eventable){
-
-		if (eventable){
-			this.mapEvent({
-				onbeforesort:	target,
-				onaftersort:	target,
-				onbeforeadd:	target,
-				onafteradd:		target,
-				onbeforedelete:	target,
-				onafterdelete:	target
-			});
-		}
-
-		var list = ["sort","add","remove","exists","idByIndex","indexById","get","set","refresh","dataCount","filter","next","previous","clearAll","first","last"];
-		for (var i=0; i < list.length; i++)
-			target[list[i]]=dhtmlx.methodPush(this,list[i]);
-
-		if (dhtmlx.assert_enabled())
-			this.assert_event(target);
-	}
-};
-
-dhtmlx.sort = {
-	create:function(config){
-		return dhtmlx.sort.dir(config.dir, dhtmlx.sort.by(config.by, config.as));
-	},
-	as:{
-		"int":function(a,b){
-			a = a*1; b=b*1;
-			return a>b?1:(a<b?-1:0);
-		},
-		"string_strict":function(a,b){
-			a = a.toString(); b=b.toString();
-			return a>b?1:(a<b?-1:0);
-		},
-		"string":function(a,b){
-			a = a.toString().toLowerCase(); b=b.toString().toLowerCase();
-			return a>b?1:(a<b?-1:0);
-		}
-	},
-	by:function(prop, method){
-		if (typeof method != "function")
-			method = dhtmlx.sort.as[method||"string"];
-		prop = dhtmlx.Template.setter(0,prop);
-		return function(a,b){
-			return method(prop(a),prop(b));
-		};
-	},
-	dir:function(prop, method){
-		if (prop == "asc")
-			return method;
-		return function(a,b){
-			return method(a,b)*-1;
-		};
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'group.js'*/
-
-
-/*DHX:Depend datastore.js*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Group = {
-	_init:function(){
-		dhtmlx.assert(this.data,"DataStore required for grouping");
-		this.data.attachEvent("onStoreLoad",dhtmlx.bind(function(){
-			if (this._settings.group)
-				this.group(this._settings.group,false);
-		},this));
-		this.attachEvent("onBeforeRender",dhtmlx.bind(function(data){
-			if (this._settings.sort){
-				data.block();
-				data.sort(this._settings.sort);
-				data.unblock();
-			}
-		},this));
-		this.attachEvent("onBeforeSort",dhtmlx.bind(function(){
-			this._settings.sort = null;
-		},this));
-	},
-	_init_group_data_event:function(data,master){
-		data.attachEvent("onClearAll",dhtmlx.bind(function(){
-			this.ungroup(false);
-		},master));
-	},
-	sum:function(property, data){
-		property = dhtmlx.Template.setter(0,property);
-
-		data = data || this.data;
-		var summ = 0;
-		data.each(function(obj){
-			summ+=property(obj)*1;
-		});
-		return summ;
-	},
-	min:function(property, data){
-		property = dhtmlx.Template.setter(0,property);
-
-		data = data || this.data;
-		var min = Infinity;
-		data.each(function(obj){
-			if (property(obj)*1 < min) min = property(obj)*1;
-		});
-		return min*1;
-	},
-	max:function(property, data){
-		property = dhtmlx.Template.setter(0,property);
-
-		data = data || this.data;
-		var max = -Infinity;
-		data.each(function(obj){
-			if (property(obj)*1 > max) max = property(obj)*1;
-		});
-		return max;
-	},
-	_split_data_by:function(stats){
-		var any=function(property, data){
-			property = dhtmlx.Template.setter(0,property);
-			return property(data[0]);
-		};
-		var key = dhtmlx.Template.setter(0,stats.by);
-		if (!stats.map[key])
-			stats.map[key] = [key, any];
-
-		var groups = {};
-		var labels = [];
-		this.data.each(function(data){
-			var current = key(data);
-			if (!groups[current]){
-				labels.push({id:current});
-				groups[current] = dhtmlx.toArray();
-			}
-			groups[current].push(data);
-		});
-		for (var prop in stats.map){
-			var functor = (stats.map[prop][1]||any);
-			if (typeof functor != "function")
-				functor = this[functor];
-
-			for (var i=0; i < labels.length; i++) {
-				labels[i][prop]=functor.call(this, stats.map[prop][0], groups[labels[i].id]);
-			}
-		}
-//		if (this._settings.sort)
-//			labels.sortBy(stats.sort);
-
-		this._not_grouped_data = this.data;
-		this.data = new dhtmlx.DataStore();
-		this.data.provideApi(this,true);
-		this._init_group_data_event(this.data, this);
-		this.parse(labels,"json");
-	},
-	group:function(config,mode){
-		this.ungroup(false);
-		this._split_data_by(config);
-		if (mode!==false)
-			this.render();
-	},
-	ungroup:function(mode){
-		if (this._not_grouped_data){
-			this.data = this._not_grouped_data;
-			this.data.provideApi(this, true);
-		}
-		if (mode!==false)
-			this.render();
-	},
-	group_setter:function(name, config){
-		dhtmlx.assert(typeof config == "object", "Incorrect group value");
-		dhtmlx.assert(config.by,"group.by is mandatory");
-		dhtmlx.assert(config.map,"group.map is mandatory");
-		return config;
-	},
-	//need to be moved to more appropriate object
-	sort_setter:function(name, config){
-		if (typeof config != "object")
-			config = { by:config };
-
-		this._mergeSettings(config,{
-			as:"string",
-			dir:"asc"
-		});
-		return config;
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'key.js'*/
-
-
-/*
-	Behavior:KeyEvents - hears keyboard
-*/
-dhtmlx.KeyEvents = {
-	_init:function(){
-		//attach handler to the main container
-		dhtmlx.event(this._obj,"keypress",this._onKeyPress,this);
-	},
-	//called on each key press , when focus is inside of related component
-	_onKeyPress:function(e){
-		e=e||event;
-		var code = e.keyCode; //FIXME  better solution is required
-		this.callEvent((this._edit_id?"onEditKeyPress":"onKeyPress"),[code,e.ctrlKey,e.shiftKey,e]);
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'mouse.js'*/
-
-
-/*
-	Behavior:MouseEvents - provides inner evnets for  mouse actions
-*/
-dhtmlx.MouseEvents={
-	_init: function(){
-		//attach dom events if related collection is defined
-		if (this._click){
-			dhtmlx.event(this._obj,"click",this._onClick,this);
-			dhtmlx.event(this._obj,"contextmenu",this._onContext,this);
-		}
-		if (this._dblclick)
-			dhtmlx.event(this._obj,"dblclick",this._onDblClick,this);
-		if (this._mouse_move){
-			dhtmlx.event(this._obj,"mousemove",this._onMouse,this);
-			dhtmlx.event(this._obj,(dhtmlx._isIE?"mouseleave":"mouseout"),this._onMouse,this);
-		}
-
-	},
-	//inner onclick object handler
-	_onClick: function(e) {
-		return this._mouseEvent(e,this._click,"ItemClick");
-	},
-	//inner ondblclick object handler
-	_onDblClick: function(e) {
-		return this._mouseEvent(e,this._dblclick,"ItemDblClick");
-	},
-	//process oncontextmenu events
-	_onContext: function(e) {
-		var id = dhtmlx.html.locate(e, this._id);
-		if (id && !this.callEvent("onBeforeContextMenu", [id,e]))
-			return dhtmlx.html.preventEvent(e);
-	},
-	/*
-		event throttler - ignore events which occurs too fast
-		during mouse moving there are a lot of event firing - we need no so much
-		also, mouseout can fire when moving inside the same html container - we need to ignore such fake calls
-	*/
-	_onMouse:function(e){
-		if (dhtmlx._isIE)	//make a copy of event, will be used in timed call
-			e = document.createEventObject(event);
-
-		if (this._mouse_move_timer)	//clear old event timer
-			window.clearTimeout(this._mouse_move_timer);
-
-		//this event just inform about moving operation, we don't care about details
-		this.callEvent("onMouseMoving",[e]);
-		//set new event timer
-		this._mouse_move_timer = window.setTimeout(dhtmlx.bind(function(){
-			//called only when we have at least 100ms after previous event
-			if (e.type == "mousemove")
-				this._onMouseMove(e);
-			else
-				this._onMouseOut(e);
-		},this),500);
-	},
-	//inner mousemove object handler
-	_onMouseMove: function(e) {
-		if (!this._mouseEvent(e,this._mouse_move,"MouseMove"))
-			this.callEvent("onMouseOut",[e||event]);
-	},
-	//inner mouseout object handler
-	_onMouseOut: function(e) {
-		this.callEvent("onMouseOut",[e||event]);
-	},
-	//common logic for click and dbl-click processing
-	_mouseEvent:function(e,hash,name){
-		e=e||event;
-		var trg=e.target||e.srcElement;
-		var css = "";
-		var id = null;
-		var found = false;
-		//loop through all parents
-		while (trg && trg.parentNode){
-			if (!found){													//if element with ID mark is not detected yet
-				id = trg.getAttribute(this._id);							//check id of current one
-				if (id){
-					if (!this.callEvent("on"+name,[id,e,trg])) return;		//it will be triggered only for first detected ID, in case of nested elements
-					found = true;											//set found flag
-				}
-			}
-			css=trg.className;
-			if (css){		//check if pre-defined reaction for element's css name exists
-				css = css.split(" ");
-				css = css[0]||css[1]; //FIXME:bad solution, workaround css classes which are starting from whitespace
-				if (hash[css])
-					return hash[css].call(this,e,id,trg);
-			}
-			trg=trg.parentNode;
-		}
-		return found;	//returns true if item was located and event was triggered
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'config.js'*/
-
-
-/*
-	Behavior:Settings
-
-	@export
-		customize
-		config
-*/
-
-/*DHX:Depend template.js*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Settings={
-	_init:function(){
-		/*
-			property can be accessed as this.config.some
-			in same time for inner call it have sense to use _settings
-			because it will be minified in final version
-		*/
-		this._settings = this.config=[];
-		this._settings.sort = null; //mask default method
-	},
-	define:function(property, value){
-		if (typeof property == "object")
-			return this._parseSeetingColl(property);
-		return this._define(property, value);
-	},
-	_define:function(property,value){
-		dhtmlx.assert_settings.call(this,property,value);
-
-		//method with name {prop}_setter will be used as property setter
-		//setter is optional
-		var setter = this[property+"_setter"];
-		return this._settings[property]=setter?setter.call(this,property,value):value;
-	},
-	//process configuration object
-	_parseSeetingColl:function(coll){
-		if (coll){
-			for (var a in coll)				//for each setting
-				this._define(a,coll[a]);		//set value through config
-		}
-	},
-	//helper for object initialization
-	_parseSettings:function(obj,initial){
-		//initial - set of default values
-		var settings = dhtmlx.extend({},initial);
-		//code below will copy all properties over default one
-		if (typeof obj == "object" && !obj.tagName)
-			dhtmlx.extend(settings,obj);
-		//call config for each setting
-		this._parseSeetingColl(settings);
-	},
-	_mergeSettings:function(config, defaults){
-		for (var key in defaults)
-			switch(typeof config[key]){
-				case "object":
-					config[key] = this._mergeSettings((config[key]||{}), defaults[key]);
-					break;
-				case "undefined":
-					config[key] = defaults[key];
-					break;
-				default:	//do nothing
-					break;
-			}
-		return config;
-	},
-	//helper for html container init
-	_parseContainer:function(obj,name,fallback){
-		/*
-			parameter can be a config object, in such case real container will be obj.container
-			or it can be html object or ID of html object
-		*/
-		if (typeof obj == "object" && !obj.tagName)
-			obj=obj.container;
-		this._obj = dhtmlx.toNode(obj);
-		if (!this._obj && fallback)
-			this._obj = fallback(obj);
-
-		dhtmlx.assert(this._obj, "Incorrect html container");
-
-		this._obj.className+=" "+name;
-		this._obj.onselectstart=function(){return false;};	//block selection by default
-		this._dataobj = this._obj;//separate reference for rendering modules
-	},
-	//apply template-type
-	_set_type:function(name){
-		//parameter can be a hash of settings
-		if (typeof name == "object")
-			return this.type_setter("type",name);
-
-		dhtmlx.assert(this.types, "RenderStack :: Types are not defined");
-		dhtmlx.assert(this.types[name],"RenderStack :: Inccorect type name",name);
-		//or parameter can be a name of existing template-type
-		this.type=dhtmlx.extend({},this.types[name]);
-		this.customize();	//init configs
-	},
-	customize:function(obj){
-		//apply new properties
-		if (obj) dhtmlx.extend(this.type,obj);
-
-		//init tempaltes for item start and item end
-		this.type._item_start = dhtmlx.Template.fromHTML(this.template_item_start(this.type));
-		this.type._item_end = this.template_item_end(this.type);
-
-		//repaint self
-		this.render();
-	},
-	//config.type - creates new template-type, based on configuration object
-	type_setter:function(mode,value){
-		this._set_type(typeof value == "object"?dhtmlx.Type.add(this,value):value);
-		return value;
-	},
-	//config.template - creates new template-type with defined template string
-	template_setter:function(mode,value){
-		return this.type_setter("type",{template:value});
-	},
-	//config.css - css name for top level container
-	css_setter:function(mode,value){
-		this._obj.className += " "+value;
-		return value;
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'compatibility.js'*/
-
-
-/*
-	Collection of compatibility hacks
-*/
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.compat=function(name, obj){
-	//check if name hach present, and applies it when necessary
-	if (dhtmlx.compat[name])
-		dhtmlx.compat[name](obj);
-};
-
-
-(function(){
-	if (!window.dhtmlxError){
-		//dhtmlxcommon is not included
-
-		//create fake error tracker for connectors
-		var dummy = function(){};
-		window.dhtmlxError={ catchError:dummy, throwError:dummy };
-		//helpers instead of ones from dhtmlxcommon
-		window.convertStringToBoolean=function(value){
-			return !!value;
-		};
-		window.dhtmlxEventable = function(node){
-			dhtmlx.extend(node,dhtmlx.EventSystem);
-		};
-		//imitate ajax layer of dhtmlxcommon
-		var loader = {
-			getXMLTopNode:function(name){
-
-			},
-			doXPath:function(path){
-				return dhtmlx.DataDriver.xml.xpath(this.xml,path);
-			},
-			xmlDoc:{
-				responseXML:true
-			}
-		};
-		//wrap ajax methods of dataprocessor
-		dhtmlx.compat.dataProcessor=function(obj){
-			//FIXME
-			//this is pretty ugly solution - we replace whole method , so changes in dataprocessor need to be reflected here
-
-			var sendData = "_sendData";
-			var in_progress = "_in_progress";
-			var tMode = "_tMode";
-			var waitMode = "_waitMode";
-
-			obj[sendData]=function(a1,rowId){
-		    	if (!a1) return; //nothing to send
-		    	if (rowId)
-					this[in_progress][rowId]=(new Date()).valueOf();
-
-				if (!this.callEvent("onBeforeDataSending",rowId?[rowId,this.getState(rowId)]:[])) return false;
-
-				var a2 = this;
-		        var a3=this.serverProcessor;
-				if (this[tMode]!="POST")
-					//use dhtmlx.ajax instead of old ajax layer
-					dhtmlx.ajax().get(a3+((a3.indexOf("?")!=-1)?"&":"?")+a1,"",function(t,x,xml){
-						loader.xml = dhtmlx.DataDriver.xml.checkResponse(t,x);
-						a2.afterUpdate(a2, null, null, null, loader);
-					});
-				else
-		        	dhtmlx.ajax().post(a3,a1,function(t,x,xml){
-		        		loader.xml = dhtmlx.DataDriver.xml.checkResponse(t,x);
-		        		a2.afterUpdate(a2, null, null, null, loader);
-		    		});
-
-				this[waitMode]++;
-		    };
-		};
-	}
-
-})();
-
-
-/* DHX DEPEND FROM FILE 'compatibility_layout.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-/*DHX:Depend compatibility.js*/
-
-if (!dhtmlx.attaches)
-	dhtmlx.attaches = {};
-
-dhtmlx.attaches.attachAbstract=function(name, conf){
-	var obj = document.createElement("DIV");
-	obj.id = "CustomObject_"+dhtmlx.uid();
-	obj.style.width = "100%";
-	obj.style.height = "100%";
-	obj.cmp = "grid";
-	document.body.appendChild(obj);
-	this.attachObject(obj.id);
-
-	conf.container = obj.id;
-	this.grid = new window[name](conf);
-
-	this.gridId = obj.id;
-	this.gridObj = obj;
-	return this.grid;
-};
-dhtmlx.attaches.attachDataView = function(conf){
-	return this.attachAbstract("dhtmlXDataView",conf);
-};
-dhtmlx.attaches.attachChart = function(conf){
-	return this.attachAbstract("dhtmlXChart",conf);
-};
-
-dhtmlx.compat.layout = function(){
-if (window.dhtmlXChart)
-	dhtmlXChart.prototype.setSizes = function(){
-		this.resize();
-	};
-if (window.dhtmlXDataView)
-	dhtmlXDataView.prototype.setSizes = function(){
-		this.render();
-	};
-};
-
-
-/* DHX DEPEND FROM FILE 'load.js'*/
-
-
-/*
-	ajax operations
-
-	can be used for direct loading as
-		dhtmlx.ajax(ulr, callback)
-	or
-		dhtmlx.ajax().get(url)
-		dhtmlx.ajax().post(url)
-
-*/
-
-/*DHX:Depend datastore.js*/
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.ajax = function(url,call,master){
-	//if parameters was provided - made fast call
-	if (arguments.length!==0){
-		var http_request = new dhtmlx.ajax();
-		if (master) http_request.master=master;
-		http_request.get(url,null,call);
-	}
-	if (!this.getXHR) return new dhtmlx.ajax(); //allow to create new instance without direct new declaration
-
-	return this;
-};
-dhtmlx.ajax.prototype={
-	//creates xmlHTTP object
-	getXHR:function(){
-		if (dhtmlx._isIE)
-		 return new ActiveXObject("Microsoft.xmlHTTP");
-		else
-		 return new XMLHttpRequest();
-	},
-	/*
-		send data to the server
-		params - hash of properties which will be added to the url
-		call - callback, can be an array of functions
-	*/
-	send:function(url,params,call){
-		var x=this.getXHR();
-		if (typeof call == "function")
-		 call = [call];
-		//add extra params to the url
-		if (typeof params == "object"){
-			var t=[];
-			for (var a in params)
-			 t.push(a+"="+encodeURIComponent(params[a]));// utf-8 escaping
-			params=t.join("&");
-		}
-		if (params && !this.post){
-			url=url+(url.indexOf("?")!=-1 ? "&" : "?")+params;
-			params=null;
-		}
-
-		x.open(this.post?"POST":"GET",url,!this._sync);
-		if (this.post)
-		 x.setRequestHeader('Content-type','application/x-www-form-urlencoded');
-
-		//async mode, define loading callback
-		if (!this._sync){
-		 var self=this;
-		 x.onreadystatechange= function(){
-			if (!x.readyState || x.readyState == 4){
-				dhtmlx.log_full_time("data_loading");	//log rendering time
-				if (call && self)
-					for (var i=0; i < call.length; i++)	//there can be multiple callbacks
-					 if (call[i])
-						call[i].call((self.master||self),x.responseText,x.responseXML,x);
-				self.master=null;
-				call=x=self=null;	//anti-leak
-			}
-		 };
-		}
-
-		x.send(params||null);
-		return x; //return XHR, which can be used in case of sync. mode
-	},
-	//GET request
-	get:function(url,params,call){
-		this.post=false;
-		return this.send(url,params,call);
-	},
-	//POST request
-	post:function(url,params,call){
-		this.post=true;
-		return this.send(url,params,call);
-	},
-	sync:function(){
-		this._sync = true;
-		return this;
-	}
-};
-
-
-/*
-	Behavior:DataLoader - load data in the component
-
-	@export
-		load
-		parse
-*/
-dhtmlx.DataLoader={
-	_init:function(){
-		//prepare data store
-		this.data = new dhtmlx.DataStore();
-	},
-	//loads data from external URL
-	load:function(url,call){
-		this.callEvent("onXLS",[]);
-		if (typeof call == "string"){	//second parameter can be a loading type or callback
-		 this.data.setDriver(call);
-		 call = arguments[2];
-		}
-		//prepare data feed for dyn. loading
-		if (!this.data.feed)
-		 this.data.feed = function(from,count){
-			//allow only single request at same time
-			if (this._load_count)
-				return this._load_count=[from,count];	//save last ignored request
-			else
-				this._load_count=true;
-
-			this.load(url+((url.indexOf("?")==-1)?"?":"&")+"posStart="+from+"&count="+count,function(){
-				//after loading check if we have some ignored requests
-				var temp = this._load_count;
-				this._load_count = false;
-				if (typeof temp =="object")
-					this.data.feed.apply(this, temp);	//load last ignored request
-			});
-		 };
-		//load data by async ajax call
-		dhtmlx.ajax(url,[this._onLoad,call],this);
-	},
-	//loads data from object
-	parse:function(data,type){
-		this.callEvent("onXLS",[]);
-		if (type)
-		 this.data.setDriver(type);
-		this._onLoad(data,null);
-	},
-	//default after loading callback
-	_onLoad:function(text,xml,loader){
-		this.data._parse(this.data.driver.toObject(text,xml));
-		this.callEvent("onXLE",[]);
-	}
-};
-
-/*
-	Abstraction layer for different data types
-*/
-
-dhtmlx.DataDriver={};
-dhtmlx.DataDriver.json={
-	//convert json string to json object if necessary
-	toObject:function(data){
-		if (typeof data == "string"){
-		 eval ("dhtmlx.temp="+data);
-		 return dhtmlx.temp;
-		}
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		if (data && !(data instanceof Array))
-		 return [data];
-		return data;
-	},
-	//get hash of properties for single record
-	getDetails:function(data){
-		return data;
-	},
-	//get count of data and position at which new data need to be inserted
-	getInfo:function(data){
-		return {
-		 _size:(data.total_count||0),
-		 _from:(data.pos||0)
-		};
-	}
-};
-
-dhtmlx.DataDriver.html={
-	/*
-		incoming data can be
-		 - collection of nodes
-		 - ID of parent container
-		 - HTML text
-	*/
-	toObject:function(data){
-		if (typeof data == "string"){
-		 var t=null;
-		 if (data.indexOf("<")==-1)	//if no tags inside - probably its an ID
-			t = dhtmlx.toNode(data);
-		 if (!t){
-			t=document.createElement("DIV");
-			t.innerHTML = data;
-		 }
-
-		 return t.getElementsByTagName(this.tag);
-		}
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		if (data.tagName)
-		 return data.childNodes;
-		return data;
-	},
-	//get hash of properties for single record
-	getDetails:function(data){
-		return dhtmlx.DataDriver.xml.tagToObject(data);
-	},
-	//dyn loading is not supported by HTML data source
-	getInfo:function(data){
-		return {
-		 _size:0,
-		 _from:0
-		};
-	},
-	tag: "LI"
-};
-
-dhtmlx.DataDriver.jsarray={
-	//eval jsarray string to jsarray object if necessary
-	toObject:function(data){
-		if (typeof data == "string"){
-		 eval ("dhtmlx.temp="+data);
-		 return dhtmlx.temp;
-		}
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		return data;
-	},
-	//get hash of properties for single record, in case of array they will have names as "data{index}"
-	getDetails:function(data){
-		var result = {};
-		for (var i=0; i < data.length; i++)
-		 result["data"+i]=data[i];
-
-		return result;
-	},
-	//dyn loading is not supported by js-array data source
-	getInfo:function(data){
-		return {
-		 _size:0,
-		 _from:0
-		};
-	}
-};
-
-dhtmlx.DataDriver.csv={
-	//incoming data always a string
-	toObject:function(data){
-		return data;
-	},
-	//get array of records
-	getRecords:function(data){
-		return data.split(this.row);
-	},
-	//get hash of properties for single record, data named as "data{index}"
-	getDetails:function(data){
-		data = this.stringToArray(data);
-		var result = {};
-		for (var i=0; i < data.length; i++)
-		 result["data"+i]=data[i];
-
-		return result;
-	},
-	//dyn loading is not supported by csv data source
-	getInfo:function(data){
-		return {
-		 _size:0,
-		 _from:0
-		};
-	},
-	//split string in array, takes string surrounding quotes in account
-	stringToArray:function(data){
-		data = data.split(this.cell);
-		for (var i=0; i < data.length; i++)
-		 data[i] = data[i].replace(/^[ \t\n\r]*(\"|)/g,"").replace(/(\"|)[ \t\n\r]*$/g,"");
-		return data;
-	},
-	row:"\n",	//default row separator
-	cell:","	//default cell separator
-};
-
-dhtmlx.DataDriver.xml={
-	//convert xml string to xml object if necessary
-	toObject:function(text,xml){
-		if (xml && (xml=this.checkResponse(text,xml)))	//checkResponse - fix incorrect content type and extra whitespaces errors
-		 return xml;
-		if (typeof text == "string"){
-		 return this.fromString(text);
-		}
-		return text;
-	},
-	//get array of records
-	getRecords:function(data){
-		return this.xpath(data,this.records);
-	},
-	records:"/*/item",
-	userdata:"/*/userdata",
-	//get hash of properties for single record
-	getDetails:function(data){
-		return this.tagToObject(data,{});
-	},
-	getUserData:function(data,col){
-		col = col || {};
-		var ud = this.xpath(data,this.userdata);
-		for (var i=0; i < ud.length; i++) {
-			var udx = this.tagToObject(ud[i]);
-			col[udx.name] = udx.value;
-		}
-		return col;
-	},
-	//get count of data and position at which new data_loading need to be inserted
-	getInfo:function(data){
-		return {
-		 _size:(data.documentElement.getAttribute("total_count")||0),
-		 _from:(data.documentElement.getAttribute("pos")||0)
-		};
-	},
-	//xpath helper
-	xpath:function(xml,path){
-		if (window.XPathResult){	//FF, KHTML, Opera
-		 var node=xml;
-		 if(xml.nodeName.indexOf("document")==-1)
-		 xml=xml.ownerDocument;
-		 var res = [];
-		 var col = xml.evaluate(path, node, null, XPathResult.ANY_TYPE, null);
-		 var temp = col.iterateNext();
-		 while (temp){
-			res.push(temp);
-			temp = col.iterateNext();
-		}
-		return res;
-		}	//IE
-		return xml.selectNodes(path);
-	},
-	//convert xml tag to js object, all subtags and attributes are mapped to the properties of result object
-	tagToObject:function(tag,z){
-		z=z||{};
-		//map attributes
-		var a=tag.attributes;
-		for (var i=0; i<a.length; i++)
-		 z[a[i].name]=a[i].value;
-		//map subtags
-		var flag=false;
-		var b=tag.childNodes;
-		for (var i=0; i<b.length; i++){
-		 if (b[i].nodeType==1){
-			z[b[i].tagName]=this.tagToObject(b[i],{});	//sub-object for complex subtags
-			flag=true;
-		 }
-		}
-
-		if (!a.length && !flag)
-		 return this.nodeValue(tag);
-		//each object will have its text content as "value" property
-		z.value = this.nodeValue(tag);
-		return z;
-	},
-	//get value of xml node
-	nodeValue:function(node){
-		if (node.firstChild)
-		 return node.firstChild.data;	//FIXME - long text nodes in FF not supported for now
-		return "";
-	},
-	//convert XML string to XML object
-	fromString:function(xmlString){
-		if (window.DOMParser)		// FF, KHTML, Opera
-		 return (new DOMParser()).parseFromString(xmlString,"text/xml");
-		if (window.ActiveXObject){	// IE, utf-8 only
-		 temp=new ActiveXObject("Microsoft.xmlDOM");
-		 temp.loadXML(xmlString);
-		 return temp;
-		}
-		dhtmlx.error("Load from xml string is not supported");
-	},
-	//check is XML correct and try to reparse it if its invalid
-	checkResponse:function(text,xml){
-		if (xml && ( xml.firstChild && xml.firstChild.tagName != "parsererror") )
-			return xml;
-		//parsing as string resolves incorrect content type
-		//regexp removes whitespaces before xml declaration, which is vital for FF
-		var a=this.from_string(text.responseText.replace(/^[\s]+/,""));
-		if (a) return a;
-
-		dhtmlx.error("xml can't be parsed",text.responseText);
-	}
-};
-
-
-
-
-/* DHX DEPEND FROM FILE 'compatibility_grid.js'*/
-
-
-/*
-	Compatibility hack for loading data from the grid.
-	Provides new type of datasource - dhtmlxgrid
-
-*/
-
-/*DHX:Depend load.js*/
-
-dhtmlx.DataDriver.dhtmlxgrid={
-	_grid_getter:"_get_cell_value",
-	toObject:function(data){
-		this._grid = data;
-		return data;
-	},
-	getRecords:function(data){
-		return data.rowsBuffer;
-	},
-	getDetails:function(data){
-		var result = {};
-		for (var i=0; i < this._grid.getColumnsNum(); i++)
-			result["data"+i]=this._grid[this._grid_getter](data,i);
-
-		return result;
-	},
-	getInfo:function(data){
-		return {
-			_size:0,
-			_from:0
-		};
-	}
-};
-
-
-/* DHX DEPEND FROM FILE 'canvas.js'*/
-
-
-/*DHX:Depend dhtmlx.js*/
-
-dhtmlx.Canvas = {
-	_init:function(){
-		this._canvas_labels = [];
-	},
-	_prepareCanvas:function(container){
-		//canvas has the same size as master object
-		this._canvas = dhtmlx.html.create("canvas",{ width:container.offsetWidth, height:container.offsetHeight });
-		container.appendChild(this._canvas);
-		//use excanvas in IE
-		if (!this._canvas.getContext){
-			if (dhtmlx._isIE){
-				G_vmlCanvasManager.init_(document);
-				G_vmlCanvasManager.initElement(this._canvas);
-			} else	//some other not supported browser
-				dhtmlx.error("Canvas is not supported in the current browser");
-		}
-		return this._canvas;
-	},
-	getCanvas:function(context){
-		return (this._canvas||this._prepareCanvas(this._obj)).getContext(context||"2d");
-	},
-	_resizeCanvas:function(){
-		if (this._canvas){
-			this._canvas.setAttribute("width", this._canvas.parentNode.offsetWidth);
-			this._canvas.setAttribute("height", this._canvas.parentNode.offsetHeight);
-		}
-	},
-	renderText:function(x,y,text,css,w){
-		if (!text) return; //ignore empty text
-
-		var t = dhtmlx.html.create("DIV",{
-			"class":"dhx_canvas_text"+(css?(" "+css):""),
-			"style":"left:"+x+"px; top:"+y+"px;"
-		},text);
-		this._obj.appendChild(t);
-		this._canvas_labels.push(t); //destructor?
-		if (w)
-			t.style.width = w+"px";
-		return t;
-	},
-	renderTextAt:function(top, center, x,y,t,c,w){
-		var text=this.renderText.call(this,x,y,t,c,w);
-		if (text){
-
-			if (top){
-				//TODO: Check again, when new version of Chrome will be released
-				//fixes incorrect text sizing in Chrome
-				if (dhtmlx._isWebKit) text.style.fontSize = "13px";
-				text.style.top = y-text.offsetHeight + "px";
-			}
-
-			if (center){
-				text.style.left = parseInt(x-text.offsetWidth/2,10) + "px";
-				//TODO: Check again, when new version of Chrome will be released
-				//fixes incorrect text sizing in Chrome
-				if (dhtmlx._isWebKit) text.style.width = text.offsetWidth+"px";
-			}
-		}
-	},
-	clearCanvas:function(){
-		for(var i=0; i < this._canvas_labels.length;i++)
-			this._obj.removeChild(this._canvas_labels[i]);
-		this._canvas_labels = [];
-		if (this._obj._htmlmap){
-			this._obj._htmlmap.parentNode.removeChild(this._obj._htmlmap);
-			this._obj._htmlmap = null;
-		}
-		//FF breaks, when we are using clear canvas and call clearRect without parameters
-		this.getCanvas().clearRect(0,0,this._canvas.offsetWidth, this._canvas.offsetHeight);
-	}
-};
-
-
-/* DHX INITIAL FILE 'D:\dev\xampp\htdocs\dhtmlx\main\dhtmlxCore/sources//chart.js'*/
-
-
-/*DHX:Depend thirdparty\excanvas*/
-
-/*DHX:Depend chart.css*/
-/*DHX:Depend canvas.js*/
-/*DHX:Depend load.js*/
-
-/*DHX:Depend compatibility_grid.js*/
-/*DHX:Depend compatibility_layout.js*/
-
-/*DHX:Depend config.js*/
-/*DHX:Depend destructor.js*/
-/*DHX:Depend mouse.js*/
-/*DHX:Depend key.js*/
-/*DHX:Depend group.js*/
-/*DHX:Depend autotooltip.js*/
-
-
-/*DHX:Depend chart_pie.js*/
-/*DHX:Depend chart_bar.js*/
-/*DHX:Depend chart_graph.js*/
-
-/*DHX:Depend math.js*/
-/*DHX:Depend destructor.js*/
-/*DHX:Depend dhtmlx.js*/
-
-
-dhtmlXChart = function(container){
-
-	this.name = "Chart";
-	this.version = "3.0";
-
-	if (dhtmlx.assert_enabled()) this._assert();
-
-	dhtmlx.extend(this, dhtmlx.Settings);
-
-	this._parseContainer(container,"dhx_chart");
-
-	dhtmlx.extend(this, dhtmlx.DataLoader);
-	this.data.provideApi(this,true);
-
-	dhtmlx.extend(this, dhtmlx.EventSystem);
-	dhtmlx.extend(this, dhtmlx.MouseEvents);
-	dhtmlx.extend(this, dhtmlx.Destruction);
-	dhtmlx.extend(this, dhtmlx.Canvas);
-	dhtmlx.extend(this, dhtmlx.Group);
-	dhtmlx.extend(this, dhtmlx.AutoTooltip);
-
-	dhtmlx.extend(this, dhtmlx.chart.pie);
-	dhtmlx.extend(this, dhtmlx.chart.bar);
-	dhtmlx.extend(this, dhtmlx.chart.line);
-
-
-
-	this._parseSettings(container,{
-		color:"RAINBOW",
-		alpha:"1",
-		label:false,
-		value:"{obj.value}",
-		padding:{},
-		view:"pie",
-		lineColor:"#ffffff",
-		cant:0.5,
-		width: 15,
-		labelWidth:100,
-		line:{},
-		item:{},
-		shadow:true,
-		gradient:false,
-		border:true,
-		labelOffset: 20
-	});
-
-	this.data.attachEvent("onStoreUpdated",dhtmlx.bind(function(){
-		this.render();
-	},this));
-};
-dhtmlXChart.prototype={
-	_id:"dhx_area_id",
-	_click:{
-	},
-	_dblclick:{
-	},
-	_mouse_move:{
-	},
-	resize:function(){
-		this._resizeCanvas();
-		this.render();
-	},
-	render:function(){
-		if (!this.callEvent("onBeforeRender",[this.data]))
-			return;
-
-		this.clearCanvas();
-		this["pvt_render_"+this._settings.view](
-			this.getCanvas(),
-			this.data.getRange(),
-			this._obj.offsetWidth,
-			this._obj.offsetHeight
-		);
-	},
-
-	value_setter:dhtmlx.Template.obj_setter,
-	alpha_setter:dhtmlx.Template.obj_setter,
-	label_setter:dhtmlx.Template.obj_setter,
-	lineColor_setter:dhtmlx.Template.obj_setter,
-	pieInnerText_setter:dhtmlx.Template.obj_setter,
-	//available coloring presets
-	colormap:{
-		"RAINBOW":function(obj){
-			var pos = Math.floor(this.indexById(obj.id)/this.dataCount()*1536);
-			if (pos==1536) pos-=1;
-			return this._rainbow[Math.floor(pos/256)](pos%256);
-		}
-	},
-	color_setter:function(name, value){
-		return this.colormap[value]||dhtmlx.Template.obj_setter(name, value);
-	},
-	legend_setter:function(name, config){
-		if(typeof(config)!="object")	//allow to use template string instead of object
-			config={template:config};
-
-		this._mergeSettings(config,{
-			width:150,
-			height:18,
-			align:"left",
-			valign:"bottom",
-			template:"",
-			marker:{
-				type:"square",
-				width:25,
-				height:15
-			}
-		});
-
-		config.template = dhtmlx.Template.setter(0,config.template);
-		return config;
-	},
-	item_setter:function(name, config){
-		if(typeof(config)!="object")
-			config={color:config, borderColor:config};
-
-		this._mergeSettings(config,{
-			radius:4,
-			color:"#000000",
-			borderColor:"#000000",
-			borderWidth:2
-		});
-
-		config.color = dhtmlx.Template.setter(0,config.color);
-		config.borderColor = dhtmlx.Template.setter(0,config.borderColor);
-		return config;
-	},
-	line_setter:function(name, config){
-		if(typeof(config)!="object")
-			config={color:config};
-
-		this._mergeSettings(config,{
-			width:3,
-			color:"#d4d4d4"
-		});
-
-		config.color = dhtmlx.Template.setter(0,config.color);
-		return config;
-	},
-	padding_setter:function(name, config){
-		if(typeof(config)!="object")
-			config={left:config, right:config, top:config, bottom:config};
-		this._mergeSettings(config,{
-			left:50,
-			right:20,
-			top:35,
-			bottom:40
-		});
-		return config;
-	},
-	xAxis_setter:function(name, config){
-		if(!config) return false;
-		if(typeof(config)!="object")
-			config={ template:config };
-
-		this._mergeSettings(config,{
-			title:"",
-			color:"#000000",
-			template:"",
-			lines:false
-		});
-
-		if(config.template)
-			config.template = dhtmlx.Template.setter(0,config.template);
-		return config;
-	},
-    yAxis_setter:function(name, config){
-	    this._mergeSettings(config,{
-			title:"",
-			color:"#000000",
-			template:"{obj}",
-			lines:true
-		});
-
-		if(config.template)
-			config.template = dhtmlx.Template.setter(0,config.template);
-		return config;
-	},
-
-	_drawXAxis:function(ctx,data,x,y){
-		if (!this._settings.xAxis) return;
-
-		var x0 = parseInt(this._settings.padding.left,10)-0.5;
-		var y0 = y-this._settings.padding.bottom+0.5;
-		var x1 = x-this._settings.padding.right;
-
-		this._drawLine(ctx,x0,y0,x1,y0,this._settings.xAxis.color,1);
-
-		this.renderTextAt(true, false, x0,y-2,
-			this._settings.xAxis.title,
-			"dhx_axis_title_x",
-			x-x0-parseInt(this._settings.padding.right,10)-2
-		);
-		/*the right border in lines in scale are enabled*/
-		if (!this._settings.xAxis||!this._settings.xAxis.lines) return;
-		this._drawLine(ctx,x1,y0,x1+0.5,this._settings.padding.top+0.5,this._settings.xAxis.color,0.2);
-	},
-	_drawYAxis:function(ctx,data,x,y,start,end){
-		var step;
-		var scaleParam= {};
-		if (!this._settings.yAxis) return;
-
-		var x0 = parseInt(this._settings.padding.left,10)-0.5;
-		var y0 = y- parseInt(this._settings.padding.bottom,10);
-		var y1 = parseInt(this._settings.padding.top,10);
-
-		this._drawLine(ctx,x0,y0,x0,y1,this._settings.yAxis.color,1);
-
-		if(this._settings.yAxis.step)
-		     step = parseFloat(this._settings.yAxis.step);
-
-		if(typeof this._settings.yAxis.step =="undefined"||typeof this._settings.yAxis.start=="undefined"||typeof this._settings.yAxis.end =="undefined"){
-			scaleParam = this._calculateScale(start,end);
-			start = scaleParam.start;
-			end = scaleParam.end;
-			step = scaleParam.step;
-			this._settings.yAxis.end = end;
-			this._settings.yAxis.start = start;
-			this._settings.yAxis.step = step;
-		}
-
-		if(step===0) return;
-		var stepHeight = (y0-y1)*step/(end-start);
-		var c = 0;
-		for(var i = start; i<=end; i += step){
-			if(scaleParam.fixNum)  i = parseFloat((new Number(i)).toFixed(scaleParam.fixNum));
-			var yi = Math.floor(y0-c*stepHeight)+ 0.5;/*canvas line fix*/
-			if(i!=start &&this._settings.yAxis.lines)
-				this._drawLine(ctx,x0,yi,x-this._settings.padding.right,yi,this._settings.yAxis.color,0.2);
-
-			this.renderText(0,yi-5,
-				this._settings.yAxis.template(i.toString()),
-				"dhx_axis_item_y",
-				parseInt(this._settings.padding.left,10)-5
-			);
-
-			c++;
-		}
-
-		this.renderTextAt(true, false, 0,y1-4,this._settings.yAxis.title,"dhx_axis_title_y");
-	},
-	_calculateScale:function(nmin,nmax){
-	   var step,start,end;
-	   step = (nmax-nmin)/8;
-	   var power = Math.floor(this.log10(step));
-       var calculStep = Math.pow(10,power);
-	   var stepVal = step/calculStep;
-	   stepVal = (stepVal>5?10:5);
-       step = parseInt(stepVal,10)*calculStep;
-
-       if(step>Math.abs(nmin)) start = (nmin<0?-step:0);
-	   else{
-
-	      var absNmin = Math.abs(nmin);
-	      var powerStart = Math.floor(this.log10(absNmin));
-		  var nminVal = absNmin/Math.pow(10,powerStart);
-	      start = Math.ceil(nminVal*10)/10*Math.pow(10,powerStart)-step;
-		  if(nmin<0) start =-start-2*step;
-       }
-       var end = start;
-       while(end<=nmax){
-           end += step;
-           end = parseFloat((new Number(end)).toFixed(Math.abs(power)));
-       }
-	   return {start:start,end:end,step:step,fixNum:Math.abs(power)};
-	},
-	log10:function(n){
-        return Math.floor((Math.log(n)/Math.LN10));
-    },
-	_drawXAxisLabel:function(x,obj){
-		if (!this._settings.xAxis) return;
-		var elem = this.renderTextAt(false, true, x,
-			this._obj.offsetHeight-parseInt(this._settings.padding.bottom,10),
-			this._settings.xAxis.template(obj));
-	},
-	_drawXAxisLine:function(ctx,x,y1,y2){
-		if (!this._settings.xAxis||!this._settings.xAxis.lines) return;
-		this._drawLine(ctx,x,y1,x,y2,this._settings.xAxis.color,0.2);
-	},
-	_drawLine:function(ctx,x1,y1,x2,y2,color,width){
-		ctx.strokeStyle = color;
-		ctx.lineWidth = width;
-		ctx.beginPath();
-		ctx.moveTo(x1,y1);
-		ctx.lineTo(x2,y2);
-		ctx.stroke();
-	},
-	_getRelativeValue:function(minValue,maxValue){
-	    var relValue;
-		var valueFactor = 1;
-		if(maxValue != minValue){
-		    relValue = maxValue - minValue;
-			if(Math.abs(relValue) < 1){
-			    while(Math.abs(relValue)<1){
-				    valueFactor *= 10;
-					relValue *= valueFactor;
-				}
-			}
-		}
-		else relValue = minValue;
-		return [relValue,valueFactor];
-	},
-	_rainbow : [
-		function(pos){ return "#FF"+dhtmlx.math.toHex(pos/2,2)+"00";},
-		function(pos){ return "#FF"+dhtmlx.math.toHex(pos/2+128,2)+"00";},
-		function(pos){ return "#"+dhtmlx.math.toHex(255-pos,2)+"FF00";},
-		function(pos){ return "#00FF"+dhtmlx.math.toHex(pos,2);},
-		function(pos){ return "#00"+dhtmlx.math.toHex(255-pos,2)+"FF";},
-		function(pos){ return "#"+dhtmlx.math.toHex(pos,2)+"00FF";}
-	]
-};
-
-dhtmlx.compat("layout");
-\ No newline at end of file
author	Fabien Pinckaers <fp@tinyerp.com>	2012-05-07 10:19:08 +0200
committer	Fabien Pinckaers <fp@tinyerp.com>	2012-05-07 10:19:08 +0200
commit	dd6de9b2006cfe5bc7be28d70addc321691d2746 (patch)
tree	677a360fdc3b660add0e9589b74c10da3b562766 /addons/web_graph/static/lib/dhtmlxGraph
parent	16a2d354fc333d8fd3c0c638c5c2d74ffee8c580 (diff)