[Merge] upto revno 1024.

bzr revid: vme@tinyerp.com-20110914053746-ri6d5s341mm6tc7n

8 files changed, 6050 insertions, 0 deletions

diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css
new file mode 100644
index 00000000000..dfe553c99a5
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.css
@@ -0,0 +1,15 @@
+/*
+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:right;margin-top:30px;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
new file mode 100755
index 00000000000..ebc2279accf
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart.js
@@ -0,0 +1,131 @@
+/*
+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){dhtmlx.require("thirdparty/excanvas/excanvas.js");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){this.e.xAxis&&this.renderTextAt(e,d,a,b,this.e.xAxis.template(c), "dhx_axis_item_x")},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");
diff --git a/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css
new file mode 100644
index 00000000000..c30fbda2da3
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.css
@@ -0,0 +1,6 @@
+/*

+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
new file mode 100644
index 00000000000..af9b4437b31
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/dhtmlxchart_debug.js
@@ -0,0 +1,4737 @@
+/*

+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){

+				dhtmlx.require("thirdparty/excanvas/excanvas.js");	//sync loading

+				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
new file mode 100644
index 00000000000..90decb3077e
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/AUTHORS
@@ -0,0 +1,10 @@
+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
new file mode 100644
index 00000000000..d6456956733
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/COPYING
@@ -0,0 +1,202 @@
+
+                                 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
new file mode 100644
index 00000000000..eb7c42f40be
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/README
@@ -0,0 +1,22 @@
+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
new file mode 100644
index 00000000000..3fe46d3336f
--- /dev/null
+++ b/addons/web_graph/static/lib/dhtmlxGraph/codebase/thirdparty/excanvas/excanvas.js
@@ -0,0 +1,927 @@
+// 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
+
+if (dhtmlx && dhtmlx._modules)
+	dhtmlx._modules["thirdparty/excanvas/excanvas.js"] = true;
\ No newline at end of file